diff options
author | lxf <sng@luxagraf.net> | 2021-11-06 09:44:22 -0400 |
---|---|---|
committer | lxf <sng@luxagraf.net> | 2021-11-06 09:44:22 -0400 |
commit | 2c291d0bdfad485f3e7605d6b39433894e75a687 (patch) | |
tree | f9a73a0e1cbcd51d7ccc0fb99296049c66babe16 /bak/design/sass/_mixins.scss | |
parent | d9f51299809bfb6b3ac589b7c42016d0ef240299 (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.scss | 73 |
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() { +} |