Merge pull request #307 from robinschneider/icon-color

[github/bastienwirtz/homer.git] / src / assets / app.scss

diff --git a/src/assets/app.scss b/src/assets/app.scss
index 52d885732119e602ccb5f33ea20bb867417db83b..c709282ece34874ea5a6cf5c0d951111de9aed51 100644 (file)
--- a/src/assets/app.scss
+++ b/src/assets/app.scss
@@ -31,6 +31,7 @@ body {
     transition: background-color cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
 
     a {
+      color: var(--link);
       &:hover {
         color: var(--link-hover);
       }
@@ -106,7 +107,7 @@ body {
     }
 
     .first-line {
-      height: 100px;
+      min-height: 100px;
       vertical-align: center;
       background-color: var(--highlight-primary);
 
@@ -121,7 +122,7 @@ body {
       }
 
       .container {
-        height: 80px;
+        min-height: 80px;
         padding: 10px 0;
       }
 
@@ -213,7 +214,7 @@ body {
     color: var(--highlight-secondary);
     background-color: var(--highlight-secondary);
     position: absolute;
-    top: 1rem;
+    bottom: 1rem;
     right: -0.2rem;
     width: 3px;
     overflow: hidden;
@@ -226,7 +227,6 @@ 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;
@@ -262,11 +262,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;
     }
   }
 
@@ -350,4 +352,4 @@ body {
 
 .group-logo {
   float: left;
-}
\ No newline at end of file
+}