summaryrefslogtreecommitdiff
path: root/themes/CodeIT/assets/css/_mixin
diff options
context:
space:
mode:
Diffstat (limited to 'themes/CodeIT/assets/css/_mixin')
-rw-r--r--themes/CodeIT/assets/css/_mixin/_blur.scss5
-rw-r--r--themes/CodeIT/assets/css/_mixin/_compatibility.scss110
-rw-r--r--themes/CodeIT/assets/css/_mixin/_details.scss7
-rw-r--r--themes/CodeIT/assets/css/_mixin/_index.scss4
-rw-r--r--themes/CodeIT/assets/css/_mixin/_link.scss26
5 files changed, 0 insertions, 152 deletions
diff --git a/themes/CodeIT/assets/css/_mixin/_blur.scss b/themes/CodeIT/assets/css/_mixin/_blur.scss
deleted file mode 100644
index d68ac17..0000000
--- a/themes/CodeIT/assets/css/_mixin/_blur.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@mixin blur {
- .blur & {
- @include filter(blur(1.5px));
- }
-}
diff --git a/themes/CodeIT/assets/css/_mixin/_compatibility.scss b/themes/CodeIT/assets/css/_mixin/_compatibility.scss
deleted file mode 100644
index 5f4d403..0000000
--- a/themes/CodeIT/assets/css/_mixin/_compatibility.scss
+++ /dev/null
@@ -1,110 +0,0 @@
-@mixin border-radius($value) {
- -webkit-border-radius: $value;
- -moz-border-radius: $value;
- border-radius: $value;
-}
-
-@mixin box-shadow($values...) {
- -webkit-box-shadow: $values;
- box-shadow: $values;
-}
-
-@mixin transition($values...) {
- -webkit-transition: $values;
- -moz-transition: $values;
- -o-transition: $values;
- transition: $values;
-}
-
-@mixin transform($value) {
- -webkit-transform: $value;
- -moz-transform: $value;
- -ms-transform: $value;
- -o-transform: $value;
- transform: $value;
-}
-
-@mixin filter($value) {
- -webkit-filter: $value;
- -moz-filter: $value;
- -ms-filter: $value;
- filter: $value;
-}
-
-@mixin flex($value) {
- -webkit-flex: $value;
- flex: $value;
-}
-
-@mixin box($orient) {
- display: -moz-box;
- display: -webkit-box;
- display: box;
-
- -webkit-box-orient: $orient;
- -moz-box-orient: $orient;
- box-orient: $orient;
-}
-
-@mixin placeholder($color) {
- input::-webkit-input-placeholder {
- color: $color;
- }
-
- input:-moz-placeholder {
- color: $color;
- }
-
- input::-moz-placeholder {
- color: $color;
- }
-
- input:-ms-input-placeholder {
- color: $color;
- }
-
- input::placeholder {
- color: $color;
- }
-}
-
-@mixin max-content($property) {
- #{$property}: -webkit-max-content;
- #{$property}: -moz-max-content;
- #{$property}: intrinsic;
- #{$property}: max-content;
-}
-
-@mixin tab-size($value) {
- -moz-tab-size: $value;
- -o-tab-size: $value;
- tab-size: $value;
-}
-
-@mixin appearance($value) {
- -moz-appearance: $value;
- -webkit-appearance: $value;
-}
-
-@mixin overflow-wrap($value) {
- word-wrap: $value;
- overflow-wrap: $value;
-}
-
-@mixin line-break($value) {
- -webkit-line-break: $value;
- -ms-line-break: $value;
- line-break: $value;
-}
-
-@mixin ms {
- input::-ms-clear {
- display: none;
- }
-}
-
-@mixin object-fit($value) {
- -o-object-fit: $value;
- object-fit: $value;
- font-family: "object-fit: #{$value};";
-}
diff --git a/themes/CodeIT/assets/css/_mixin/_details.scss b/themes/CodeIT/assets/css/_mixin/_details.scss
deleted file mode 100644
index 218e6af..0000000
--- a/themes/CodeIT/assets/css/_mixin/_details.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-@mixin details-transition-open {
- @include transition(max-height 0.8s cubic-bezier(0, 1, 0, 1) -0.1s);
-}
-
-@mixin details-transition-close {
- @include transition(max-height 0.8s cubic-bezier(0.5, 0, 1, 0) 0s);
-}
diff --git a/themes/CodeIT/assets/css/_mixin/_index.scss b/themes/CodeIT/assets/css/_mixin/_index.scss
deleted file mode 100644
index 3c35521..0000000
--- a/themes/CodeIT/assets/css/_mixin/_index.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import "_compatibility";
-@import "_link";
-@import "_blur";
-@import "_details";
diff --git a/themes/CodeIT/assets/css/_mixin/_link.scss b/themes/CodeIT/assets/css/_mixin/_link.scss
deleted file mode 100644
index 7a97d01..0000000
--- a/themes/CodeIT/assets/css/_mixin/_link.scss
+++ /dev/null
@@ -1,26 +0,0 @@
-@mixin link($light, $dark) {
- a,
- a::before,
- a::after {
- text-decoration: none;
-
- color: if($light, $global-link-color, $single-link-color);
-
- [theme="dark"] & {
- color: if($dark, $global-link-color-dark, $single-link-color-dark);
- }
- }
-
- a:active,
- a:hover {
- color: if($light, $global-link-hover-color, $single-link-hover-color);
-
- [theme="dark"] & {
- color: if(
- $dark,
- $global-link-hover-color-dark,
- $single-link-hover-color-dark
- );
- }
- }
-}