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:
@@ -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`.
|
@@ -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>
|
Reference in New Issue
Block a user