29 lines
577 B
HTML
29 lines
577 B
HTML
<h2>Selectors</h2>
|
|
<pre><code class="language-css">a#id.class:hover {}
|
|
li:nth-child(2n+1) {}
|
|
span::before {}
|
|
a[title], a[href$=".pdf"] {}, a[href$=".jpg" i] {}
|
|
</code></pre>
|
|
|
|
<p>Some of added tokens aren't supported by Prism's default themes.</p>
|
|
|
|
<h2>Variables</h2>
|
|
<pre><code class="language-css">:root {
|
|
--foo: 12px;
|
|
}
|
|
a {
|
|
font-size: var(--foo);
|
|
padding: calc(var(--foo) + .5em);
|
|
}
|
|
</code></pre>
|
|
|
|
<h2>Colors</h2>
|
|
<pre><code class="language-css">span {
|
|
background: rgba(0, 128, 255, .4);
|
|
color: red;
|
|
color: green;
|
|
color: blue;
|
|
border: 1px solid #FFF;
|
|
}
|
|
</code></pre>
|