aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--src/index.html3
-rw-r--r--src/styles/app.scss2
-rw-r--r--src/styles/main.scss10
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 {