aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/main.scss
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-10-15 23:07:42 +0200
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:12:47 +0100
commit396f570105d5f951f7e7da8f5da57e001a31a16b (patch)
tree1092bd44a740c49324dc4711e067d8bd20a45d6d /src/styles/main.scss
parenta15a92badf94e2123a4d11e6c261aaa1b1ea09a9 (diff)
FUNCT Add support for landscape portrait
Diffstat (limited to 'src/styles/main.scss')
-rw-r--r--src/styles/main.scss21
1 files changed, 8 insertions, 13 deletions
diff --git a/src/styles/main.scss b/src/styles/main.scss
index df68cc4..1da7565 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -22,41 +22,38 @@ body {
.top {
position: absolute;
top: 0;
- width: 100%;
- height: $height;
display: flex;
justify-content: space-between;
background-color: map-get($colors, background);
.button {
- border-left: 1px solid map-get($colors, grey);
- border-right: 1px solid map-get($colors, grey);
+ border-color: map-get($colors, grey);
+ border-style: solid;
flex: 1 1 0px;
text-align: center;
background-color: map-get($colors, button);
.icon {
width: 100%;
- height: $height*0.70;
- line-height: $height*0.70;
+ height: $header_size*0.70;
+ line-height: $header_size*0.70;
font-size: 90px;
}
.label {
width: 100%;
- height: $height*0.30;
- line-height: $height*0.30;
+ height: $header_size*0.30;
+ line-height: $header_size*0.30;
}
}
.infoContainer {
- border-left: 1px solid map-get($colors, grey);
- border-right: 1px solid map-get($colors, grey);
+ border-color: map-get($colors, grey);
+ border-style: solid;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
- width: 200px;
.day {
text-align: left;
@@ -79,9 +76,7 @@ body {
}
.statusContainer {
- width: 60px;
display: flex;
- flex-direction: column;
justify-content: space-around;
text-align: center;
font-size: 42px;