mirror of
https://github.com/ISEAL-Community/iseal-core.git
synced 2024-11-14 10:57:05 +01:00
Alan Orth
f059918c40
I don't like the "hanging" icons now that I look again. Better to use normal Bootstrap columns and rows here with the icons in the header. I need to figure out how to add spacing between these when we are on small devices and the columns stack, though!
84 lines
1.7 KiB
SCSS
84 lines
1.7 KiB
SCSS
/*
|
|
From Bootstrap v5.0 sticky footer example
|
|
See: https://getbootstrap.com/docs/5.0/examples/sticky-footer/
|
|
*/
|
|
|
|
// Tint colors (80%, 60%, 40%, and 20% of primary blue)
|
|
$iseal-tint-80: rgb(68, 106, 160);
|
|
$iseal-tint-60: rgb(113, 136, 181);
|
|
$iseal-tint-40: rgb(159, 172, 205);
|
|
$iseal-tint-20: rgb(206, 212, 229);
|
|
|
|
// 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;
|
|
}
|
|
|
|
.nav-link {
|
|
color: inherit;
|
|
}
|
|
|
|
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-tint-80;
|
|
}
|
|
|
|
// 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;
|
|
}
|
|
|
|
h3 img.icon {
|
|
width: 32px;
|
|
height: 32px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
code {
|
|
color: $iseal-secondary-orange;
|
|
}
|
|
|
|
.footer {
|
|
color: $white;
|
|
background-color: $primary;
|
|
|
|
a, a:hover {
|
|
color: inherit;
|
|
}
|
|
}
|