mirror of
https://github.com/ISEAL-Community/iseal-core.git
synced 2024-11-22 14:55:03 +01:00
site/source/scss: adapt more ISEAL branding
Use tint colors from the ISEAL Branding Guidelines Version 3.0 and remove the dark and light blues that I gleaned from the ISEAL web- site.
This commit is contained in:
parent
320ade7069
commit
69956024f7
@ -3,10 +3,11 @@
|
|||||||
See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/
|
See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// this is the second dark blue, slightly lighter than the primary
|
// Tint colors (80%, 60%, 40%, and 20% of primary blue)
|
||||||
$iseal-dark-blue: #0e304a;
|
$iseal-tint-80: rgb(68, 106, 160);
|
||||||
// another light blue
|
$iseal-tint-60: rgb(113, 136, 181);
|
||||||
$iseal-light-blue: #328cd1;
|
$iseal-tint-40: rgb(159, 172, 205);
|
||||||
|
$iseal-tint-20: rgb(206, 212, 229);
|
||||||
|
|
||||||
// Secondary colors
|
// Secondary colors
|
||||||
$iseal-secondary-orange: rgb(223, 155, 24);
|
$iseal-secondary-orange: rgb(223, 155, 24);
|
||||||
@ -33,6 +34,10 @@ p.lead {
|
|||||||
color: $secondary;
|
color: $secondary;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav-link {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
div.badge-required {
|
div.badge-required {
|
||||||
float: right;
|
float: right;
|
||||||
|
|
||||||
@ -48,7 +53,7 @@ td.field-name {
|
|||||||
|
|
||||||
/* Override Bootstrap's top border on tbody */
|
/* Override Bootstrap's top border on tbody */
|
||||||
.table>:not(:first-child) {
|
.table>:not(:first-child) {
|
||||||
border-top: 2px solid $iseal-light-blue;
|
border-top: 2px solid $iseal-tint-80;
|
||||||
}
|
}
|
||||||
|
|
||||||
// The ISEAL Branding Guidelines Version 3.0 say that headings should be bold
|
// The ISEAL Branding Guidelines Version 3.0 say that headings should be bold
|
||||||
@ -64,7 +69,7 @@ code {
|
|||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
color: $white;
|
color: $white;
|
||||||
background-color: $iseal-dark-blue;
|
background-color: $primary;
|
||||||
|
|
||||||
a, a:hover {
|
a, a:hover {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
|
Loading…
Reference in New Issue
Block a user