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;
|
||
|
}
|
||
|
}
|
||
|
}
|