links.seigler.net
Tag cloud
Picture wall
Daily
RSS Feed
  • RSS Feed
  • Daily Feed
  • Weekly Feed
  • Monthly Feed
Filters

Links per page

  • 20 links
  • 50 links
  • 100 links

Filters

Untagged links
Introducing AM - Attribute Modules for CSS: Moving beyond class-based styling http://glenmaddern.com/articles/introducing-am-css
Sat Sep 6 12:00:56 2014
QRCode

Attribute Modules, or AM, at its core is about defining namespaces for your styles to live in.
<div am-Row>
<div am-Column="12">Full</div>
</div>
<div am-Row>
<div am-Column="4">Thirds</div>
<div am-Column="4">Thirds</div>
<div am-Column="4">Thirds</div>
</div>

[am-Row] { / max-width, clearfixes / }
[am-Column~="1"] { / 1/12th width, floated / }
[am-Column~="2"] { / 1/6th width, floated / }
[am-Column~="3"] { / 1/4th width, floated / }
[am-Column~="4"] { / 1/3rd width, floated / }
[am-Column~="5"] { / 5/12th width, floated / }
/ etc /
[am-Column~="12"] { / 100% width, floated / }

design html css styles
3048 links, including 336 private
Shaarli - The personal, minimalist, super-fast, database free, bookmarking service by the Shaarli community - Theme by kalvn