2018-10-05 09:37:48 +00:00
|
|
|
// colors
|
2018-09-28 19:20:15 +00:00
|
|
|
$color-white: #fff;
|
2018-09-29 00:22:00 +00:00
|
|
|
$color-black: #36383b;
|
|
|
|
$color-grey: #898f95;
|
2018-11-30 21:28:00 +00:00
|
|
|
$color-grey-mid: #abaaba;
|
2018-12-06 11:31:33 +00:00
|
|
|
$color-grey-light4: #b4b9c0;
|
2018-12-03 18:49:32 +00:00
|
|
|
$color-grey-light3: hsla(59, 13%, 86%, 0.2);
|
2018-10-08 08:49:31 +00:00
|
|
|
$color-grey-light2: #d8d8d8;
|
2018-09-29 00:22:00 +00:00
|
|
|
$color-grey-light: #f0f3f6;
|
|
|
|
$color-yellow: #ffb700;
|
|
|
|
$color-yellow-light: #ffd759;
|
2018-11-21 13:05:56 +00:00
|
|
|
$color-purple-dark: #3C3F57;
|
|
|
|
$color-blue-light: #6259E5;
|
2018-09-28 19:20:15 +00:00
|
|
|
|
2018-10-05 09:37:48 +00:00
|
|
|
%shadow {
|
|
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
|
2018-09-28 19:20:15 +00:00
|
|
|
}
|
|
|
|
|
2018-10-19 18:36:16 +00:00
|
|
|
%frame {
|
2018-10-08 08:49:31 +00:00
|
|
|
@extend %shadow;
|
|
|
|
background-color: $color-white;
|
|
|
|
}
|
|
|
|
|
2018-10-05 09:37:48 +00:00
|
|
|
$breakpoints: (
|
|
|
|
phone: 480px,
|
|
|
|
tablet: 768px,
|
|
|
|
desktop: 1024px,
|
|
|
|
);
|