mirror of
https://github.com/ISEAL-Community/iseal-core.git
synced 2024-11-24 07:40:17 +01:00
Alan Orth
6970aec24a
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.
45 lines
982 B
SCSS
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;
|
|
}
|