فهرست منبع

Unify border size around components

Tatiana Inama 7 سال پیش
والد
کامیت
8f3ba5d902
3فایلهای تغییر یافته به همراه6 افزوده شده و 7 حذف شده
  1. 2 3
      recipes/src/components/Button/styles.scss
  2. 1 1
      recipes/src/components/Sticker/styles.scss
  3. 3 3
      recipes/src/styles/_ui.scss

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

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

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

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