diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-10-15 23:07:42 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:12:47 +0100 |
| commit | 396f570105d5f951f7e7da8f5da57e001a31a16b (patch) | |
| tree | 1092bd44a740c49324dc4711e067d8bd20a45d6d /src/styles/main.scss | |
| parent | a15a92badf94e2123a4d11e6c261aaa1b1ea09a9 (diff) | |
FUNCT Add support for landscape portrait
Diffstat (limited to 'src/styles/main.scss')
| -rw-r--r-- | src/styles/main.scss | 21 |
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; |