diff options
| author | Jaume Sala <jaumesala@gmail.com> | 2020-09-21 05:42:41 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-09-21 05:42:41 +0300 |
| commit | 7bbfd439c9d647cdfc1c4ec3bef57911cddfb00d (patch) | |
| tree | b7698564c014829d2354df7af205446200b90182 /site/assets | |
| parent | 4e9a29e47ae776064b5afe931a347d61a4390451 (diff) | |
Extra position utilities (#31280)
* Extra position utilities
Given that there are utilities for the *position* property, it seems logic to have utilities for the *top*, *left*, *bottom* and *right* propertires.
* Update extra position utilities
* add default position values map
* tweak examples
* add real life examples
* fix double colon
Co-authored-by: XhmikosR <xhmikosr@gmail.com>
Diffstat (limited to 'site/assets')
| -rw-r--r-- | site/assets/scss/_component-examples.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index 4b7aa43552..7391f5998e 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -217,6 +217,29 @@ } } +.bd-example-position-utils { + position: relative; + padding: 3em; + + .position-relative { + height: 200px; + background-color: #f5f5f5; + } + + .position-absolute { + width: 2em; + height: 2em; + background-color: $dark; + @include border-radius(); + } +} + +.bd-example-position-examples { + &::after { + content: none; + } +} + // // Code snippets // |