74 lines
1.4 KiB
SCSS
74 lines
1.4 KiB
SCSS
/*
|
|
********************
|
|
|
|
FONTS
|
|
|
|
********************
|
|
*/
|
|
|
|
$font-base: 'merriweatherlight', serif;
|
|
$font-size-base: 1.250rem; // 20px
|
|
$font-size-h1: $font-size-base * 2.6; // 52px
|
|
$font-size-h2: $font-size-base * 2; // 40px
|
|
$font-size-h3: $font-size-base * 1.6; // 32px
|
|
$font-size-h4: $font-size-base * 1.4; // 28px
|
|
$font-size-h5: $font-size-base * 1.2; // 24px
|
|
$font-size-h6: $font-size-base; // 20px
|
|
$font-size-small: $font-size-base * .8; // 16px
|
|
$line-height-base: 1.375;
|
|
|
|
/*
|
|
********************
|
|
|
|
COLORS
|
|
|
|
********************
|
|
*/
|
|
|
|
$violet-dark: rgb(103, 83, 108);
|
|
$violet-light: rgb(238, 215, 244);
|
|
$violet-light-darker: darken($violet-light, 30);
|
|
$gray: rgb(0, 0, 0);
|
|
$gray-light: lighten($gray, 20);
|
|
|
|
/*
|
|
********************
|
|
|
|
BREAKPOINTS
|
|
|
|
********************
|
|
*/
|
|
|
|
@mixin breakpoint($point) {
|
|
@if $point == l {
|
|
@media (min-width: 75em) { @content ; }
|
|
}
|
|
@if $point == m {
|
|
@media (min-width: 47.5em) { @content ; }
|
|
}
|
|
@else if $point == s {
|
|
@media (min-width: 25.625em) { @content ; }
|
|
}
|
|
@else if $point == xs {
|
|
@media (max-width: 25.625em) { @content ; }
|
|
}
|
|
}
|
|
|
|
/*
|
|
********************
|
|
|
|
OTHER MIXINS
|
|
|
|
********************
|
|
*/
|
|
|
|
@mixin nolist() {
|
|
ul {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
li {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|