chore: small fix theme and docs

snack-ui · Feb 20, 2021 · d6e6198 · d6e6198
1 parent 4c6923b
commit d6e6198
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 15 deletions.
diff --git a/dist/snack-themes.css b/dist/snack-themes.css
diff --git a/dist/snack-themes.css.map b/dist/snack-themes.css.map
diff --git a/dist/snack-themes.min.css b/dist/snack-themes.min.css
diff --git a/dist/snack-themes.min.css.map b/dist/snack-themes.min.css.map
diff --git a/docs/css/docs.css b/docs/css/docs.css
@@ -84,7 +84,6 @@ footer {
 
 .sidebar > ul {
   position: sticky;
-  position: -webkit-sticky;
   top: 32px;
   list-style: none;
   padding: 0;
@@ -115,10 +114,10 @@ footer {
 }
 
 .content > section {
-  padding: 15px;
-  margin: 15px 0;
+  padding: 16px;
+  margin: 16px 0;
   background-color: #fff;
-  border-radius: 5px;
+  border-radius: 16px;
   box-shadow: 0 5px 10px -7px rgba(87, 53, 117, 0.13), 0 10px 30px -6px rgba(0, 60, 170, 0.1);
 }
 

diff --git a/docs/css/snack-themes.css b/docs/css/snack-themes.css
diff --git a/docs/sass/docs.scss b/docs/sass/docs.scss
@@ -95,7 +95,6 @@ $logo-line-height: 4px;
 
   > ul {
     position: sticky;
-    position: -webkit-sticky;
     top: 32px;
     list-style: none;
     padding: 0;
@@ -130,10 +129,10 @@ $logo-line-height: 4px;
 
 .content {
   > section {
-    padding: 15px;
-    margin: 15px 0;
+    padding: 16px;
+    margin: 16px 0;
     background-color: #fff;
-    border-radius: 5px;
+    border-radius: 16px;
     box-shadow: 0 5px 10px -7px rgba(87, 53, 117, .13), 0 10px 30px -6px rgba(0, 60, 170, .1);
 
     > h2 {

diff --git a/src/themes/_theme-dark.scss b/src/themes/_theme-dark.scss
@@ -23,7 +23,6 @@ $input-border-color: #404040;
 $input-border-color-focus: darken($input-border-color, 5%);
 $input-text-color: #fff;
 // boxes
-$boxes-border-width: 2px;
 $box-bg-color: #1a1a1a;
 $box-border-color: rgba(255, 255, 255, .12);
 $box-heading-bg-color: #242424;
@@ -117,7 +116,7 @@ $box-footer-bg-color: #242424;
   }
 
   .boxes {
-    border: $boxes-border-width solid $box-border-color;
+    border-color: $box-border-color;
 
     > .box {
       &.box-header {