Pure 0.2.1 发布,一个来自Yahoo!的CSS框架

jopen 11年前

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)