aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorHumberto Alfonso Díaz <humberto.alfonso@asvito.es>2019-06-20 09:05:25 +0200
committerLorenzo Tilve <ltilve@igalia.com>2020-02-04 19:12:47 +0100
commit6b51f979ecc0fc3a120b0c381cb909ef229280d6 (patch)
treeacba12a89756482ddd814fdfafc252d71e593e01
parente34e3fd103f6cf1cd7575c38c4330fa531ac1f3a (diff)
FUNT Add Sass vars for color customization
-rw-r--r--src/styles/app.scss5
-rw-r--r--src/styles/main.scss2
-rw-r--r--src/styles/svg.scss2
3 files changed, 7 insertions, 2 deletions
diff --git a/src/styles/app.scss b/src/styles/app.scss
index f986a37..f08ff56 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -1,3 +1,8 @@
+$colors: (
+ primary: #00ADDC,
+ font: #999999
+);
+
@import "main.scss";
@import "svg.scss";
@import "portrait.scss";
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 226509e..5aca22b 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -6,7 +6,7 @@ html {
body {
font-size: 1.2rem;
font-family: Arial;
- color: #999999;
+ color: map-get($colors, font);
margin: 5%;
.parent {
diff --git a/src/styles/svg.scss b/src/styles/svg.scss
index eddbbe5..2aa0441 100644
--- a/src/styles/svg.scss
+++ b/src/styles/svg.scss
@@ -4,7 +4,7 @@ body {
polygon,
linearGradient,
rect {
- fill: #00ADDC !important;
+ fill: map-get($colors, primary) !important;
}
circle {