summaryrefslogtreecommitdiff
path: root/src/scss/_mixins.scss
diff options
context:
space:
mode:
authorFreya Murphy <freya@freyacat.org>2026-02-26 10:24:43 -0500
committerFreya Murphy <freya@freyacat.org>2026-02-26 11:22:13 -0500
commite6fd79bad907c18e35fb2f99842b0ab62ed67114 (patch)
tree0e178e58cd758203aedd9bc9915373ecec711e90 /src/scss/_mixins.scss
parentupdate license (diff)
downloadwebsite-e6fd79bad907c18e35fb2f99842b0ab62ed67114.tar.gz
website-e6fd79bad907c18e35fb2f99842b0ab62ed67114.tar.bz2
website-e6fd79bad907c18e35fb2f99842b0ab62ed67114.zip
start caching html pages, lower request tree chaining
Diffstat (limited to '')
-rw-r--r--src/scss/_mixins.scss20
1 files changed, 13 insertions, 7 deletions
diff --git a/src/scss/_mixins.scss b/src/scss/_mixins.scss
index 0879b18..25eb0c1 100644
--- a/src/scss/_mixins.scss
+++ b/src/scss/_mixins.scss
@@ -65,13 +65,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 +89,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});
+}