Pure 0.2.1 發布,一個來自Yahoo!的CSS框架

jopen 11年前發布 | 8K 次閱讀 Pure

Pure 是一個由Yahoo!創建的新鮮CSS框架。用到了Normalize.CSS 并且不需要使用任何JavaScript只有HTML-CSS

一個來自Yahoo!的CSS框架:Pure

這個框架支持響應式布局,并提供了排版,網格,表格,按鈕,表格和導航的樣式。

標記非常簡單并且整個框架大小只有5.7kb左右。此外它還是模塊化的,每個模塊的樣式都可以單獨分開使用。

0.2.1 (2013-07-17) 發布的詳細記錄:

Forms

  • (!) Made [readonly] <input>s look visually different to [disabled] and regular <input>s. (#102: @jaseg)

  • Fixed copy/paste bug that mapped text inputs to .pure-form instead of.pure-group. The .pure-form-group input styles are now applied to all text-ish <input> elements. (#96)

  • Fixed .pure-input-rounded styles to now apply correctly. The change to use more specific selectors for text-ish inputs in v0.2.0 caused the.pure-input-rounded selector to not apply because it was less specific. This selector now has right specificity. (#109: @AurelioDeRosa)

  • Added display: block to <textarea>s in .pure-form-stacked <form>s to fix an alignment issue for subsequent elements. (#90: @AurelioDeRosa)

  • Removed the gray color from .pure-form label. This allows <label>s to inherit their foreground color. (#89: @AurelioDeRosa)

Grids

  • (!) Changed .pure-u-1 grid unit to now use width: 100% instead ofdisplay: block to achieve taking up the full width of its container. This makes it easier to override and align since it's using display: inline-block like the other grid units. (#94)

  • Fixed width value typo in .pure-u-1-6, changed it from 16.656% to16.666%. (#115: @chilts)

Menus

  • (!) Fixed broken styling of active paginator items by using Grids CSS rules to layout items horizontally; this makes sure the active item isn't overlapped. (#127)

Tables

  • Removed white-space: nowrap from .pure-table thead. This fixes issues where tables inside of grids would break the grid. (#95: @AurelioDeRosa)
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!