diff options
author | Karl Hallsby <karl@hallsby.com> | 2021-10-03 00:10:58 -0500 |
---|---|---|
committer | Karl Hallsby <karl@hallsby.com> | 2021-10-03 02:16:53 -0500 |
commit | a10ad0a99ba6e44a35253c3bcaff80c90e99348e (patch) | |
tree | 005e05a70fb1fe24a5a7c44dc1d2d14c9e1d88ed /_sass/common/classes/_clickable.scss | |
parent | b9b34a65fbe55ce78d353ce2b7eb51f6884bd272 (diff) |
Revert ALL jekyll-text-theme configuration files
I am changing the theme of the site, and need to revert these changes
to make everything work.
Revert "Add jekyll-text-theme YAML files"
This reverts commit 61b34a5f260db45575d448d766ea29c0fb273ed3.
Revert "Bring all of jekyll-text-theme _includes into site"
This reverts commit c6bf5f7c895287d2028f6024265913b59784a154.
Revert "Bring all of jekyll-text-theme assets to site"
This reverts commit 7b69c2e5975f98da09d932ba6c70bdd71b1601a7.
Remove jekyll text theme from Gemfile
Diffstat (limited to '_sass/common/classes/_clickable.scss')
-rw-r--r-- | _sass/common/classes/_clickable.scss | 159 |
1 files changed, 0 insertions, 159 deletions
diff --git a/_sass/common/classes/_clickable.scss b/_sass/common/classes/_clickable.scss deleted file mode 100644 index af32eff..0000000 --- a/_sass/common/classes/_clickable.scss +++ /dev/null @@ -1,159 +0,0 @@ -@mixin clickable($clr, $bg-clr, $hover-clr: default, $hover-bg-clr: default, $active-clr: default, $active-bg-clr: default, $focus-clr: default, $focus-bg-clr: default, $theme: default, $ignore-path: default) { - - @if $theme == default { - @if $bg-clr == null and $hover-bg-clr == null { - @if $hover-clr == default { - $theme: get-color-theme($clr); - } @else { - $theme: get-color-theme($hover-clr); - } - } @else { - @if $hover-bg-clr == default { - $theme: get-color-theme($bg-clr); - } @else { - $theme: get-color-theme($hover-bg-clr); - } - } - } - - @if $ignore-path == default { - $ignore-path: false; - } @else { - $ignore-path: true; - } - - @include transition(map-get($clickable, transition)); - @if $ignore-path == false { - svg { - path { - @include transition(map-get($clickable, transition)); - } - } - } - - // hover - @if $hover-clr == default { - @if $hover-bg-clr == null { - @if $theme == "light" { - $hover-clr: darken($clr, 14%); - } - @if $theme == "dark" { - $hover-clr: lighten($clr, 18%); - } - } @else if $hover-bg-clr == default { - $hover-clr: $clr; - } - } - - @if $hover-bg-clr == default { - @if $theme == "light" { - $hover-bg-clr: darken($bg-clr, 14%); - } - @if $theme == "dark" { - $hover-bg-clr: lighten($bg-clr, 18%); - } - } - - // active - @if $active-clr == default { - @if $active-bg-clr == null { - @if $theme == "light" { - $active-clr: darken($hover-clr, 15%); - } - @if $theme == "dark" { - $active-clr: lighten($hover-clr, 16%); - } - } @else if $active-bg-clr == default { - $active-clr: $hover-clr; - } - } - - @if $active-bg-clr == default { - @if $theme == "light" { - $active-bg-clr: darken($hover-bg-clr, 15%); - } - @if $theme == "dark" { - $active-bg-clr: lighten($hover-bg-clr, 16%); - } - } - - // focus - @if $focus-clr == default { - @if $focus-bg-clr == null { - $focus-clr: $hover-clr; - } @else if $hover-bg-clr == default { - $focus-clr: $hover-clr; - } - } - - @if $focus-bg-clr == default { - $focus-bg-clr: $hover-bg-clr; - } - - @include plain() { - color: $clr; - @if $bg-clr { - background-color: $bg-clr; - } - @if $ignore-path == false { - svg path { - fill: $clr; - } - } - } - @include hover() { - color: $hover-clr; - @if $hover-bg-clr { - background-color: $hover-bg-clr; - } - @if $ignore-path == false { - svg path { - fill: $hover-clr; - } - } - } - @include active() { - color: $active-clr; - @if $active-bg-clr { - background-color: $active-bg-clr; - } - @if $ignore-path == false { - svg path { - fill: $active-clr; - } - } - } - @include focus() { - color: $focus-clr; - @if $focus-bg-clr{ - background-color: $focus-bg-clr; - box-shadow: 0 0 0 2px rgba($focus-bg-clr, .4); - } - @if $ignore-path == false { - svg path { - fill: $focus-clr; - } - } - } - @include disabled() { - @if $theme == "light" { - color: rgba($clr, .2) !important; - } - @if $theme == "dark" { - color: rgba($clr, .4) !important; - } - @if $bg-clr { - background-color: $bg-clr !important; - } - @if $ignore-path == false { - svg path { - @if $theme == "light" { - fill: rgba($clr, .2) !important; - } - @if $theme == "dark" { - fill: rgba($clr, .4) !important; - } - } - } - } -} |