summaryrefslogtreecommitdiff
path: root/_sass/common/classes/_clickable.scss
diff options
context:
space:
mode:
authorKarl Hallsby <karl@hallsby.com>2021-10-03 00:10:58 -0500
committerKarl Hallsby <karl@hallsby.com>2021-10-03 02:16:53 -0500
commita10ad0a99ba6e44a35253c3bcaff80c90e99348e (patch)
tree005e05a70fb1fe24a5a7c44dc1d2d14c9e1d88ed /_sass/common/classes/_clickable.scss
parentb9b34a65fbe55ce78d353ce2b7eb51f6884bd272 (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.scss159
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;
- }
- }
- }
- }
-}