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-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 usewidth: 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 usingdisplay: inline-block
like the other grid units. (#94) -
Fixed
width
value 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: nowrap
from.pure-table thead
. This fixes issues where tables inside of grids would break the grid. (#95: @AurelioDeRosa)