diff options
Diffstat (limited to 'src/assets')
-rw-r--r-- | src/assets/app.scss | 28 |
1 files changed, 20 insertions, 8 deletions
diff --git a/src/assets/app.scss b/src/assets/app.scss index c246500..f2dfb37 100644 --- a/src/assets/app.scss +++ b/src/assets/app.scss | |||
@@ -106,7 +106,7 @@ body { | |||
106 | } | 106 | } |
107 | 107 | ||
108 | .first-line { | 108 | .first-line { |
109 | height: 100px; | 109 | min-height: 100px; |
110 | vertical-align: center; | 110 | vertical-align: center; |
111 | background-color: var(--highlight-primary); | 111 | background-color: var(--highlight-primary); |
112 | 112 | ||
@@ -121,7 +121,7 @@ body { | |||
121 | } | 121 | } |
122 | 122 | ||
123 | .container { | 123 | .container { |
124 | height: 80px; | 124 | min-height: 80px; |
125 | padding: 10px 0; | 125 | padding: 10px 0; |
126 | } | 126 | } |
127 | 127 | ||
@@ -140,8 +140,7 @@ body { | |||
140 | } | 140 | } |
141 | } | 141 | } |
142 | } | 142 | } |
143 | .navbar, | 143 | .navbar { |
144 | .navbar-menu { | ||
145 | background-color: var(--highlight-secondary); | 144 | background-color: var(--highlight-secondary); |
146 | 145 | ||
147 | a { | 146 | a { |
@@ -153,6 +152,9 @@ body { | |||
153 | background-color: var(--highlight-hover); | 152 | background-color: var(--highlight-hover); |
154 | } | 153 | } |
155 | } | 154 | } |
155 | .navbar-menu { | ||
156 | background-color: inherit; | ||
157 | } | ||
156 | } | 158 | } |
157 | .navbar-end { | 159 | .navbar-end { |
158 | text-align: right; | 160 | text-align: right; |
@@ -197,6 +199,11 @@ body { | |||
197 | } | 199 | } |
198 | } | 200 | } |
199 | 201 | ||
202 | .media.no-subtitle { | ||
203 | display: flex; | ||
204 | align-items: center; | ||
205 | } | ||
206 | |||
200 | .media-content { | 207 | .media-content { |
201 | overflow: hidden; | 208 | overflow: hidden; |
202 | text-overflow: inherit; | 209 | text-overflow: inherit; |
@@ -206,7 +213,7 @@ body { | |||
206 | color: var(--highlight-secondary); | 213 | color: var(--highlight-secondary); |
207 | background-color: var(--highlight-secondary); | 214 | background-color: var(--highlight-secondary); |
208 | position: absolute; | 215 | position: absolute; |
209 | top: 1rem; | 216 | bottom: 1rem; |
210 | right: -0.2rem; | 217 | right: -0.2rem; |
211 | width: 3px; | 218 | width: 3px; |
212 | overflow: hidden; | 219 | overflow: hidden; |
@@ -219,7 +226,6 @@ body { | |||
219 | } | 226 | } |
220 | 227 | ||
221 | .card { | 228 | .card { |
222 | border-radius: 5px; | ||
223 | border: none; | 229 | border: none; |
224 | box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); | 230 | box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); |
225 | transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; | 231 | transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms; |
@@ -255,11 +261,13 @@ body { | |||
255 | } | 261 | } |
256 | 262 | ||
257 | .column div:first-of-type .card { | 263 | .column div:first-of-type .card { |
258 | border-radius: 5px 5px 0 0; | 264 | border-top-left-radius: 0.25rem; |
265 | border-top-right-radius: 0.25rem; | ||
259 | } | 266 | } |
260 | 267 | ||
261 | .column div:last-child .card { | 268 | .column div:last-child .card { |
262 | border-radius: 0 0 5px 5px; | 269 | border-bottom-left-radius: 0.25rem; |
270 | border-bottom-right-radius: 0.25rem; | ||
263 | } | 271 | } |
264 | } | 272 | } |
265 | 273 | ||
@@ -340,3 +348,7 @@ body { | |||
340 | } | 348 | } |
341 | } | 349 | } |
342 | } | 350 | } |
351 | |||
352 | .group-logo { | ||
353 | float: left; | ||
354 | } | ||