restyle global layout and course cards

2017-10-05 13:32:29 +02:00
parent d037ccca29
commit 26fa97e36a
6 changed files with 66 additions and 44 deletions
--- a/assets/stylesheets/global/index.css
+++ b/assets/stylesheets/global/index.css
@@ -13,19 +13,20 @@ body {
  line-height: var(--line-height);
 }

-#main {
+@block main {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
-}
-#main__header {
-  flex: 0 0 auto;
-}
-#main__content {
-  flex: 1 0 auto;
-  display: flex;
-  align-items: stretch;
-}
-#main__footer {
-  flex: 0 0 auto;
+
+  @element header {
+    flex: 0 0 auto;
+  }
+  @element content {
+    flex: 1 0 auto;
+    display: flex;
+    align-items: stretch;
+  }
+  @element footer {
+    flex: 0 0 auto;
+  }
 }