From 4c7072d81fdd0868b96317d1f28d6d0c8c05c112 Mon Sep 17 00:00:00 2001
From: Humberto Alfonso Díaz <humberto.alfonso@asvito.es>
Date: Thu, 20 Jun 2019 09:05:25 +0200
Subject: FUNT Add Sass vars for color customization
---
src/styles/app.scss | 5 +++++
src/styles/main.scss | 2 +-
src/styles/svg.scss | 2 +-
3 files changed, 7 insertions(+), 2 deletions(-)
(limited to 'src')
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 {
--
cgit