From a37f4da1a73ba20f6212c5e30406ebe88e91f091 Mon Sep 17 00:00:00 2001 From: Martin Leblanc <m26lebla@uwaterloo.ca> Date: Wed, 22 Mar 2023 11:33:39 -0400 Subject: [PATCH] ISTWCMS-6018: Remove the global padding on ordered, unordered list to allow default browser spacing --- .../01-core/elements/_ordered-list.scss | 76 +------------------ .../01-core/elements/_unordered-list.scss | 41 ---------- 2 files changed, 4 insertions(+), 113 deletions(-) diff --git a/src/patterns/01-core/elements/_ordered-list.scss b/src/patterns/01-core/elements/_ordered-list.scss index 23c2c2bd..0d3b1cbd 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); margin: 0 0 var(--size-2); &.lower-alpha { list-style-type: lower-alpha; @@ -18,7 +17,6 @@ ol{ &.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,11 @@ ol{ list-style: square outside none; list-style-type: none; margin: 0; - padding: 0; } } } + 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 1a05cb58..06e46a0a 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; -// } -// } -//} -- GitLab