use horizontal padding atoms in base

chharvey · Apr 11, 2019 · 1cbea07 · 1cbea07
1 parent b5825cb
commit 1cbea07
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 11 deletions.
diff --git a/css/src/_base.less b/css/src/_base.less
@@ -9,6 +9,7 @@
 @import (reference) url('./_h-FontSize.less');
 @import (reference) url('./_-mb.less');
 @import (reference) url('./_-pt.less');
+@import (reference) url('./_-pl.less');
 
 
 @p-line-height: 1.5; // equivalent to custom prop `--line-height` // COMBAK{FALLBACK} for custom property
@@ -225,16 +226,11 @@ hr {
   }
   ol,
   ul {
-    padding: 0 0 0 4rem; // COMBAK{FALLBACK}
-    padding: logical 0 4rem 0 0; // NB <https://github.com/w3c/csswg-drafts/issues/1282>
+		.-pl-4;
     li > &,
     dt > &,
     dd > & {
-      padding-left: 2rem; // COMBAK{FALLBACK}
-      @supports (padding-inline-start: 1rem) {
-        padding-left: unset;
-        padding-inline-start: 2rem;
-      }
+			.-pl-2;
     }
   }
   ol {

diff --git a/css/src/_o-List.less b/css/src/_o-List.less
@@ -2,6 +2,7 @@
 /*################################*\
     xmeter  |  _o-List.less
 \*################################*/
+@import (reference) url('./_-pl.less');
 
 
 // The List Object
@@ -30,9 +31,7 @@
 //
 // Styleguide Objects.List
 .o-List {
-  padding-left: 0;       // COMBAK{FALLBACK}
-  padding-left: initial; // COMBAK{FALLBACK}
-  padding-left: unset;
+	.-pl-0;
   list-style: none;
 }
 

diff --git a/css/src/reset.css b/css/src/reset.css
@@ -27,7 +27,7 @@ fieldset {
   margin: initial; /* COMBAK{FALLBACK} */
   margin: unset;
 }
-ol, ul,
+ol, ul, dl,
 th, td,
 legend {
   padding: 0;       /* COMBAK{FALLBACK} */