andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update custom-variables

Browse Source
This commit is contained in:
Stefan Feješ
2018-03-02 21:54:36 +01:00
parent fe456e72d7
commit dc3eb5e3fe
2 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -338,18 +338,15 @@ in any specification.</span></p>
} }
</style> </style>
<h4 data-type="Explanation">Explanation</h4> <h4 data-type="Explanation">Explanation</h4>
<p>Declare variable with <code>--variable-name:</code>.</p>
<!-- Use a step-by-step (ordered) list if possible. Keep it concise. --> <p>Reuse declared variable throughout the document using the <code>var(--variable-name)</code> function.</p>
<p>Bla bla bla</p>
<h4 data-type="Browser support">Browser support</h4> <h4 data-type="Browser support">Browser support</h4>
<div> <div>
<div class="snippet__browser-support"> <div class="snippet__browser-support">
100% 100%
</div> </div>
</div> </div>
<p><span class="snippet__support-note">⚠️ This is an experimental technology.</span></p>
<!-- Use the checkmark or the warning emoji, see the existing snippets. -->
<p><span class="snippet__support-note">✅ No caveats.</span></p>
<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed. <!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
If no link is provided, it defaults to 99+%. --> If no link is provided, it defaults to 99+%. -->

9
snippets/custom-variables.md
View File

@ -44,14 +44,13 @@ CSS variables that contain specific values to be reused throughout a document.
#### Explanation #### Explanation
<!-- Use a step-by-step (ordered) list if possible. Keep it concise. --> Declare variable with `--variable-name:`.
Bla bla bla
Reuse declared variable throughout the document using the `var(--variable-name)` function.
#### Browser support #### Browser support
<!-- Use the checkmark or the warning emoji, see the existing snippets. --> <span class="snippet__support-note">⚠️ This is an experimental technology.</span>
<span class="snippet__support-note">✅ No caveats.</span>
<!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed. <!-- Whenever possible, link a `caniuse` feature which allows the browser support percentage to be displayed.
If no link is provided, it defaults to 99+%. --> If no link is provided, it defaults to 99+%. -->