iseal-core/site/source/scss/fsc.scss
Alan Orth 6970aec24a
site: style buttons for required elements
We wanted a way to increase the findability of required elements in
addition the the "required" badge on the element's information box.
This styles the button in the module grouping as well.
2022-02-14 21:43:38 +03:00

45 lines
982 B
SCSS

// override some Bootstrap colors. Apparently we need to do this *before* we
// process Bootstrap.
// FSC primary (dark) green
$primary: rgb(0, 92, 66);
// FSC secondary (light) green
$secondary: rgb(114, 191, 66);
// selectively import components we need from bootstrap
// see: node_modules/bootstrap/scss/bootstrap.scss
@import 'bootstrap';
// common style overrides
@import 'main';
div.badge-required {
float: right;
span {
background-color: var(--bs-red);
}
}
// Style the buttons for required metadata elements. Note the syntax for the
// hover and active states uses the SASS parent selector "&" so we can nest
// the rules.
.btn-required {
color: var(--bs-red);
border-color: var(--bs-red);
&:hover, &:active {
color: #fff;
background-color: var(--bs-red);
}
}
/* Override Bootstrap's top border on tbody */
.table>:not(:first-child) {
border-top: 2px solid $primary;
}
h1, h2, h3, h4 {
color: $primary;
}