default.scss 1.87 KB
Newer Older
arturo's avatar
arturo committed
1 2 3 4 5 6
/*! Bootstrap `Default` https://getbootstrap.com/docs/4.6 */


// Bootstrap pre-requiring
//------------------------

7 8 9 10 11
@import '../../../node_modules/bootstrap/scss/functions';
@import '../../../node_modules/bootstrap/scss/variables';
@import '../../../node_modules/bootstrap/scss/mixins';


arturo's avatar
arturo committed
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
// Project pre-requiring
//----------------------

// (?) Normally "abstract" and "modules" have to be MANUALLY IMPORTED each
//     times their content is being used
//
//     However, with Bootstrap non "@use" API-ready, and multiple themes
//     management, we have to stick the old "@import"
//
//     It also implies that, if tomorrow, transition to "@import" to "@use" API
//     has to be made, every manual import must be included (eg. by checking
//     the `modules/form` file, and check where its mixin `inputError` has been
//     being used
@import '../_abstract';
@import '../_modules';


29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
// Theme variable overrides
//-------------------------

// Colors
$primary: #005a9a;
$secondary: $blue;

$theme-colors: (
  "primary": $primary,
  "secondary": $secondary
);

// Add more shades to gray
$gray-150: #FAFAFA;
$gray-175: #F0F0F0;

arturo's avatar
arturo committed
45 46 47
// Layout
$form-group-margin-bottom: space-x(3);

48 49 50 51 52

// (importing Bootstrap)
@import '../../../node_modules/bootstrap/scss/bootstrap';


arturo's avatar
arturo committed
53 54
// Project sheets
//---------------
55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78

@import '../_components';
@import '../_base';
@import '../_legacy';


// Custom rules specific to the theme
//-----------------------------------

// Rectify "secondary" button tonal contrast
.btn-secondary,
.btn-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: $white;
}

// Alter <b-alert> light variant for better contrast
.alert.alert-light {
  border-color: $gray-150;
  color: $gray-600;
}