Commit d96682dc authored by Dennis Dominik Schöpf's avatar Dennis Dominik Schöpf
Browse files

Add scss mixins and helpers

parent 4bbb4fe0
html {
font-family: $font-reg;
font-size: 10px;
font-weight: 500;
font-family: $font-reg;
font-size: 10px;
font-weight: 500;
}
body {
font-size: $font-size-m;
font-size: $font-size-m;
}
h1,
......@@ -13,58 +13,81 @@ h2,
h3,
h4,
h5 {
color: $primary-color;
color: $primary-color;
}
h1 {
font-size: $font-size-xxl;
font-size: $font-size-xxl;
}
h2 {
font-size: $font-size-xl;
line-height: $line-height-xl;
margin-bottom: 3rem;
font-size: $font-size-xl;
line-height: $line-height-xl;
margin-bottom: 3rem;
}
h3 {
font-size: $font-size-l;
font-size: $font-size-l;
}
h4 {
font-size: $font-size-l;
color: $bright-color;
margin-bottom: 1rem;
font-size: $font-size-l;
color: $bright-color;
margin-bottom: 1rem;
}
h5 {
font-size: 2.2rem;
color: $bright-color;
margin-bottom: 1rem;
font-size: 2.2rem;
color: $bright-color;
margin-bottom: 1rem;
}
section {
padding: 0 1.5rem;
margin-bottom: 4.5rem;
padding: 0 1.5rem;
margin-bottom: 4.5rem;
}
blockquote {
padding: 1rem;
font-size: $font-size-l;
padding: 1rem;
font-size: $font-size-l;
}
cite {
padding: 1rem;
font-size: 2.2rem;
padding: 1rem;
font-size: 2.2rem;
}
.bg-accent-bright {
background-color: $accent-color-bright;
background-color: $accent-color-bright;
}
.bg-accent-reg {
background-color: $accent-color-reg;
background-color: $accent-color-reg;
}
.bg-accent-dark {
background-color: $accent-color-dark;
background-color: $accent-color-dark;
}
.maxwidthcontainer {
max-width: 80rem;
margin: 0 auto;
padding: 1.5rem;
}
@mixin breakpoint($min, $max: 0) {
@if $max == 0 {
@media (min-width: rem($min)) {
@content;
}
} @else {
@media (min-width: rem($min)) and (max-width: rem($max)) {
@content;
}
}
}
@mixin hidden {
display: none;
visibility: hidden;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment