aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/abstracts/placeholders
diff options
context:
space:
mode:
Diffstat (limited to 'src/styles/abstracts/placeholders')
-rw-r--r--src/styles/abstracts/placeholders/_clearfix.scss14
-rw-r--r--src/styles/abstracts/placeholders/_list.scss32
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;
+}