summaryrefslogtreecommitdiff
path: root/bak/design/sass/_mixins.scss
diff options
context:
space:
mode:
authorlxf <sng@luxagraf.net>2021-11-06 09:44:22 -0400
committerlxf <sng@luxagraf.net>2021-11-06 09:44:22 -0400
commit2c291d0bdfad485f3e7605d6b39433894e75a687 (patch)
treef9a73a0e1cbcd51d7ccc0fb99296049c66babe16 /bak/design/sass/_mixins.scss
parentd9f51299809bfb6b3ac589b7c42016d0ef240299 (diff)
moved design to bak because I don't need to access it much
Diffstat (limited to 'bak/design/sass/_mixins.scss')
-rw-r--r--bak/design/sass/_mixins.scss73
1 files changed, 73 insertions, 0 deletions
diff --git a/bak/design/sass/_mixins.scss b/bak/design/sass/_mixins.scss
new file mode 100644
index 0000000..111c281
--- /dev/null
+++ b/bak/design/sass/_mixins.scss
@@ -0,0 +1,73 @@
+$brown: #201a11;
+$brown: #222;
+$orange: #b53a04;
+$link_color: #b53a04;
+
+$headline_font_serif: mffweb, Georgia, 'Times New Roman', serif;
+$fancy_serif: mffweb, Georgia, 'Times New Roman', serif;
+$fancy_sans: mffnweb, Helvetica, sans-serif;
+
+
+$body_font_color: $brown;
+$body_font_light: #737373;
+$secondary-link-color: #757575;
+
+@mixin smcaps {
+ @include fancy_sans;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+}
+@function calc-rem($size) {
+ $remsize: $size/16;
+ @return #{$remsize}rem;
+}
+@mixin fontsize($size) {
+ font-size: $size + px;
+ font-size: calc-rem($size);
+}
+@mixin fancy-sans {
+ font-family: mffnweb, Helvetica, sans-serif;
+}
+@mixin fancy-serif {
+ font-family: Georgia, Palatino, serif;
+}
+%clearfix {
+ *zoom: 1;
+ &:before {
+ content: " ";
+ display: table;
+ }
+ &:after {
+ content: " ";
+ display: table;
+ clear: both;
+ }
+}
+//set an element to centered, narrowish column width
+//used mostly on columns of text
+@mixin constrain_narrow() {
+ margin-left: auto;
+ margin-right: auto;
+ @include breakpoint(beta) {
+ max-width: 720px;
+ }
+ @include breakpoint(gamma) {
+ max-width: 750px;
+ }
+}
+//set an element to centered, wideish column width
+@mixin constrain_wide() {
+ margin-left: auto;
+ margin-right: auto;
+ @include breakpoint(gamma) {
+ max-width: $breakpoint-gamma;
+ }
+ @include breakpoint(delta) {
+ max-width: $breakpoint-delta;
+ }
+ @include breakpoint(epsilon) {
+ max-width: 1440px;
+ }
+}
+@mixin blockmenuitem() {
+}