1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-20 12:41:37 +02:00

Base styling for all code elements

This commit is contained in:
Angelos Chalaris
2016-10-13 18:03:14 +03:00
parent 715f1af41e
commit 5fef974202
6 changed files with 148 additions and 28 deletions

View File

@@ -43,4 +43,7 @@
- Change to the color of `small` elements in headers from `#555` to `#444`.
- Built styling for horizontal rules, fixes apply as before.
- `hr` elements get a margin for left and right (`4px`). This is a design decision for the flavor.
- `hr` top and bottom margins changed to `0.5em` from `0.7em`.
- `hr` top and bottom margins changed to `0.5em` from `0.7em`.
- Removed the `font-size: 1em` for the code elements (`code`, `pre`, `kbd`, `samp`) as they should normally be styled using the first style that applies to `html` and all elements. **Highly suggested to use `$apply-defaults-to-all: true;` always.**
- Added variables for `code`, `pre`, `kbd`, `samp` and a flag for `samp` (`$style-samp-element`) to make sure that no unnecessary styles are added if the `samp` element is not to be used by the developer.
- Added conditions to make sure the least amount of code is used and no defaults are redefined when styling `code`. `kbd`, `samp` and `pre`.

View File

@@ -23,5 +23,12 @@
<h5>Heading 5 <small>small text</small></h5>
<h6>Heading 6 <small>small text</small></h6>
<hr>
<p>This is some text with an inline block of <code>code</code>.</p>
<p>This is some text with an inline block of <kbd>input</kbd>.</p>
<p>Preformatted block of code:</p>
<pre>Line 1 {
Stuff here....
}</pre>
<hr>
</body>
</html>