Browse Source

Unify border size around components

Tatiana Inama 7 năm trước cách đây
mục cha
commit
8f3ba5d902

+ 2 - 3
recipes/src/components/Button/styles.scss

@@ -43,14 +43,13 @@ button.cbk-btn {
   &--raised {
     background-color: $black;
     color: $white;
-    border: 3px solid $black;
-    box-shadow: 4px 4px $yellow;
+    @include solidBoxShadow();
     position: relative;
     
     &:hover {
       background-color: $black;
       color: $white;
-      border: 3px solid $black;
+      @include solidBoxShadow();
       box-shadow: 3px 3px $yellow;
       top: 1px;
       left: 1px;

+ 1 - 1
recipes/src/components/Sticker/styles.scss

@@ -5,7 +5,7 @@
   background-color: $black;
   color: $white;
   font-family: $font-family-special;
-  @include solidBoxShadow($pink);
+  @include solidBoxShadow();
   padding: $spacing-small/2;
   letter-spacing: $letter-spacing-enhanced;
 }

+ 3 - 3
recipes/src/styles/_ui.scss

@@ -64,7 +64,7 @@ $phone: "(max-width: 839px)";
   }
 }
 
-@mixin solidBoxShadow($color: #000) {
-  border: 1px solid #000;
-  box-shadow: 3px 3px 0 0 $color;
+@mixin solidBoxShadow($color: #eec71a) {
+  border: 3px solid #000;
+  box-shadow: 4px 4px 0 0 $color;
 }