igor.milhit/scss/_variables.scss

74 lines
1.4 KiB
SCSS
Raw Normal View History

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