]> BookStack Code Mirror - bookstack/blobdiff - resources/assets/sass/_header.scss
Updated Spanish translation
[bookstack] / resources / assets / sass / _header.scss
index b9d9d68ef86151efad339b16d3dfa09621f0c540..3dce271b8f75e2e545f8a1db03157359846a6677 100644 (file)
@@ -8,6 +8,7 @@ header {
   top: 0;
   background-color: $primary-dark;
   color: #fff;
+  fill: #fff;
   .padded {
     padding: $-m;
   }
@@ -24,6 +25,7 @@ header {
     display: inline-block;
     padding: $-m $-l;
     color: #FFF;
+    fill: #FFF;
     &:last-child {
       padding-right: 0;
     }
@@ -48,14 +50,12 @@ header {
     > * {
       vertical-align: top;
     }
-    > span, > i {
+    > span {
       padding-left: $-xs;
       display: inline-block;
-    }
-    > span {
       padding-top: $-xxs;
     }
-    > i {
+    > svg {
       padding-top: 4px;
       font-size: 18px;
     }
@@ -93,6 +93,7 @@ header .search-box {
   }
   button {
     color: #EEE;
+    fill: #EEE;
   }
   ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
     color: #DDD;
@@ -149,6 +150,7 @@ header .search-box {
 .faded {
   a, button, span, span > div {
     color: #666;
+    fill: #666;
   }
   .text-button {
     opacity: 0.5;
@@ -167,6 +169,7 @@ header .search-box {
 
 .faded-small {
   color: #000;
+  fill: #000;
   font-size: 0.9em;
   background-color: $primary-faded;
 }
@@ -207,7 +210,7 @@ header .search-box {
 
 @include smaller-than($m) {
   .breadcrumbs .text-button, .action-buttons .text-button {
-    padding: $-s $-xs;
+    padding: $-xs $-xs;
   }
   .action-buttons .dropdown-container:last-child a {
     padding-left: $-xs;
@@ -215,6 +218,9 @@ header .search-box {
   .breadcrumbs .text-button {
     font-size: 0;
   }
+  .breadcrumbs .text-button svg {
+    font-size: $fs-m;
+  }
   .breadcrumbs a i {
     font-size: $fs-m;
     padding-right: 0;
@@ -222,6 +228,9 @@ header .search-box {
   .breadcrumbs span.sep {
     padding: 0 $-xxs;
   }
+  .toolbar .col-xs-1:first-child {
+    padding-right: 0;
+  }
 }
 
 .nav-tabs {
@@ -230,6 +239,7 @@ header .search-box {
     padding: $-m;
     display: inline-block;
     color: #666;
+    fill: #666;
     cursor: pointer;
     &.selected {
       border-bottom: 2px solid $primary;