@apolitical/component-library 3.0.3-4117.3 → 3.0.3

package/styles/base/_layout.scss

@@ -9,9 +9,17 @@
     text-align: center;
   }
 
-  .content-slim {
-    max-width: px-to-rem($content-slim-width);
+  .content-slim,
+  .content-slimmest {
     margin-left: auto;
     margin-right: auto;
   }
+
+  .content-slim {
+    max-width: px-to-rem($content-slim-width);
+  }
+
+  .content-slimmest {
+    max-width: px-to-rem($content-slimmest-width);
+  }
 }

package/styles/base/_lists.scss

@@ -16,11 +16,6 @@ $li: (
     margin: 0 0 px-to-rem(get-map($ul, 'margin-bottom')) 0;
     padding-left: px-to-rem(get-map($ul, 'padding-left'));
     display: block;
-
-    &.unstyled {
-      list-style: none;
-      padding-left: 0;
-    }
   }
 
   li {

package/styles/base/_titles.scss

@@ -5,9 +5,6 @@ $highlight: (
   'height': 4,
   'margin-top': 12,
   'border-radius': 8,
-  'width_position_horizontal': 4,
-  'height_position_horizontal': 24,
-  'bottom_position_horizontal': 26,
 );
 $pre-title: (
   'font-size': 14,
@@ -107,17 +104,6 @@ $count-icon: (
       left: 50%;
       transform: translateX(-50%);
     }
-  } @else if $align == 'left' {
-    padding-left: px-to-rem(
-      get-map($highlight, 'height') + get-map($highlight, 'margin-top')
-    );
-
-    &::after {
-      width: px-to-rem(get-map($highlight, 'width_position_horizontal'));
-      height: px-to-rem(get-map($highlight, 'height_position_horizontal'));
-      bottom: px-to-rem(get-map($highlight, 'bottom_position_horizontal'));
-      max-height: 100%;
-    }
   }
 }
 

package/styles/variables/colors/theme/_base.scss

@@ -7,9 +7,7 @@ $base: (
   background: get-map($c, 'white'),
   highlight_bg: get-map($c, 'g300'),
   title: get-map($c, 'n900'),
-  title_secondary: get-map($c, 'p500'),
   subtitle: get-map($c, 'n800'),
-  subtitle_secondary: get-map($c, 'n700'),
   text: get-map($c, 'n900'),
   text_error: get-map($c, 'error600'),
   text_line: get-map($c, 'g50'),

package/styles/variables/sizes/_common.scss

@@ -5,3 +5,6 @@ $outline: 0 0 0 $outline-width;
 
 // This is used for the width of a slimmer layout column.
 $content-slim-width: 1040;
+
+// This is used for the width of the slimmest layout column.
+$content-slimmest-width: 752;