enfrancais-app/src/assets/scss/globals.scss

/*
  ╭─────────────────────────────────────────────────────────────────╮
  │                                                                 │
  │   /!\ DO NOT IMPORT OR DEFINE ACTUAL RULES INTO THIS FILE /!\   │
  │                                                                 │
  │  Only things that disappear after scss compilation is allowed.  │
  │                                                                 │
  ╰─────────────────────────────────────────────────────────────────╯

  This file is magically imported into every components so that scss variables and
  mixins can be accessed.
  But if some rules are defined here, they will be copied into the final build as many
  times as there are components…

*/


// Custom variables must be imported first.
@import 'bootstrap-overrides/variables';
@import 'variables';


// ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮
// │╶┤│ ││ │ │ ╰─╮ │ ├┬╯├─┤├─╯
// └─╯╰─╯╰─╯ ╵ ╶─╯ ╵ ╵ ╰╵ ╵╵

@import '~bootstrap/scss/functions';
@import '~bootstrap/scss/variables';
@import '~bootstrap/scss/mixins';


// ┌─╮╭─╮╭─╮╶┬╴╭─╴╶┬╴┌─╮╭─┐┌─╮   ╷ ╷╷ ╷┌─╴
// │╶┤│ ││ │ │ ╰─╮ │ ├┬╯├─┤├─╯╶─╴│╭╯│ │├─╴
// └─╯╰─╯╰─╯ ╵ ╶─╯ ╵ ╵ ╰╵ ╵╵     ╰╯ ╰─╯╰─╴

@import "~bootstrap-vue/src/variables";


// mixins and functions overides must be imported after bootstrap's definitions.
@import 'bootstrap-overrides/mixins';