Pure 0.2.1 發布,一個來自Yahoo!的CSS框架
Pure 是一個由Yahoo!創建的新鮮CSS框架。用到了Normalize.CSS 并且不需要使用任何JavaScript只有HTML-CSS。
這個框架支持響應式布局,并提供了排版,網格,表格,按鈕,表格和導航的樣式。
標記非常簡單并且整個框架大小只有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-forminstead of.pure-group. The.pure-form-group inputstyles are now applied to all text-ish<input>elements. (#96) -
Fixed
.pure-input-roundedstyles to now apply correctly. The change to use more specific selectors for text-ish inputs in v0.2.0 caused the.pure-input-roundedselector to not apply because it was less specific. This selector now has right specificity. (#109: @AurelioDeRosa) -
Added
display: blockto<textarea>s in.pure-form-stacked<form>s to fix an alignment issue for subsequent elements. (#90: @AurelioDeRosa) -
Removed the gray
colorfrom.pure-form label. This allows<label>s to inherit their foreground color. (#89: @AurelioDeRosa)
Grids
-
(!) Changed
.pure-u-1grid unit to now usewidth: 100%instead ofdisplay: blockto achieve taking up the full width of its container. This makes it easier to override and align since it's usingdisplay: inline-blocklike the other grid units. (#94) -
Fixed
widthvalue typo in.pure-u-1-6, changed it from16.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: nowrapfrom.pure-table thead. This fixes issues where tables inside of grids would break the grid. (#95: @AurelioDeRosa)
