Skip to content

Tocas 4.2.5

Compare
Choose a tag to compare
@YamiOdymel YamiOdymel released this 05 Sep 21:23
2779e2b

⚠️ 破壞性異動 ⚠️

這些破壞性異動仍可以繼續在 4.2.5 版本中正常使用,下一個 4.3.0 版本將會全數移除,請盡快改為新用法。這些樣式被移至 /src/deprecated_431.css

  • [Center] Center 元件被廢除,請改用輔助樣式的 has-flex-centerhas-full-size (#921, 7ef743f)。
  • [Utilities] 所有的輔助樣式從 u- 前輟改為 has- (#935, 7d1e502)。

修正

  • [Grid] 使用 is-stacked 的時候會導致子 Grid 也被 Stack (#926, ed3658a)。
  • [Grid] 使用 is-stackedis-reversed 不起作用 (#927, 5de2be9)。
  • [Rating] Firefox 尚未支援 :has 選擇器而導致 is-active 顏色不起作用 (#924, 6bdbfb1)。
  • [Divider] is-vertical 的分隔線會因為指定 height: 100% 而不在 Flexbox 生效 (#923, 95f6fde)。
  • [Control] is-stacked 的時候 Firefox 會因為 overflow: hidden 而裁切較矮 line-height 的文字 (#925, 4fa65ef)。
  • is-light 的時候,連結顏色仍然會受到系統暗黑主題的影響而改變顏色 (#928, ae3dd6d)。

修改

  • [Text] is-x-lines 使用 word-break: break-all 來避免只呈現一個單字 (#929, 60631e0)。
  • [Header] 帶有圖示的標題大小從 1.5em 降低為 1.25em (#922, dd5b5d2)。
  • FontAwesome 更新到 6.4.2 (#932, 00af503)。

新增

  • [Tab] 新增 is-indicated 的短點指示樣式 (#937, a9568d3)。
  • [Tab] 新增 is-tall 的樣式能讓項目的上下更高一點,距離指示器更寬鬆 (#938, 485198d)。
  • 新增多個 has- 輔助樣式,如 has-leading-none 改變行距高度。