diff --git a/src/patterns/01-core/elements/_ordered-list.scss b/src/patterns/01-core/elements/_ordered-list.scss index 23c2c2bdbdc1bb0148f1ef6589d5d4bed686ca78..8e933a9201ba70bb336d4e2780550c43522ef5db 100644 --- a/src/patterns/01-core/elements/_ordered-list.scss +++ b/src/patterns/01-core/elements/_ordered-list.scss @@ -1,7 +1,6 @@ // @file // Ordered list styles. -ol{ - padding-inline-start: var(--size-4); +ol { margin: 0 0 var(--size-2); &.lower-alpha { list-style-type: lower-alpha; @@ -12,13 +11,12 @@ ol{ &.lower-roman { list-style-type: lower-roman; } - &.upper-roman{ + &.upper-roman { list-style-type: upper-roman; } &.decimal { list-style: decimal outside none; margin: 0; - padding: 0 0 var(--size-2) var(--size-2); li { list-style-type: decimal; @@ -45,77 +43,20 @@ ol{ list-style: square outside none; list-style-type: none; margin: 0; - padding: 0; } } } + + &.digits-4 { + padding-inline-start: var(--size-6); + } + &.digits-5 { + padding-inline-start: var(--size-8); + } + &.digits-6 { + padding-inline-start: var(--size-10); + } + ol { + padding-inline-start: var(--size-2); + } } -//: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 1a05cb58d902fd298249aa05ac02ec03c6368a93..06e46a0a577f1c7ee377dd5ffae2b581da510b63 100644 --- a/src/patterns/01-core/elements/_unordered-list.scss +++ b/src/patterns/01-core/elements/_unordered-list.scss @@ -2,7 +2,6 @@ // Unordered list styles. ul { margin: 0 0 var(--size-2); - padding: 0 0 0 var(--size-3); ul{ margin: (var(--size-2) / 2) 0 0; } @@ -16,43 +15,3 @@ 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; -// } -// } -//}