aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/abstracts/placeholders/_list.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2021-12-13 00:51:39 +0100
committerArmand Philippot <git@armandphilippot.com>2021-12-13 00:51:39 +0100
commitab29d725320ff8e883394aee536ea37b74018009 (patch)
tree3f4cdb605abc4ded03d8f3399eacf6d7f9b69851 /src/styles/abstracts/placeholders/_list.scss
parent5299774837aa2be2c0f26e766ead20e9dd17e18a (diff)
chore: define Sass functions, mixins, placeholders and variables
Diffstat (limited to 'src/styles/abstracts/placeholders/_list.scss')
-rw-r--r--src/styles/abstracts/placeholders/_list.scss32
1 files changed, 32 insertions, 0 deletions
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;
+}