Explorar o código

changes termine styles to grids

rose %!s(int64=2) %!d(string=hai) anos
pai
achega
6528831d3c
Modificáronse 1 ficheiros con 20 adicións e 13 borrados
  1. 20 13
      src/style/_termine.scss

+ 20 - 13
src/style/_termine.scss

@@ -1,15 +1,22 @@
-#termine-table {
-    width: 100%;
-    text-align: left;
-    thead {
+.termine-grid {
+    margin: auto;
+    width: 66.6666%;
+    display: grid; 
+    grid-template-columns: repeat(2, 1fr); 
+    grid-template-rows: repeat(6, 1fr); 
+    gap: 0px 0px; 
+    grid-template-areas: 
+      "kopfzeile-datum kopfzeile-beschreibung"
+      ". ."
+      ". ."
+      ". ."
+      ". ."
+      ". ."; 
+    .kopfzeile-datum { grid-area: kopfzeile-datum; }
+    .kopfzeile-beschreibung { grid-area: kopfzeile-beschreibung; }
+    .kopfzeile-datum,
+    .kopfzeile-beschreibung {
         @include geologica-font(normal,600);
-        th {
-            width: 33.3333%;
-        }
     }
-    tbody{
-        td {
-            width: 33.3333%;
-        }
-    }
-}
+  }
+