diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-06-20 09:05:25 +0200 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:20:13 +0100 |
| commit | 17cf12b3621954513bca222881fafd1078d16df8 (patch) | |
| tree | acba12a89756482ddd814fdfafc252d71e593e01 | |
| parent | d90c2b646f8bb02f6542d0558a46e954f7d15efa (diff) | |
FUNT Add Sass vars for color customization
| -rw-r--r-- | src/styles/app.scss | 5 | ||||
| -rw-r--r-- | src/styles/main.scss | 2 | ||||
| -rw-r--r-- | src/styles/svg.scss | 2 |
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 { |