Adds Webpack support and removes the use for Grunt

[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / layout.scss

diff --git a/app/Resources/static/themes/material/css/layout.scss b/app/Resources/static/themes/material/css/layout.scss
new file mode 100755 (executable)
index 0000000..8b8b06e
--- /dev/null
+++ b/app/Resources/static/themes/material/css/layout.scss
@@ -0,0 +1,50 @@
+/* ==========================================================================
+   Layout
+   ========================================================================== */
+
+body {
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  background: #fafafa;
+
+  &.login main {
+    padding: 0;
+    min-height: 100vh;
+  }
+}
+
+.border-bottom {
+  border-bottom: 1px solid #ddd;
+}
+
+nav,
+main,
+footer {
+  padding-left: 240px;
+}
+
+main,
+#content,
+.valign-wrapper {
+  height: 100%;
+}
+
+#main {
+  flex: 1 0 auto;
+
+  .logo {
+    a {
+      height: 100pt;
+    }
+
+    img {
+      height: 100pt;
+      width: 100pt;
+    }
+
+    &:hover {
+      background: transparent;
+    }
+  }
+}