You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
1.3 KiB
87 lines
1.3 KiB
* { |
|
box-sizing: border-box; |
|
} |
|
|
|
body { |
|
margin: 0; |
|
font-family: $font-family-serif; |
|
font-size: rem(18); |
|
background: #fff; |
|
} |
|
|
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
font-family: $font-family-sans-serif; |
|
} |
|
|
|
h1 { |
|
font-size: rem(30); |
|
font-weight: 600; |
|
letter-spacing: rem(2); |
|
line-height: (36/30); |
|
margin: 0; |
|
} |
|
|
|
h2 { |
|
font-size: rem(16); |
|
font-weight: normal; |
|
line-height: (30/16); |
|
margin: 0; |
|
} |
|
|
|
.ml-auto { |
|
margin-left: auto; |
|
} |
|
|
|
.mr-auto { |
|
margin-right: auto; |
|
} |
|
|
|
:root { |
|
--primary: $brand-primary; |
|
--accent: $brand-accent; |
|
--link: $brand-primary; |
|
--header-text: $black; |
|
--header-link: $brand-primary; |
|
--fg: $white; |
|
--bg: $brand-accent; |
|
--block-border: $brand-primary; |
|
--btn-text: $white; |
|
--btn-active-text: $brand-primary; |
|
--btn-bg: $brand-primary; |
|
--btn-inverse-text: $brand-primary; |
|
--btn-inverse-active-text: $white; |
|
} |
|
|
|
a { |
|
color: var(--link, $brand-primary); |
|
text-decoration: none; |
|
} |
|
|
|
.primary { |
|
color: var(--brand-primary, $brand-primary); |
|
} |
|
|
|
.bg-primary { |
|
background-color: var(--brand-primary, $brand-primary); |
|
} |
|
|
|
.b--primary { |
|
border-color: var(--brand-primary, $brand-primary); |
|
} |
|
|
|
.accent { |
|
color: var(--brand-secondary, $brand-accent); |
|
} |
|
|
|
.bg-accent { |
|
background-color: var(--brand-secondary, $brand-accent); |
|
} |
|
|
|
.b--accent { |
|
border-color: var(--brand-secondary, $brand-accent); |
|
}
|
|
|