aboutsummaryrefslogtreecommitdiffhomepage
path: root/app.scss
diff options
context:
space:
mode:
authorBastien Wirtz <bastien.wirtz@gmail.com>2019-02-19 22:20:46 -0800
committerBastien Wirtz <bastien.wirtz@gmail.com>2019-02-19 22:20:46 -0800
commit4877ec98e668b1741d7a2a4d3e4a177ec495db39 (patch)
tree39bc5d0bb4065ee2d96aa53501d51b1f3729c794 /app.scss
parent9baec9aec294656fb632123906b4ac6a712267ba (diff)
downloadhomer-4877ec98e668b1741d7a2a4d3e4a177ec495db39.tar.gz
homer-4877ec98e668b1741d7a2a4d3e4a177ec495db39.tar.zst
homer-4877ec98e668b1741d7a2a4d3e4a177ec495db39.zip
Vertical layout support
Diffstat (limited to 'app.scss')
-rw-r--r--app.scss31
1 files changed, 28 insertions, 3 deletions
diff --git a/app.scss b/app.scss
index da6271d..ab9a394 100644
--- a/app.scss
+++ b/app.scss
@@ -18,7 +18,7 @@ body {
18 18
19 h2 { 19 h2 {
20 font-size: 1.7rem; 20 font-size: 1.7rem;
21 margin-top: 3rem; 21 margin-top: 2rem;
22 margin-bottom: 1rem; 22 margin-bottom: 1rem;
23 23
24 .fas, .fab, .far { 24 .fas, .fab, .far {
@@ -147,7 +147,11 @@ body {
147 border-radius: 5px; 147 border-radius: 5px;
148 border: none; 148 border: none;
149 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1); 149 box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.1);
150 transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms 150 transition: cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
151
152 a {
153 outline: none;
154 }
151 } 155 }
152 156
153 .card:hover { 157 .card:hover {
@@ -166,19 +170,36 @@ body {
166 padding: 1.3rem; 170 padding: 1.3rem;
167 } 171 }
168 172
173 .layout-vertical {
174 .card {
175 border-radius: 0;
176 }
177
178 .column div:first-of-type .card {
179 border-radius: 5px 5px 0 0;
180 }
181
182 .column div:last-child .card {
183 border-radius: 0 0 5px 5px;
184 }
185 }
186
169 .footer { 187 .footer {
170 position: fixed; 188 position: fixed;
171 left: 0; 189 left: 0;
172 right: 0; 190 right: 0;
173 bottom: 0; 191 bottom: 0;
174 padding: 1rem 0.5rem; 192 padding: 0.5rem;
175 text-align: left; 193 text-align: left;
176 background-color: #fafafa; 194 background-color: #fafafa;
177 border-top: 1px solid #F5F5F5; 195 border-top: 1px solid #F5F5F5;
196 color: #676767;
197 font-size: 0.85rem;
178 } 198 }
179 199
180 .search-bar { 200 .search-bar {
181 position: relative; 201 position: relative;
202 display: inline-block;
182 #search { 203 #search {
183 border: none; 204 border: none;
184 background-color: lighten( $secondary-color, 6% ); 205 background-color: lighten( $secondary-color, 6% );
@@ -213,6 +234,10 @@ body {
213 } 234 }
214 } 235 }
215 236
237 .icon-button {
238 display: inline-block;
239 }
240
216 .offline-message { 241 .offline-message {
217 text-align: center; 242 text-align: center;
218 margin: 35px 0; 243 margin: 35px 0;