public/website
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Highlighted events opgesplitst in NLUUG en overige events, zodat deze andere kleur krijgen. Ook in een raster gezet met 3 kolommen.

Browse source
This commit is contained in:
Michael Boelen 2023-05-20 13:49:26 +02:00
parent 59a0756692
commit 53310dd1f6
2 changed files with 24 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

26
themes/nluug/assets/scss/styles.scss
View file

@ -4,8 +4,10 @@ $color-button-hover: #17274d;
$color-button-call-to-action: #138808;
$color-button-call-to-action-hover: #0F6D06; // %25 donkerder dan #138808 met encycolorpedia
$color-header: #6A2060;
$color-highlight-box-border: #6A2060;
$color-highlight-box-background: #EBBCE5; // omgezet naar lichtere kleur via https://encycolorpedia.com/6a2060
$color-highlight-box-other-border: #99AFE2;
$color-highlight-box-other-background: #E3E9F7;
$color-highlight-box-nluug-border: #6A2060;
$color-highlight-box-nluug-background: #EBBCE5; // omgezet naar lichtere kleur via https://encycolorpedia.com/6a2060
$color-border: #6A2060;
$color-text-inverse: white;
@ -67,20 +69,30 @@ footer {
}
h1, h2, h3, h4, h5, strong, b {
font-size: inherit;
//font-size: inherit;
font-size: 1.1em;
font-weight: 600;
//text-transform: uppercase;
}
// Highlight-box om bijvoorbeeld onze evenementen opvallend op homepage te laten zien
.highlight-box {
background-color: $color-highlight-box-background;
padding: 10px;
margin: 2px;
border: 2px solid $color-highlight-box-border;
border-radius: 4px;
margin: 2px;
padding: 20px;
}
// Events voor alleen NLUUG-leden krijgen een andere kleur dan events in samenwerking met of die extra aandacht nodig hebben.
.highlight-box-nluug {
background-color: $color-highlight-box-nluug-background;
border: 1px solid $color-highlight-box-nluug-border;
}
.highlight-box-other {
background-color: $color-highlight-box-other-background;
border: 1px solid $color-highlight-box-other-border;
}
.link {
overflow: hidden;
text-overflow: ellipsis;