53 lines
846 B
SCSS
53 lines
846 B
SCSS
@charset "utf-8";
|
|
|
|
$black: #000;
|
|
$white: #fff;
|
|
$red: #e00;
|
|
$red-dark: #b00;
|
|
$green: #0e0;
|
|
$green-dark: #0b0;
|
|
$grey-light: #ddd;
|
|
|
|
$mp-1: 0.2rem;
|
|
$mp-1e: 0.2em;
|
|
$mp-2: 0.4rem;
|
|
$mp-2e: 0.4em;
|
|
$mp-3: 0.6rem;
|
|
$mp-3e: 0.6em;
|
|
$mp-4: 1.2rem;
|
|
$mp-4e: 1.2em;
|
|
$mp-5: 1.6rem;
|
|
$mp-5e: 1.6em;
|
|
$mp-6: 2rem;
|
|
$mp-6e: 2em;
|
|
$mp-7: 4rem;
|
|
$mp-7e: 4em;
|
|
|
|
$text-size-small: 0.6rem;
|
|
$text-size-smaller: 0.8rem;
|
|
$text-size: 1rem;
|
|
$text-size-2: 1.2rem;
|
|
$text-size-medium: 1.4rem;
|
|
$text-size-bigger: 1.6rem;
|
|
$text-size-big: 2rem;
|
|
|
|
$h1-size: 40px;
|
|
$h2-size: 32px;
|
|
$h3-size: 28px;
|
|
$h4-size: 24px;
|
|
$h5-size: 20px;
|
|
$h6-size: 14px;
|
|
|
|
$weight-light: 100;
|
|
$weight-lighter: 300;
|
|
$weight-normal: 400;
|
|
$weight-bolder: 500;
|
|
$weight-bold: 700;
|
|
|
|
$screen-very-small: 400px;
|
|
$screen-small: 600px;
|
|
$screen-smaller: 900px;
|
|
$screen-normal: 1024px;
|
|
$screen-wider: 1280px;
|
|
$screen-wide: 1380px;
|