Updated 'Spanish Argentina' translation.

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

diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index 4cef2cebdf1510e3657955556df5792d1d5c9775..10af80a545263856fa116da809942a09f5cece6e 100644 (file)
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -100,7 +100,7 @@ body.flexbox {
     top: 0;
     bottom: 0;
     width: 30px;
-    color: #666;
+    fill: #666;
     font-size: 20px;
     vertical-align: middle;
     text-align: center;
@@ -108,10 +108,10 @@ body.flexbox {
     border-top: 1px solid #BBB;
     padding-top: $-m;
     cursor: pointer;
-    i {
+    svg {
       opacity: 0.5;
       transition: all ease-in-out 120ms;
-      padding: 0;
+      margin: 0;
     }
     &:hover i {
       opacity: 1;
@@ -175,6 +175,43 @@ div[class^="col-"] img {
   margin-right: -$-m;
 }
 
+.grid {
+  display: grid;
+  grid-column-gap: $-l;
+  grid-row-gap: $-l;
+  &.third {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+
+.grid-card {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #ddd;
+  min-width: 100px;
+  .grid-card-content {
+    flex: 1;
+  }
+  .grid-card-content, .grid-card-footer {
+    padding: $-l;
+  }
+  .grid-card-content + .grid-card-footer {
+    padding-top: 0;
+  }
+}
+
+@include smaller-than($m) {
+  .grid.third {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+@include smaller-than($s) {
+  .grid.third {
+    grid-template-columns: 1fr;
+  }
+}
+
 .float {
   float: left;
   &.right {