Star on GitHub.
Donate a coffee or two.
Download 0.4.0 or link to it.
<link rel="stylesheet"
media="screen"
href="https://screencss.com/screen-0.4.0.css">
This is <b>, .b, .bold, <strong>, and .strong (700).
This is .xb and .xbold (800).
This is .xxb, .xxbold, and .black (900).
This is <i>, .i, <em>, and .em.
This is <s>, .strike, <del>, and .del.
This is .grey and .lightgrey.
This is <code>
, .code, and .mono.
This is <mark>, .mark, and .highlight.
This is <a>, <a.inherit>, and <a.grey>.
This is <sub>, .sub, <sup>, and .sup.
This is .xs and .xsmall (12px).
This is <small>, .s, and .small (14px).
This is .m and .medium (16px).
This is .l and .large (18px).
This is .xl and .xlarge (24px).
This is .xxl and .xxlarge (48px).
<h1>
and .h1
.<h2>
and .h2
.<h3>
and .h3
.<h4>
and .h4
.<hr>
:
.hr
:
<div class="hr"><span>Foo</span></div>
:
<p>
and .p
.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at imperdiet sem. Nam a orci in ligula egestas rutrum non at mauris. Suspendisse luctus enim augue, non ullamcorper leo porta et. Praesent sit amet semper tortor.
.left
:
.center
:
.right
:
<ul>
:
<li>
.<ol>
:
<li>
.<ol.nostyle>
:
<li>
.Those are .box
.
Column 1 | Column 2 | Column 3 |
---|---|---|
One | Two | Three |
Four | Five | Six |
.wide
Lorem ipsum dolor sit amet, consectetur adipiscing elit. ¶
Vestibulum mollis semper porttitor. ¶
Vestibulum tincidunt, dui ut cursus commodo, felis tellus aliquet neque, quis vulputate augue lacus ut ligula. ¶
Proin eget aliquam neque. ¶
.narrow
Lorem ipsum dolor sit amet, consectetur adipiscing elit. ¶
Vestibulum mollis semper porttitor. ¶
Vestibulum tincidunt, dui ut cursus commodo, felis tellus aliquet neque, quis vulputate augue lacus ut ligula. ¶
Proin eget aliquam neque. ¶
About
·
Analytics
All emojis designed by OpenMoji – the open-source emoji and icon project. License: CC BY-SA 4.0