Merge branch 'develop' into scroll-table

scss/base/variables.scss

@@ -5,8 +5,8 @@ $font-size: 16px !default;
 $base-color: $color-black;
 $background-color: $color-white;
 
-$cursor-url: url(../assets/cursor.png);
-$cursor-click-url: url(../assets/cursor-click.png);
+$cursor-url: url(https://unpkg.com/nes.css/assets/cursor.png);
+$cursor-click-url: url(https://unpkg.com/nes.css/assets/cursor-click.png);
 
 $default-colors: (
   normal: $background-color,

scss/elements/_index.scss

@@ -4,6 +4,7 @@
 @import "containers.scss";
 @import "radios.scss";
 @import "checkboxes.scss";
+@import "lists.scss";
 @import "balloons.scss";
 @import "tables.scss";
 @import "progress.scss";

scss/elements/containers.scss

@@ -31,7 +31,7 @@
     border-radius: 4px;
   }
 
-  &.is-center {
+  &.is-centered {
     text-align: center;
   }
 
@@ -50,7 +50,7 @@
       background-color: $background-color;
     }
 
-    &.is-center {
+    &.is-centered {
       > .title {
         margin: -2rem auto 1rem;
       }
@@ -127,7 +127,7 @@
         margin-top: -1.5rem;
       }
 
-      &.is-center {
+      &.is-centered {
         > .title {
           margin: -1.5rem auto 1rem;
         }

scss/elements/dialogs.scss

@@ -0,0 +1,15 @@
+.nes-dialog {
+  padding: 1.5rem 2rem;
+  color: $base-color;
+  border: none;
+  box-shadow: 4px 0, -4px 0, 0 4px, 0 -4px;
+
+  > .backdrop,
+  &::backdrop {
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+}

scss/elements/lists.scss

@@ -0,0 +1,44 @@
+.nes-list {
+  $disc: (
+    (0, 0, 0, 1, 1, 0, 0, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 1, 1, 1, 1, 1, 1, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 0, 0, 1, 1, 0, 0, 0)
+  );
+
+  $circle: (
+    (0, 0, 0, 1, 1, 0, 0, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 1, 1, 0, 0, 1, 1, 0),
+    (0, 1, 1, 0, 0, 1, 1, 0),
+    (0, 0, 1, 1, 1, 1, 0, 0),
+    (0, 0, 0, 1, 1, 0, 0, 0)
+  );
+  $colors: ($base-color, map-get($default-colors, "shadow"));
+
+  list-style-type: none;
+
+  & li {
+    position: relative;
+  }
+
+  &.is-disc li::before {
+    position: absolute;
+    top: calc(50% - 8px);
+    left: -22px;
+    content: "";
+
+    @include pixelize($disc, $colors, 2px);
+  }
+
+  &.is-circle li::before {
+    position: absolute;
+    top: calc(50% - 8px);
+    left: -22px;
+    content: "";
+
+    @include pixelize($circle, $colors, 2px);
+  }
+}