Update swatch styling for consistency with typographic updates

appearhere · Sep 13, 2017 · 48a341a · 48a341a
1 parent 22a80a2
commit 48a341a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/styleguide/components/Swatch/Swatch.css b/styleguide/components/Swatch/Swatch.css
@@ -17,8 +17,8 @@
 }
 
 .color {
-  width: 90px;
-  height: 90px;
+  width: var(--size-lg-iii);
+  height: var(--size-lg-iii);
   border-radius: 100%;
   position: absolute;
   top: 50%;

diff --git a/styleguide/screens/Design/Colors.css b/styleguide/screens/Design/Colors.css
@@ -2,11 +2,13 @@
 
 .colorGroup {
   lost-utility: clearfix;
+  margin-top: 0;
 }
 
 .color {
   display: inline-block;
   lost-column: 1/2;
+  margin-top: var(--size-lg-i);
 }
 
 @media(--colors-3up) {