diff --git a/src/patterns/01-core/elements/_ordered-list.scss b/src/patterns/01-core/elements/_ordered-list.scss
index b47e41f139ad07779a316885340496d8ee6b8a58..23c2c2bdbdc1bb0148f1ef6589d5d4bed686ca78 100644
--- a/src/patterns/01-core/elements/_ordered-list.scss
+++ b/src/patterns/01-core/elements/_ordered-list.scss
@@ -1,72 +1,121 @@
// @file
// Ordered list styles.
-
-:where(ol) {
+ol{
padding-inline-start: var(--size-4);
margin: 0 0 var(--size-2);
- ol{
- list-style-type: lower-alpha;
- margin: (var(--size-2) / 2) 0 0;
- li ol {
- list-style-type: lower-roman;
- }
- }
-}
-
-.lower-alpha {
- list-style-type: lower-alpha;
- li ol {
+ &.lower-alpha {
list-style-type: lower-alpha;
}
-}
-.upper-alpha{
- list-style-type: upper-alpha;
- li ol {
+ &.upper-alpha{
list-style-type: upper-alpha;
}
-}
-.lower-roman {
- list-style-type: lower-roman;
- li ol {
+ &.lower-roman {
list-style-type: lower-roman;
}
-}
-.upper-roman{
- list-style-type: upper-roman;
- li ol {
+ &.upper-roman{
list-style-type: upper-roman;
}
-}
-.decimal {
- list-style: decimal outside none;
- margin: 0;
- padding: 0 0 var(--size-2) var(--size-2);
+ &.decimal {
+ list-style: decimal outside none;
+ margin: 0;
+ padding: 0 0 var(--size-2) var(--size-2);
- li {
- counter-increment: item;
- display: table;
- margin: var(--size-1) 0;
+ li {
+ list-style-type: decimal;
+ counter-increment: item;
+ display: table;
+ margin: var(--size-1) 0;
- &::before {
- content: counters(item, ".") ". ";
- display: table-cell;
- padding-right: 0.6rem;
- }
+ &::before {
+ content: counters(item, ".") ". ";
+ display: table-cell;
+ padding-right: 0.6rem;
+ }
- li {
- margin: 0.5rem 0;
+ li {
+ margin: 0.5rem 0;
- li::before {
- content: counters(item, ".") " ";
+ li::before {
+ content: counters(item, ".") " ";
+ }
}
- }
- ol {
- counter-reset: item;
- list-style: square outside none;
- list-style-type: none;
- margin: 0;
- padding: 0;
+ ol {
+ counter-reset: item;
+ list-style: square outside none;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ }
}
}
}
+//:where(ol) {
+// padding-inline-start: var(--size-4);
+// margin: 0 0 var(--size-2);
+// ol{
+// list-style-type: lower-alpha;
+// margin: (var(--size-2) / 2) 0 0;
+// li ol {
+// list-style-type: lower-roman;
+// }
+// }
+//}
+//
+//.lower-alpha {
+// list-style-type: lower-alpha;
+// li ol {
+// list-style-type: lower-alpha;
+// }
+//}
+//.upper-alpha{
+// list-style-type: upper-alpha;
+// li ol {
+// list-style-type: upper-alpha;
+// }
+//}
+//.lower-roman {
+// list-style-type: lower-roman;
+// li ol {
+// list-style-type: lower-roman;
+// }
+//}
+//.upper-roman{
+// list-style-type: upper-roman;
+// li ol {
+// list-style-type: upper-roman;
+// }
+//}
+//.decimal {
+// list-style: decimal outside none;
+// margin: 0;
+// padding: 0 0 var(--size-2) var(--size-2);
+//
+// li {
+// counter-increment: item;
+// display: table;
+// margin: var(--size-1) 0;
+//
+// &::before {
+// content: counters(item, ".") ". ";
+// display: table-cell;
+// padding-right: 0.6rem;
+// }
+//
+// li {
+// margin: 0.5rem 0;
+//
+// li::before {
+// content: counters(item, ".") " ";
+// }
+// }
+//
+// ol {
+// counter-reset: item;
+// list-style: square outside none;
+// list-style-type: none;
+// margin: 0;
+// padding: 0;
+// }
+// }
+//}
diff --git a/src/patterns/01-core/elements/_unordered-list.scss b/src/patterns/01-core/elements/_unordered-list.scss
index 96e2acc1d11aceb436d87667a201663391a94c1e..1a05cb58d902fd298249aa05ac02ec03c6368a93 100644
--- a/src/patterns/01-core/elements/_unordered-list.scss
+++ b/src/patterns/01-core/elements/_unordered-list.scss
@@ -1,42 +1,58 @@
// @file
// Unordered list styles.
-
-:where(ul) {
- list-style-type: disc;
+ul {
margin: 0 0 var(--size-2);
- padding: 0 0 0 var(--size-4); // LTR
- ul {
- list-style-type: circle;
+ padding: 0 0 0 var(--size-3);
+ ul{
margin: (var(--size-2) / 2) 0 0;
- li > ul {
- list-style-type: disc;
- }
}
-}
-.disc {
- list-style: disc;
- ul {
+ &.disc {
list-style-type: disc;
- li > ul {
- list-style-type: disc;
- }
}
-}
-.square {
- list-style: square;
- ul {
+ &.square {
list-style-type: square;
- li > ul {
- list-style-type: square;
- }
}
-}
-.circle {
- list-style-type: circle;
- ul {
+ &.circle {
list-style-type: circle;
- li > ul {
- list-style-type: circle;
- }
}
}
+//
+//:where(ul) {
+// list-style-type: disc;
+// margin: 0 0 var(--size-2);
+// padding: 0 0 0 var(--size-4); // LTR
+// ul {
+// list-style-type: circle;
+// margin: (var(--size-2) / 2) 0 0;
+// li > ul {
+// list-style-type: disc;
+// }
+// }
+//}
+//.disc {
+// list-style: disc;
+// ul {
+// list-style-type: disc;
+// li > ul {
+// list-style-type: disc;
+// }
+// }
+//}
+//.square {
+// list-style: square;
+// ul {
+// list-style-type: square;
+// li > ul {
+// list-style-type: square;
+// }
+// }
+//}
+//.circle {
+// list-style-type: circle;
+// ul {
+// list-style-type: circle;
+// li > ul {
+// list-style-type: circle;
+// }
+// }
+//}