]> BookStack Code Mirror - bookstack/blobdiff - resources/assets/sass/_buttons.scss
Updated 'Spanish Argentina' translation.
[bookstack] / resources / assets / sass / _buttons.scss
index f9c6d9b9a0e3fd5c3199bcf15ba310279b740847..2c20c3f41a50eba38ef7b4a957cde2d6140d4f7d 100644 (file)
@@ -2,6 +2,7 @@
 @mixin generate-button-colors($textColor, $backgroundColor) {
   background-color: $backgroundColor;
   color: $textColor;
+  fill: $textColor;
   text-transform: uppercase;
   border: 1px solid $backgroundColor;
   vertical-align: top;
@@ -64,6 +65,7 @@ $button-border-radius: 2px;
 .button.outline {
   background-color: transparent;
   color: #888;
+  fill: #888;
   border: 1px solid #DDD;
   &:hover, &:focus, &:active {
     box-shadow: none;
@@ -72,25 +74,31 @@ $button-border-radius: 2px;
   &.page {
     border-color: $color-page;
     color: $color-page;
+    fill: $color-page;
     &:hover, &:focus, &:active {
       background-color: $color-page;
       color: #FFF;
+      fill: #FFF;
     }
   }
   &.chapter {
     border-color: $color-chapter;
     color: $color-chapter;
+    fill: $color-chapter;
     &:hover, &:focus, &:active {
       background-color: $color-chapter;
       color: #FFF;
+      fill: #FFF;
     }
   }
   &.book {
     border-color: $color-book;
     color: $color-book;
+    fill: $color-book;
     &:hover, &:focus, &:active {
       background-color: $color-book;
       color: #FFF;
+      fill: #FFF;
     }
   }
 }
@@ -138,8 +146,8 @@ $button-border-radius: 2px;
 }
 
 .button.icon {
-  i {
-    padding-right: 0;
+  .svg-icon {
+    margin-right: 0;
   }
 }
 
@@ -150,6 +158,7 @@ $button-border-radius: 2px;
     left: $-m;
     top: $-s - 2px;
     width: 24px;
+    height: 24px;
   }
   padding: $-s $-m;
   padding-bottom: $-s - 2px;