diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-09-23 09:07:23 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:20:13 +0100 |
| commit | 650b416279c9e4264b519edfc996b513aadc69b7 (patch) | |
| tree | e2df17e34acfc15a591e997b6dc3b31220e9b1b0 | |
| parent | cefa5a95c8c15d55db5cdc6e820cca29b0079d58 (diff) | |
FUNCT Update look & feel
| -rw-r--r-- | src/index.html | 3 | ||||
| -rw-r--r-- | src/styles/app.scss | 2 | ||||
| -rw-r--r-- | src/styles/main.scss | 10 |
3 files changed, 10 insertions, 5 deletions
diff --git a/src/index.html b/src/index.html index 7d124cb..9c1ac9b 100644 --- a/src/index.html +++ b/src/index.html @@ -22,6 +22,9 @@ </head> <body> <div class="content"> + <h1 class="header"> + Mixer + </h1> <div class="entry"> <div class="label"> Volume 1: <span class="value"> 50%</span> diff --git a/src/styles/app.scss b/src/styles/app.scss index a67dbfe..d97030b 100644 --- a/src/styles/app.scss +++ b/src/styles/app.scss @@ -1,6 +1,6 @@ $colors: ( primary: #00ADDC, - font: #999999, + font: #FFFFFF, grey: #848286 ); diff --git a/src/styles/main.scss b/src/styles/main.scss index 07fc408..98456a0 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -64,6 +64,8 @@ body { a { color: map-get($colors, font); + text-decoration: none; + font-size: 2.5rem; } .button { @@ -94,6 +96,10 @@ body { justify-content: space-around; height: 100%; + .header { + text-align: center; + } + .entry { height: 100px; @@ -108,10 +114,6 @@ body { text-align: center; height: 80px; line-height: 80px; - background-color: map-get($colors, primary); - color: #FFFFFF; - border-radius: 20px; - text-decoration: none; } .slider { |