xmeter
Version:
A default stylesheet with a set of tools that make designing with vertical rhythm easy.
1 lines • 2.37 kB
Source Map (JSON)
{"version":3,"sources":["_-fz.less"],"names":[],"mappings":"AAsCA,UAAY,aAAA,MAA8C,UAAA,OAC1D,UAAY,aAAA,KAA8C,UAAA,MAC1D,UAAY,aAAA,EAA8C,UAAA,IAC1D,UAAY,aAAA,KAA8C,UAAA,OAC1D,UAAY,aAAA,KAAiC,SAAA,EAAa,UAAA,OAC1D,UAAY,aAAA,KAAiC,SAAA,EAAa,UAAA,OAC1D,UAAY,aAAA,EAAiC,SAAA,EAAa,UAAA,IAC1D,UAAY,aAAA,EAAiC,SAAA,EAAa,UAAA","file":"-fz.css","sourcesContent":["\n/*################################*\\\n xmeter | _-fz.less\n\\*################################*/\n@import (reference) url('./__settings.less');\n@import (reference) url('./__tool.fontsize.less');\n\n\n// font-size\n//\n// Set the `font-size` property on an element.\n// There are eight Atoms available, each corresponding to a font-size given by the project’s\n// [type scale](./section-principles.html).\n// You can see the source for the font-size settings in <a>/src/__settings.less</a>.\n//\n// <header><dl>\n// <dt>author</dt> <dd>Chris Harvey</dd>\n// <dt>updated</dt> <dd><time>2018-03-26</time></dd>\n// </dl></header>\n//\n// Markup:\n// <!--link rel=\"stylesheet\" href=\"/node_modules/xmeter/css/dist/-fz.css\"/-->\n// <ul>\n// <li class=\"-fz-micr\">Quark (0.625)</li>\n// <li class=\"-fz-mill\">Atom (0.75) </li>\n// <li class=\"-fz-norm\">Molecule (1.00) </li>\n// <li class=\"-fz-kilo\">Asteroid (1.25) </li>\n// <li class=\"-fz-mega\">Planet (1.75) </li>\n// <li class=\"-fz-giga\">Star (2.25) </li>\n// <li class=\"-fz-tera\">Galaxy (3.00) </li>\n// <li class=\"-fz-peta\">Universe (4.00) </li>\n// </ul>\n//\n// Weight: 3\n//\n// Styleguide Atoms.font-size\n\n\n.-fz-micr { --font-scale: @g-font-size-micr; font-size: (@g-font-size-micr * 1em); }\n.-fz-mill { --font-scale: @g-font-size-mill; font-size: (@g-font-size-mill * 1em); }\n.-fz-norm { --font-scale: @g-font-size-norm; font-size: (@g-font-size-norm * 1em); }\n.-fz-kilo { --font-scale: @g-font-size-kilo; font-size: (@g-font-size-kilo * 1em); }\n.-fz-mega { --font-scale: @g-font-size-mega; --tracks: 2; font-size: (@g-font-size-mega * 1em); }\n.-fz-giga { --font-scale: @g-font-size-giga; --tracks: 2; font-size: (@g-font-size-giga * 1em); }\n.-fz-tera { --font-scale: @g-font-size-tera; --tracks: 2; font-size: (@g-font-size-tera * 1em); }\n.-fz-peta { --font-scale: @g-font-size-peta; --tracks: 3; font-size: (@g-font-size-peta * 1em); }\n"]}