X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2Fassets%2Fapp.scss;h=f2dfb37e4f8f9798c3e6c92889a0f0edae4c83d3;hb=b2f6da03829fb7cff4df3e2a9af5f6675fd0ae42;hp=4b698641014e8a9517c418ee7dd17b972523e2c7;hpb=b9c5fcf085bed9c6100283133531b36bfbb06cf0;p=github%2Fbastienwirtz%2Fhomer.git

diff --git a/src/assets/app.scss b/src/assets/app.scss
index 4b69864..f2dfb37 100644
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -1,6 +1,7 @@
 @charset "utf-8";
 
-@import url("//fonts.googleapis.com/css?family=Lato:400,700|Pacifico|Raleway&display=swap");
+@import "./webfonts/webfonts.scss";
+
 @import "bulma";
 
 // Themes import
@@ -12,17 +13,20 @@
   text-overflow: ellipsis;
 }
 
-html {
+html, body, body #app {
   height: 100%;
+  background-color: var(--background);
 }
 
 body {
   font-family: "Raleway", sans-serif;
-  height: 100%;
 
   #app {
+    height: auto;
     min-height: 100%;
-    background-color: var(--background);
+    background-image: var(--background-image);
+    background-size: cover;
+    background-position: center;
     color: var(--text);
     transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
 
@@ -102,7 +106,7 @@ body {
     }
 
     .first-line {
-      height: 100px;
+      min-height: 100px;
       vertical-align: center;
       background-color: var(--highlight-primary);
 
@@ -117,7 +121,7 @@ body {
       }
 
       .container {
-        height: 80px;
+        min-height: 80px;
         padding: 10px 0;
       }
 
@@ -136,8 +140,7 @@ body {
         }
       }
     }
-    .navbar,
-    .navbar-menu {
+    .navbar {
       background-color: var(--highlight-secondary);
 
       a {
@@ -149,6 +152,9 @@ body {
           background-color: var(--highlight-hover);
         }
       }
+	.navbar-menu {
+      background-color: inherit;
+      }
     }
     .navbar-end {
       text-align: right;
@@ -166,6 +172,7 @@ body {
 
     .title {
       font-size: 1.1em;
+      line-height: 1.2em;
       @include ellipsis();
     }
 
@@ -192,6 +199,11 @@ body {
     }
   }
 
+  .media.no-subtitle {
+    display: flex;
+    align-items: center;
+  }
+
   .media-content {
     overflow: hidden;
     text-overflow: inherit;
@@ -201,7 +213,7 @@ body {
     color: var(--highlight-secondary);
     background-color: var(--highlight-secondary);
     position: absolute;
-    top: 1rem;
+    bottom: 1rem;
     right: -0.2rem;
     width: 3px;
     overflow: hidden;
@@ -214,10 +226,10 @@ body {
   }
 
   .card {
-    border-radius: 5px;
     border: none;
     box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
     transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
+    overflow: visible;
 
     a {
       outline: none;
@@ -249,11 +261,13 @@ body {
     }
 
     .column div:first-of-type .card {
-      border-radius: 5px 5px 0 0;
+      border-top-left-radius: 0.25rem;
+      border-top-right-radius: 0.25rem;
     }
 
     .column div:last-child .card {
-      border-radius: 0 0 5px 5px;
+      border-bottom-left-radius: 0.25rem;
+      border-bottom-right-radius: 0.25rem;
     }
   }
 
@@ -321,11 +335,11 @@ body {
     text-align: center;
     margin: 35px 0;
 
-    svg {
+    i {
       font-size: 2rem;
     }
 
-    svg.fa-redo-alt {
+    i.fa-redo-alt {
       font-size: 1.3rem;
       line-height: 1rem;
       vertical-align: middle;
@@ -334,3 +348,7 @@ body {
     }
   }
 }
+
+.group-logo {
+  float: left;
+}