130 lines
3.0 KiB
SCSS
130 lines
3.0 KiB
SCSS
/**
|
|
SETTINGS
|
|
----------------------------------------------
|
|
Variable definitions, tools and mixins used
|
|
across all styling definitions.
|
|
*/
|
|
@use "@fontsource/lexend/scss/mixins" as Lexend;
|
|
|
|
@import "bootstrap/scss/functions";
|
|
@import "bootstrap/scss/variables";
|
|
|
|
@import "variables";
|
|
|
|
@import "bootstrap/scss/mixins";
|
|
@import "bootstrap/scss/maps";
|
|
|
|
/**
|
|
VENDOR
|
|
----------------------------------------------
|
|
Imported vendor assets used by Retrospring.
|
|
*/
|
|
|
|
@import "@melloware/coloris/dist/coloris",
|
|
"bootstrap/scss/bootstrap",
|
|
"croppr/dist/croppr",
|
|
"@fortawesome/fontawesome-free/scss/fontawesome",
|
|
"@fortawesome/fontawesome-free/scss/solid",
|
|
"@fortawesome/fontawesome-free/scss/regular",
|
|
"@fortawesome/fontawesome-free/scss/brands",
|
|
"@fortawesome/fontawesome-free/scss/v4-shims",
|
|
"sweetalert/dist/sweetalert",
|
|
"toastify-js/src/toastify";
|
|
|
|
|
|
@each $weight in $lexend-weights {
|
|
@include Lexend.fontFace($weight: $weight,
|
|
$display: fallback,
|
|
$fontDir: "."
|
|
);
|
|
}
|
|
|
|
// Using Lexend Light (300) as Regular (400) as Regular is quite thick.
|
|
@each $subset,
|
|
$unicodeRangeValues in Lexend.$unicodeMap {
|
|
@font-face {
|
|
font-family: Lexend;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
font-weight: 400;
|
|
src: url("lexend-#{$subset}-300-normal.woff2") format("woff2"),
|
|
url("lexend-all-300-normal.woff") format("woff");
|
|
unicode-range: $unicodeRangeValues;
|
|
}
|
|
}
|
|
|
|
/**
|
|
OVERRIDES
|
|
----------------------------------------------
|
|
The imports from "overrides/" define almost barely
|
|
any style adjustments but rather override default
|
|
Bootstrap behaviour.
|
|
|
|
The largest change to regular bootstrap is the switch
|
|
to using the available CSS variables for most elements
|
|
used on the site, so theming can be done with changing
|
|
only those.
|
|
*/
|
|
|
|
@import "overrides/alerts",
|
|
"overrides/badges",
|
|
"overrides/bootstrap-datetimepicker",
|
|
"overrides/buttons",
|
|
"overrides/code",
|
|
"overrides/colors",
|
|
"overrides/card",
|
|
"overrides/dropdown",
|
|
"overrides/inputs",
|
|
"overrides/links",
|
|
"overrides/list-group",
|
|
"overrides/minicolors",
|
|
"overrides/modal",
|
|
"overrides/navbar",
|
|
"overrides/popover",
|
|
"overrides/turbolinks",
|
|
"overrides/toasts",
|
|
"overrides/sweet-alert";
|
|
|
|
/**
|
|
ELEMENTS
|
|
----------------------------------------------
|
|
Styles directly applied to HTML elements
|
|
*/
|
|
|
|
@import "elements/body";
|
|
|
|
/**
|
|
COMPONENTS
|
|
----------------------------------------------
|
|
Custom components defined for Retrospring.
|
|
*/
|
|
|
|
@import "components/announcements",
|
|
"components/answerbox",
|
|
"components/avatars",
|
|
"components/buttons",
|
|
"components/comments",
|
|
"components/container",
|
|
"components/entry",
|
|
"components/icons",
|
|
"components/inbox-actions",
|
|
"components/inbox-entry",
|
|
"components/mobile-nav",
|
|
"components/navbar",
|
|
"components/notifications",
|
|
"components/profile",
|
|
"components/push-settings",
|
|
"components/question",
|
|
"components/smiles",
|
|
"components/themes",
|
|
"components/totp-setup",
|
|
"components/userbox";
|
|
|
|
/**
|
|
UTILITIES
|
|
----------------------------------------------
|
|
Classes used for very specific cases
|
|
*/
|
|
|
|
@import "utilities";
|