iseal-core/site/source/scss/main.scss
Alan Orth 71bcd1092c site: apply principles from ISEAL branding guidelines
The ISEAL Branding Guidelines Version 3.0 (June 2021) say we should
use Arial font for online material and it specifies the RGB values
to use for headings, sub-headings, and body text. It also specifies
four secondary colors to be used in support of the primary colors.
2021-12-01 15:08:02 +02:00

69 lines
1.5 KiB
SCSS

/*
From Bootstrap v5.0 sticky footer example
See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/
*/
// this is the second dark blue, slightly lighter than the primary
$iseal-dark-blue: #0e304a;
// another light blue
$iseal-light-blue: #328cd1;
// Secondary colors
$iseal-secondary-orange: rgb(223, 155, 24);
$iseal-secondary-green: rgb(137, 168, 52);
$iseal-secondary-red: rgb(196, 41, 55);
$iseal-secondary-purple: rgb(116, 68, 129);
/*
Some styles inspired from the Dublin Core DCTERMS website, see:
https://www.dublincore.org/specifications/dublin-core/dcmi-terms/
*/
body {
/* for the "scroll spy" navbar feature */
position: relative;
color: $black;
background-color: $white;
font-family: Arial,sans-serif;
}
// The ISEAL Branding Guidelines Version 3.0 say that sub-headings should be
// normal weight and secondary blue color.
p.lead {
color: $secondary;
}
div.badge-required {
float: right;
span {
background-color: $iseal-secondary-red;
}
}
td.field-name {
text-align: right;
font-weight: 700;
}
/* Override Bootstrap's top border on tbody */
.table>:not(:first-child) {
border-top: 2px solid $iseal-light-blue;
}
// The ISEAL Branding Guidelines Version 3.0 say that headings should be bold
// weight and primary blue color.
h1, h2, h3 {
color: $primary;
font-weight: 700;
}
.footer {
color: $white;
background-color: $iseal-dark-blue;
a, a:hover {
color: inherit;
}
}