diff options
Diffstat (limited to 'src/styles/abstracts/placeholders')
| -rw-r--r-- | src/styles/abstracts/placeholders/_clearfix.scss | 14 | ||||
| -rw-r--r-- | src/styles/abstracts/placeholders/_list.scss | 32 |
2 files changed, 46 insertions, 0 deletions
diff --git a/src/styles/abstracts/placeholders/_clearfix.scss b/src/styles/abstracts/placeholders/_clearfix.scss new file mode 100644 index 0000000..2a4f262 --- /dev/null +++ b/src/styles/abstracts/placeholders/_clearfix.scss @@ -0,0 +1,14 @@ +/// Set up clearfix +%clearfix { + *zoom: 1; + + &::before, + &::after { + content: " "; + display: table; + } + + &::after { + clear: both; + } +} diff --git a/src/styles/abstracts/placeholders/_list.scss b/src/styles/abstracts/placeholders/_list.scss new file mode 100644 index 0000000..85e8386 --- /dev/null +++ b/src/styles/abstracts/placeholders/_list.scss @@ -0,0 +1,32 @@ +/// List Reset +%reset-list { + list-style-type: none; + margin: 0; + padding: 0; + + li { + margin-bottom: 0; + } +} + +/// Ordered List Reset +%reset-ordered-list { + @extend %reset-list; + + li { + display: list-item; + counter-increment: none; + + &::before { + display: none; + } + } +} + +/// Display an inline list with flexbox +%flex-list { + @extend %reset-list; + + display: flex; + flex-flow: row wrap; +} |
