www.franconian.net/assets/_mixins.scss

24 lines
488 B
SCSS

@mixin heading {
font-family: Orbitron, sans-serif;
font-weight: 900;
text-transform: uppercase;
color: $primary-1;
}
@mixin hline($width, $height, $c1, $c2, $c3) {
background: repeat-x center bottom / $width $height;
background-image: linear-gradient(
to right,
$c3 0%, $c3 10%,
$c1 10%, $c1 20%,
$c2 20%, $c2 30%,
$c3 30%, $c3 40%,
$c2 40%, $c2 50%,
$c3 50%, $c3 60%,
$c1 60%, $c1 70%,
$c3 70%, $c3 80%,
$c1 80%, $c1 90%,
$c2 90%, $c2 100%
);
}