summaryrefslogtreecommitdiff
path: root/src/scss/_mixins.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss/_mixins.scss')
-rw-r--r--src/scss/_mixins.scss32
1 files changed, 15 insertions, 17 deletions
diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index 0879b18..62ae802 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -1,16 +1,8 @@
-@mixin box-sizing {
- * {
- -moz-box-sizing: border-box;
- -webkit-border-box: border-box;
- box-sizing: border-box;
- }
-}
-
@mixin section {
- border: $border-width solid $border-color;
@include border-radius($outer-radius);
+ border: $border-width solid $border-color;
background: $black;
- margin-bottom: $outer-gap;
+ text-align: left;
}
@mixin linear-gradient($deg, $first, $values...) {
@@ -65,13 +57,13 @@
@mixin font-face($name) {
@font-face {
font-family: $name;
- src: url("../font/" + $name + ".eot");
- src: url("../font/" + $name + ".eot?#iefix") format("embedded-opentype"),
- url("../font/" + $name + ".woff2") format("woff2"),
- url("../font/" + $name + ".woff") format("woff"),
- url("../font/" + $name + ".ttf") format("truetype"),
- url("../font/" + $name + ".otf") format("opentype"),
- url("../font/" + $name + ".svg#" + $name) format('svg');
+ src: url("WEB_ROOTpublic/font/" + $name + ".eot");
+ src: url("WEB_ROOTpublic/font/" + $name + ".eot?#iefix") format("embedded-opentype"),
+ url("WEB_ROOTpublic/font/" + $name + ".woff2") format("woff2"),
+ url("WEB_ROOTpublic/font/" + $name + ".woff") format("woff"),
+ url("WEB_ROOTpublic/font/" + $name + ".ttf") format("truetype"),
+ url("WEB_ROOTpublic/font/" + $name + ".otf") format("opentype"),
+ url("WEB_ROOTpublic/font/" + $name + ".svg#" + $name) format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
@@ -89,3 +81,9 @@
-dt-display: table-cell;
display: table-cell;
}
+
+@mixin background-image($fallback, $sources...) {
+ background-image: $fallback;
+ background-image: -webkit-image-set(#{$sources});
+ background-image: image-set(#{$sources});
+}