67 lines
1022 B
SCSS
67 lines
1022 B
SCSS
/*
|
|
********************
|
|
|
|
FONTS
|
|
|
|
********************
|
|
*/
|
|
|
|
$font-base: 'merriweatherlight', serif;
|
|
$font-size-base: 1.250rem;
|
|
$font-size-small: $font-size-base * .9;
|
|
$font-size-smaller: $font-size-base * .7;
|
|
$line-height-base: 1.5em;
|
|
|
|
/*
|
|
********************
|
|
|
|
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 == desktop {
|
|
@media (min-width: 70em) { @content ; }
|
|
}
|
|
@else if $point == tablet {
|
|
@media (min-width: 50em) and (max-width: 70em) { @content ; }
|
|
}
|
|
@else if $point == mobile {
|
|
@media (max-width: 37.5em) { @content ; }
|
|
|
|
}
|
|
}
|
|
|
|
/*
|
|
********************
|
|
|
|
OTHER MIXINS
|
|
|
|
********************
|
|
*/
|
|
|
|
@mixin nolist() {
|
|
ul {
|
|
padding-left: 0;
|
|
list-style: none;
|
|
li {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
}
|