diff options
author | serg <contact@sergfurtak.com> | 2020-11-15 18:09:05 +0300 |
---|---|---|
committer | Sergey Furtak <contact@sergfurtak.com> | 2020-11-17 00:37:45 +0300 |
commit | 91b33d6098e40578600548a92bee8cb94356cb69 (patch) | |
tree | 669a4615d7489e69169778631a798228b8a86e53 /assets | |
parent | f35cad470a4c6672412dda8db428e0f602208d22 (diff) |
rename style class for accent text
Diffstat (limited to 'assets')
-rw-r--r-- | assets/scss/_vars.scss | 3 | ||||
-rw-r--r-- | assets/scss/app.scss | 4 | ||||
-rw-r--r-- | assets/scss/critical.scss | 12 |
3 files changed, 10 insertions, 9 deletions
diff --git a/assets/scss/_vars.scss b/assets/scss/_vars.scss index 17a4bb4..1facbf2 100644 --- a/assets/scss/_vars.scss +++ b/assets/scss/_vars.scss @@ -9,4 +9,5 @@ $border-color: #ebebeb; $burger-color: #171616; $accent-hover-color: #1538d1; -$tile-text-hover-color: $white-color;
\ No newline at end of file +$tile-text-hover-color: $white-color; +$header-shadow-color: rgba(1, 1, 1, .1);
\ No newline at end of file diff --git a/assets/scss/app.scss b/assets/scss/app.scss index 88e7d82..02d3976 100644 --- a/assets/scss/app.scss +++ b/assets/scss/app.scss @@ -153,8 +153,8 @@ z-index: 10; width: 100%; padding-bottom: 1.5em; - -webkit-box-shadow: 0 5px 7px 0 rgba(1,1,1,.1); - box-shadow: 0 5px 7px 0 rgba(1,1,1,.1); + -webkit-box-shadow: 0 5px 7px 0 $header-shadow-color; + box-shadow: 0 5px 7px 0 $header-shadow-color; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; diff --git a/assets/scss/critical.scss b/assets/scss/critical.scss index 91b83a8..ce0bfad 100644 --- a/assets/scss/critical.scss +++ b/assets/scss/critical.scss @@ -23,11 +23,11 @@ body { color: $text-color; } -.main-container .blue-text { +.main-container .accent-text { color: $accent-color; } -.main-container a.blue-text:hover { +.main-container a.accent-text:hover { color: $accent-hover-color; } @@ -74,8 +74,8 @@ body { padding: 1em 0; background: $hero-color; text-align: center; - -webkit-box-shadow: 0 5px 7px 0 rgba(1,1,1,.1); - box-shadow: 0 5px 7px 0 rgba(1,1,1,.1); + -webkit-box-shadow: 0 5px 7px 0 $header-shadow-color; + box-shadow: 0 5px 7px 0 $header-shadow-color; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; @@ -305,8 +305,8 @@ body { float: none; height: auto; padding: 1em 0; - -webkit-box-shadow: 0 5px 7px 0 rgba(1, 1, 1, .1); - box-shadow: 0 5px 7px 0 rgba(1, 1, 1, .1); + -webkit-box-shadow: 0 5px 7px 0 $header-shadow-color; + box-shadow: 0 5px 7px 0 $header-shadow-color; } .showBurger .links:before { |