Exporting base styles

2019-07-05 12:12:26 +02:00
parent 68284de6bf
commit 9de113f12c
19 changed files with 114 additions and 81 deletions
--- a/src/base/_header.scss
+++ b/src/base/_header.scss
@ -0,0 +1,35 @@
+.header {
+    background: $primary !important;
+    color: $on-primary !important;
+
+    display: flex;
+    justify-content: space-between;
+    padding: .75rem;
+    margin-bottom: .5rem;
+
+    >* {
+        margin: 0;
+        background: $primary;
+        color: $on-primary;
+    }
+
+    .header-title {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        flex-grow: 1;
+        margin: 0 1rem;
+    }
+
+    .header-icon-button {
+        display: block;
+        margin-top: auto;
+        margin-bottom: auto;
+        min-width: $default-font-size;
+
+        >svg {
+            height: $default-font-size;
+            width: $default-font-size;
+        }
+    }
+}