Merge branch 'feature/ISTWCMS-6018-m26lebla-ordered_list_styles' into '1.0.x'

ISTWCMS-6018: Remove the global padding on ordered, unordered list to allow default browser spacing

See merge request !91

src/patterns/01-core/elements/_ordered-list.scss

 // @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;
-//    }
-//  }
-//}

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;
-//    }
-//  }
-//}