diff options
author | Bastien Wirtz <bastien.wirtz@gmail.com> | 2018-11-12 21:14:38 -0800 |
---|---|---|
committer | Bastien Wirtz <bastien.wirtz@gmail.com> | 2018-11-12 21:30:24 -0800 |
commit | e41196e76e6b184fc918fb44adc9af0ff3fdae30 (patch) | |
tree | 58e759b9b8940d195ed666749e2cd0946e2abb86 /app.scss | |
parent | 9ca12a40f404ba15d67068087dc521be7d69eefb (diff) | |
download | homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.tar.gz homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.tar.zst homer-e41196e76e6b184fc918fb44adc9af0ff3fdae30.zip |
Deps update & minor UI adjustments
Diffstat (limited to 'app.scss')
-rw-r--r-- | app.scss | 30 |
1 files changed, 21 insertions, 9 deletions
@@ -1,6 +1,8 @@ | |||
1 | $primary-color: #3367d6; | 1 | $primary-color: #3367d6; |
2 | $secondary-color: #4285f4; | 2 | $secondary-color: #4285f4; |
3 | 3 | ||
4 | html { height: 100%; } | ||
5 | |||
4 | body { | 6 | body { |
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 { |