aboutsummaryrefslogtreecommitdiffhomepage
path: root/app.scss
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2018-11-12 21:14:38 -0800
committerBastien Wirtz <bastien.wirtz@gmail.com>2018-11-12 21:30:24 -0800
commite41196e76e6b184fc918fb44adc9af0ff3fdae30 (patch)
tree58e759b9b8940d195ed666749e2cd0946e2abb86 /app.scss
parent9ca12a40f404ba15d67068087dc521be7d69eefb (diff)
downloadhomer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.tar.gz
homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.tar.zst
homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.zip
Deps update & minor UI adjustments
Diffstat (limited to 'app.scss')
-rw-r--r--app.scss30
1 files changed, 21 insertions, 9 deletions
diff --git a/app.scss b/app.scss
index 6391c2d..e420c0e 100644
--- a/app.scss
+++ b/app.scss
@@ -1,6 +1,8 @@
1$primary-color: #3367d6; 1$primary-color: #3367d6;
2$secondary-color: #4285f4; 2$secondary-color: #4285f4;
3 3
4html { height: 100%; }
5
4body { 6body {
5 font-family: 'Raleway', sans-serif; 7 font-family: 'Raleway', sans-serif;
6 background-color: #F5F5F5; 8 background-color: #F5F5F5;
@@ -19,9 +21,8 @@ body {
19 margin-top: 3rem; 21 margin-top: 3rem;
20 margin-bottom: 1rem; 22 margin-bottom: 1rem;
21 23
22 .fa { 24 .fas, .fab, .far {
23 margin-right: 10px; 25 margin-right: 10px;
24 color: $secondary-color;
25 } 26 }
26 27
27 span { 28 span {
@@ -61,19 +62,26 @@ body {
61 padding: 10px 0; 62 padding: 10px 0;
62 } 63 }
63 64
64 img { 65 .logo {
65 float: left; 66 float: left;
66 max-height: 70px; 67 i {
67 max-width: 70px; 68 vertical-align: top;
68 padding: 10px; 69 padding: 8px 15px;
70 font-size: 50px
71 }
72
73 img {
74 padding: 10px;
75 max-height: 70px;
76 max-width: 70px;
77 }
69 } 78 }
70 } 79 }
71 .navbar { 80 .navbar {
72 background-color: $secondary-color; 81 background-color: $secondary-color;
73 82
74 a { 83 a {
75 color: #152138; 84 color: #ffffff;
76
77 &:hover { 85 &:hover {
78 background-color: lighten( $secondary-color, 5% ); 86 background-color: lighten( $secondary-color, 5% );
79 } 87 }
@@ -96,6 +104,9 @@ body {
96 104
97 .subtitle { 105 .subtitle {
98 font-size: .9em; 106 font-size: .9em;
107 white-space: nowrap;
108 overflow: hidden;
109 text-overflow: ellipsis;
99 } 110 }
100 111
101 .column { 112 .column {
@@ -151,7 +162,8 @@ body {
151 } 162 }
152 163
153 .card-content { 164 .card-content {
154 height: 110px; 165 height: 85px;
166 padding: 1.3rem;
155 } 167 }
156 168
157 .footer { 169 .footer {