2024-03-21 16:11:54 +00:00
|
|
|
// Set your brand colors
|
|
|
|
|
$purple: #8a4d76;
|
|
|
|
|
$pink: #fa7c91;
|
|
|
|
|
$brown: #757763;
|
|
|
|
|
$beige-light: #d0d1cd;
|
|
|
|
|
$beige-lighter: #eff0eb;
|
|
|
|
|
|
2024-03-24 20:36:20 +00:00
|
|
|
// Override global Sass variables from the /utilities folder
|
|
|
|
|
@use "sass/utilities" with (
|
2024-03-21 16:11:54 +00:00
|
|
|
$family-primary: '"Nunito", sans-serif',
|
|
|
|
|
$grey-dark: $brown,
|
|
|
|
|
$grey-light: $beige-light,
|
|
|
|
|
$primary: $purple,
|
|
|
|
|
$link: $pink,
|
2024-03-24 20:36:20 +00:00
|
|
|
$control-border-width: 2px
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
// Override Sass variables from the /form folder
|
|
|
|
|
@use "sass/form" with (
|
2024-03-21 16:11:54 +00:00
|
|
|
$input-shadow: none
|
|
|
|
|
);
|
|
|
|
|
|
2024-03-24 20:36:20 +00:00
|
|
|
// Import the components you need
|
|
|
|
|
@forward "sass/base";
|
|
|
|
|
@forward "sass/components/card";
|
|
|
|
|
@forward "sass/components/modal";
|
|
|
|
|
@forward "sass/components/navbar";
|
|
|
|
|
@forward "sass/elements/button";
|
|
|
|
|
@forward "sass/elements/button";
|
|
|
|
|
@forward "sass/elements/icon";
|
|
|
|
|
@forward "sass/elements/content";
|
|
|
|
|
@forward "sass/elements/notification";
|
|
|
|
|
@forward "sass/elements/progress";
|
|
|
|
|
@forward "sass/elements/tag";
|
|
|
|
|
@forward "sass/layout/footer";
|
|
|
|
|
|
|
|
|
|
// Import the themes so that all CSS variables have a value
|
|
|
|
|
@forward "sass/themes";
|
|
|
|
|
|
2024-03-21 16:11:54 +00:00
|
|
|
// Import the Google Font
|
|
|
|
|
@import url("https://fonts.googleapis.com/css?family=Nunito:400,700");
|
