Retrospring/app/javascript/styles/application.scss

/**
 SETTINGS
 ----------------------------------------------
 Variable definitions, tools and mixins used
 across all styling definitions.
 */
@use "~@fontsource/lexend/scss/mixins" as Lexend;

@import
"variables";

/**
 VENDOR
 ----------------------------------------------
 Imported vendor assets used by Retrospring.
 */

@import
"~@melloware/coloris/dist/coloris",
"~bootstrap/scss/bootstrap",
"~croppr/dist/croppr",
"~font-awesome/scss/font-awesome",
"~sweetalert/dist/sweetalert",
"~toastify-js/src/toastify";


@each $weight in $lexend-weights {
  @include Lexend.fontFace(
    $weight: $weight,
    $display: fallback,
    $fontDir: "~@fontsource/lexend/files"
  );
}

// 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.$fontDir}/lexend-#{$subset}-300-normal.woff2") format("woff2"),
    url("#{Lexend.$fontDir}/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/colors",
"overrides/card",
"overrides/dropdown",
"overrides/inputs",
"overrides/links",
"overrides/list-group",
"overrides/minicolors",
"overrides/modal",
"overrides/navbar",
"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/flags",
"components/icons",
"components/inbox-actions",
"components/inbox-entry",
"components/jumbotron",
"components/locales",
"components/mobile-nav",
"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";