mirror of https://github.com/juliancwirko/abc.git
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.
59 lines
1.1 KiB
59 lines
1.1 KiB
// font family |
|
|
|
$main-font: 'Lora', serif; |
|
$headers-font: 'Source Sans Pro', sans-serif; |
|
|
|
// colors |
|
// you can also change standard Foundation colors |
|
|
|
$color-main-dark: #000; |
|
$color-main-light: #ffffff; |
|
$color-main-contrast: #e51843; |
|
|
|
$body-border-width: rem-calc(15); |
|
|
|
// Foundation overwrites |
|
// |
|
// You can do this in the _foundation-settings.scss file |
|
// just uncomment and edit some parts |
|
// or you can copy it here like the ones below |
|
|
|
$primary-color: $color-main-contrast; |
|
|
|
$row-width: rem-calc(800); |
|
|
|
$body-font-family: $main-font; |
|
|
|
$header-font-family: $headers-font; |
|
$header-font-weight: 700; |
|
$header-font-color: $color-main-dark; |
|
|
|
$paragraph-font-size: 1.125rem; |
|
$paragraph-line-height: 1.7; |
|
|
|
$anchor-text-decoration: underline; |
|
|
|
$h1-font-size: rem-calc(64); |
|
$h2-font-size: rem-calc(40); |
|
$h3-font-size: rem-calc(32); |
|
$h4-font-size: rem-calc(23); |
|
$h5-font-size: rem-calc(18); |
|
$h6-font-size: 1rem; |
|
|
|
|
|
// custom theme mixins |
|
// example: |
|
// clearfix usage: |
|
// .some-div { |
|
// ... |
|
// @extend %clearfix; |
|
// } |
|
|
|
%clearfix { |
|
&:before, |
|
&:after { |
|
content: ""; |
|
display: table; |
|
clear: both; |
|
} |
|
} |