Skip to content

Tocas 2.1

Choose a tag to compare

@YamiOdymel YamiOdymel released this 21 May 09:41
· 2842 commits to master since this release

極重大更新,請注意部分功能被拋棄!

是時候來到了 Tocas UI 2.1 版本,距離 2.0 相差了三個月左右,這其中新增、修改了許多功能與 Bug,然後聖誕快樂!

焦點矚目

這是一個重大版本的更新,其功能亦有重大變更,請仔細查看下方列表。

  1. Jumbotron(聚焦看板)現在改名為 Slate(板岩)了,並且有著更多的樣式與外觀。(#141
  2. 新增 Popup(也稱作 Tooltip)元件,這是個純 CSS 而非仰賴 JavaScript 的元件。(#123

按鈕、連結撰寫注意

本次更新將 <a><span> 更改成為了 display: inline-block,如果你將按鈕放置於連結內,

並將按鈕設為 .right.floated 並不會有效果,這個時候請遵守「連結就該是連結,按鈕就該是按鈕。」,

倘若你想用連結把按鈕包住,那麼你可以直接這樣: <a class="ts right floated button">我是按鈕連結</a>

新增

  1. Message 現在有了 Secondary 的樣式。(#124
  2. List 的項目現在也有了語氣,並且支援 Inverted。(#128
  3. Card 現在有了 Compact 樣式,可令卡片依內容作為寬度基準。(#122
  4. Checkbox 現在有了 Inverted 樣式。(#113
  5. Image 現在有了 Link 效果,滑鼠移過時圖片會浮起。(#121

Bug 修正

  1. Basic Button 的顏色現在都正確而且極具回饋感了。(#117
  2. 修正了 Menu 中的項目會與 List 中項目有所衝突的問題。(#133
  3. 修正了 Menu 項目 Disabled 時,項目中元素並無被停用的問題。
  4. 現在 Floated 效果能在 Flexbox 中生效。(#135

調整和新增

  1. 現在可以直接在 Segments 加上 Raised 樣式(#126
  2. 重設(Reset)了更多的基本 HTML5 元素。
  3. Segment 的陰影現在可以透過 Insetted 向內嵌。(#140