Stylus mode <br /> /* Stylus mode */</p> <p>#id,<br /> .class,<br /> article<br /> font-family Arial, sans-serif</p> <p>#id,<br /> .class,<br /> article {<br /> font-family: Arial, sans-serif;<br /> }</p> <p>// Variables<br /> font-size-base = 16px<br /> line-height-base = 1.5<br /> font-family-base = “Helvetica Neue”, Helvetica, Arial, sans-serif<br /> text-color = lighten(#000, 20%)</p> <p>body<br /> font font-size-base/line-height-base font-family-base<br /> color text-color</p> <p>body {<br /> font: 400 16px/1.5 “Helvetica Neue”, Helvetica, Arial, sans-serif;<br /> color: #333;<br /> }</p> <p>// Variables<br /> link-color = darken(#428bca, 6.5%)<br /> link-hover-color = darken(link-color, 15%)<br /> link-decoration = none<br /> link-hover-decoration = false</p> <p>// Mixin<br /> tab-focus()<br /> outline thin dotted<br /> outline 5px auto -webkit-focus-ring-color<br /> outline-offset -2px</p> <p>a<br /> color link-color<br /> if link-decoration<br /> text-decoration link-decoration<br /> &:hover<br /> &:focus<br /> color link-hover-color<br /> if link-hover-decoration<br /> text-decoration link-hover-decoration<br /> &:focus<br /> tab-focus()</p> <p>a {<br /> color: #3782c4;<br /> text-decoration: none;<br /> }<br /> a:hover,<br /> a:focus {<br /> color: #2f6ea7;<br /> }<br /> a:focus {<br /> outline: thin dotted;<br /> outline: 5px auto -webkit-focus-ring-color;<br /> outline-offset: -2px;<br /> }<br /> MIME types defined: text/x-styl. Created by Dmitry Kiselyov
