79 lines
1.8 KiB
SCSS
79 lines
1.8 KiB
SCSS
// Colors
|
|
$color-primary: #3C0576;
|
|
$color-primary-dark: #36046A;
|
|
$color-primary-darker: #2D0458;
|
|
$color-primary-tertiary20: #633185;
|
|
$color-secondary: #FF6C89;
|
|
$color-secondary-light: #FFB3C2;
|
|
$color-secondary-bright: #FF0536;
|
|
$color-text: #333;
|
|
$color-tertiary: #FFE0C5;
|
|
$color-lightpurple: #8B50B2;
|
|
$color-lilas-bright: #C78FEC;
|
|
$color-gray: #666;
|
|
$color-lightgray: #999;
|
|
$color-shadow-brown: #7A5D44;
|
|
$color-cream: #FEF6EF;
|
|
|
|
|
|
|
|
// CSS Variables
|
|
:root {
|
|
// Sizes
|
|
--container-width: 1800px;
|
|
|
|
// Animation
|
|
--ease-quart: cubic-bezier(.165, .84, .44, 1);
|
|
--ease-cubic: cubic-bezier(.785, .135, .15, .86);
|
|
--ease-inout-quart: cubic-bezier(.76, 0, .24, 1);
|
|
}
|
|
|
|
|
|
/* Fonts
|
|
========================================================================== */
|
|
$base-font-size: 28px !default;
|
|
|
|
// Families
|
|
$replacement-sans: "Helvetica, Arial, sans-serif";
|
|
$replacement-serif: "Georgia, serif";
|
|
$font-sans: "Garnett", #{$replacement-sans};
|
|
$font-serif: "Magnolia", #{$replacement-serif};
|
|
|
|
|
|
|
|
/* Sizes, margins and spacing
|
|
====================================================================== */
|
|
$base-width: 1600 !default;
|
|
|
|
// Grid
|
|
$cols-m: 8 !default;
|
|
$cols-d: 24 !default;
|
|
|
|
|
|
/* Directories
|
|
========================================================================== */
|
|
$dir-img: "/images" !default;
|
|
$dir-fonts: "/fonts" !default;
|
|
|
|
|
|
/* Animation
|
|
========================================================================== */
|
|
// Easing
|
|
$ease-cubic: cubic-bezier(.785, .135, .15, .86);
|
|
$ease-quart: cubic-bezier(.165, .84, .44, 1);
|
|
$ease-inout: ease-in-out;
|
|
|
|
|
|
/* Responsive breakpoints
|
|
========================================================================== */
|
|
$breakpoints: (
|
|
mob: 450px,
|
|
mob-lg: 550px,
|
|
xs: 767px,
|
|
sm: 768px,
|
|
md: 992px,
|
|
sd: 1200px,
|
|
lg: 1440px,
|
|
xl: 1600px,
|
|
fhd: 1920px,
|
|
) !default; |