Add Slovak translation

[bookstack] / resources / assets / sass / _grid.scss

diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index 72158f63271580974bba5aea3afc1ea3595318b5..b32dafd384c5377d960fae7dcceb897c8565e8d3 100644 (file)
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -1,4 +1,38 @@
 
+/** Flexbox styling rules **/
+body.flexbox {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  min-height: 100%;
+  max-height: 100%;
+  overflow: hidden;
+  #content {
+    flex: 1;
+    display: flex;
+    min-height: 0px;
+  }
+}
+
+.flex-fill {
+  display: flex;
+  align-items: stretch;
+  min-height: 0px;
+  .flex, &.flex {
+    min-height: 0px;
+    flex: 1;
+  }
+}
+
+.flex-child > div {
+  flex: 1;
+}
+
+//body.ie .flex-child > div {
+//  flex: 1 0 0px;
+//}
+
 /** Rules for all columns */
 div[class^="col-"] img {
   max-width: 100%;
@@ -13,6 +47,12 @@ div[class^="col-"] img {
   &.fluid {
     max-width: 100%;
   }
+  &.medium {
+    max-width: 992px;
+  }
+  &.small {
+    max-width: 840px;
+  }
 }
 
 .row {
@@ -29,6 +69,7 @@ div[class^="col-"] img {
 
 .block {
   display: block;
+  position: relative;
 }
 
 .inline {
@@ -201,7 +242,7 @@ div[class^="col-"] img {
 .col-xs-offset-0 {
   margin-left: 0%;
 }
-@media (min-width: 768px) {
+@media (min-width: $screen-sm) {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
     float: left;
   }
@@ -359,7 +400,7 @@ div[class^="col-"] img {
     margin-left: 0%;
   }
 }
-@media (min-width: 992px) {
+@media (min-width: $screen-md) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
     float: left;
   }
@@ -517,7 +558,7 @@ div[class^="col-"] img {
     margin-left: 0%;
   }
 }
-@media (min-width: 1200px) {
+@media (min-width: $screen-lg) {
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
     float: left;
   }