Merge branch 'develop' into add-badges-component

scss/elements/_index.scss

@@ -1,12 +1,13 @@
 @charset "utf-8";
 
-@import "buttons.scss";
-@import "containers.scss";
-@import "radios.scss";
-@import "checkboxes.scss";
-@import "lists.scss";
-@import "balloons.scss";
-@import "tables.scss";
-@import "progress.scss";
 @import "avatar.scss";
 @import "badges.scss";
+@import "balloons.scss";
+@import "buttons.scss";
+@import "checkboxes.scss";
+@import "containers.scss";
+@import "dialogs.scss";
+@import "lists.scss";
+@import "progress.scss";
+@import "radios.scss";
+@import "tables.scss";

scss/elements/checkboxes.scss

@@ -62,22 +62,23 @@
     position: absolute;
     top: -3px;
     left: -28px;
+    font-size: 2px;
     content: "";
   }
 
   // prettier-ignore
   & + span::before { /* stylelint-disable-line no-descending-specificity */
-    @include pixelize($checkbox, $colors, 2px);
+    @include pixelize($checkbox, $colors);
   }
   // prettier-ignore
   &:focus + span::before { /* stylelint-disable-line no-descending-specificity */
-    @include pixelize($checkbox-focus, $colors, 2px);
+    @include pixelize($checkbox-focus, $colors);
   }
 
   &:checked + span::before {
-    @include pixelize($checkbox-checked, $colors, 2px);
+    @include pixelize($checkbox-checked, $colors);
   }
   &:checked:focus + span::before {
-    @include pixelize($checkbox-checked-focus, $colors, 2px);
+    @include pixelize($checkbox-checked-focus, $colors);
   }
 }

scss/elements/dialogs.scss

@@ -1,8 +1,5 @@
 .nes-dialog {
   padding: 1.5rem 2rem;
-  color: $base-color;
-  border: none;
-  box-shadow: 4px 0, -4px 0, 0 4px, 0 -4px;
 
   > .backdrop,
   &::backdrop {
@@ -12,4 +9,9 @@
   > :last-child {
     margin-bottom: 0;
   }
+
+  &.is-rounded {
+    border: none;
+    box-shadow: 4px 0 $base-color, -4px 0 $base-color, 0 4px $base-color, 0 -4px $base-color;
+  }
 }

scss/elements/lists.scss

@@ -28,17 +28,19 @@
     position: absolute;
     top: calc(50% - 8px);
     left: -22px;
+    font-size: 2px;
     content: "";
 
-    @include pixelize($disc, $colors, 2px);
+    @include pixelize($disc, $colors);
   }
 
   &.is-circle li::before {
     position: absolute;
     top: calc(50% - 8px);
     left: -22px;
+    font-size: 2px;
     content: "";
 
-    @include pixelize($circle, $colors, 2px);
+    @include pixelize($circle, $colors);
   }
 }

scss/elements/radios.scss

@@ -35,9 +35,10 @@
     position: absolute;
     top: -2px;
     left: -20px;
+    font-size: 2px;
     content: "";
 
-    @include pixelize($radio, $colors, 2px);
+    @include pixelize($radio, $colors);
   }
 
   &:checked:hover,
@@ -48,6 +49,6 @@
   }
 
   &:checked:focus + span::before {
-    @include pixelize($radio-checked-focus, $colors, 2px);
+    @include pixelize($radio-checked-focus, $colors);
   }
 }