فهرست منبع

button styling tweaks

Drew McArthur 2 سال پیش
والد
کامیت
bb97df4d9b
1فایلهای تغییر یافته به همراه15 افزوده شده و 0 حذف شده
  1. 15 0
      _sass/_rule-app.scss

+ 15 - 0
_sass/_rule-app.scss

@@ -24,9 +24,17 @@ $mobile: 420px;
 
   background-color: transparent;
   border: 1px solid $color-secondary;
+
   &.has-icon {
     padding-left: .25em;
+    display: flex;
+    align-items: center;
+
+    img {
+      margin-right: .25em
+    }
   }
+
   &.is-large {
     font-size: 1.2em;
   }
@@ -46,7 +54,9 @@ $mobile: 420px;
     cursor: pointer;
     color: $color-secondary;
     border-color: black;
+    background-color: lightgray;
   }
+
   &.primary {
     background-color: $color-primary;
     color:darken($color-primary, 80%);
@@ -413,6 +423,11 @@ h2 .icon img {
     padding: .5rem 1rem;
     text-align: center;
     flex: 1 1 auto;
+
+    img { 
+      margin-right: .25em;
+    }
+
     &.active {
       background-color: #fff;
       margin-bottom: -1px;