diff options
Diffstat (limited to 'design/sass/_mixins.scss')
-rw-r--r-- | design/sass/_mixins.scss | 104 |
1 files changed, 7 insertions, 97 deletions
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss index 9ccd750..111c281 100644 --- a/design/sass/_mixins.scss +++ b/design/sass/_mixins.scss @@ -1,6 +1,5 @@ $brown: #201a11; $brown: #222; -$light: #ccc; $orange: #b53a04; $link_color: #b53a04; @@ -9,57 +8,26 @@ $fancy_serif: mffweb, Georgia, 'Times New Roman', serif; $fancy_sans: mffnweb, Helvetica, sans-serif; -$body_p_font: normal 100% / 1.5 Georgia, Cambria, "Times New Roman", Times, serif; $body_font_color: $brown; -$body_font_light: #b3aeae; -$secondary-link-color: #838383; - -$archive_p_line_height: 1.6; -//$light; -$narrow-beta-width: 720px; -$narrow-max-width: 750px; -$max_width: 1440px; +$body_font_light: #737373; +$secondary-link-color: #757575; @mixin smcaps { @include fancy_sans; text-transform: uppercase; letter-spacing: 1px; } -@mixin plain_a { - border: none; - text-decoration: none; - color: $body_font_color; -} - @function calc-rem($size) { $remsize: $size/16; @return #{$remsize}rem; } - @mixin fontsize($size) { font-size: $size + px; font-size: calc-rem($size); } - -@function calc-em($target-px, $context) { - @return $target-px / $context * 1em; -} - -@mixin img_plain { - padding: 0; - max-width: 100%; - background: none; -} -@mixin generic-sans { - font-family: sans-serif; -} @mixin fancy-sans { font-family: mffnweb, Helvetica, sans-serif; } -@mixin fancy-sans-bold { - font-family: mffnbweb, Helvetica, sans-serif; - font-weight: 700; -} @mixin fancy-serif { font-family: Georgia, Palatino, serif; } @@ -75,77 +43,20 @@ $max_width: 1440px; clear: both; } } - -@mixin transparent_class { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; - filter: alpha(opacity = 90); - opacity: 0.9; -} - -@mixin faded_line_after { - display: block; - content: ""; - margin-top: 3em; - height: 1px; - width: 100%; - background: -webkit-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: -moz-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: -o-linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); - background: linear-gradient(left, rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0)); -} - -//for overriding the above on dark pages: -@mixin light_faded_line_after { - background: -webkit-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: -moz-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: -o-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); -} - -@mixin lighter_faded_line_after { - background: -webkit-linear-gradient(left, rgba(243,237,219,.1),rgba(243,237,219,0.3),rgba(243,237,219,.1)); - background: -moz-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: -o-linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); - background: linear-gradient(left, rgba(243,237,219,0),rgba(243,237,219,0.1),rgba(243,237,219,0)); -} - -//generic constrain function -@mixin constrain($size) { - max-width: $size; - margin-left: auto; - margin-right: auto; -} - //set an element to centered, narrowish column width //used mostly on columns of text @mixin constrain_narrow() { - max-width: 90%; margin-left: auto; margin-right: auto; @include breakpoint(beta) { - max-width: $narrow-beta-width; - } - @include breakpoint(gamma) { - max-width: $narrow-max-width; - } -} - -@mixin constrain_archive() { - max-width: 94%; - margin-left: auto; - margin-right: auto; - @include breakpoint(alpha) { - max-width: 380px; - float: left; + max-width: 720px; } @include breakpoint(gamma) { - max-width: 680px; + max-width: 750px; } } - //set an element to centered, wideish column width @mixin constrain_wide() { - max-width: 90%; margin-left: auto; margin-right: auto; @include breakpoint(gamma) { @@ -155,9 +66,8 @@ $max_width: 1440px; max-width: $breakpoint-delta; } @include breakpoint(epsilon) { - max-width: $max_width; + max-width: 1440px; } } - - - +@mixin blockmenuitem() { +} |