studio-variable/nouveau-theatre-de-besancon
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

dynamize info banner background color + callour background color

Browse source
This commit is contained in:
isUnknown 2024-09-13 15:29:02 +02:00
parent ea0cb004aa
commit bc2d238a05
18 changed files with 73 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/src/calendar-strip.css
View file

@ -36,7 +36,7 @@
text-align: center;
}
.calendar-strip__day button.today {
color: var(--color-salmon);
color: var(--color-season);
opacity: 1 !important;
}
.calendar-strip__day button span {
@ -62,14 +62,21 @@
left: 0;
top: 100%;
width: 100%;
max-height: 0;
background-color: #fff;
z-index: 0;
transition: max-height 0.5s ease-in-out;
border-bottom: var(--border);
display: grid;
grid-template-rows: 0fr;
transition: all 0.5s ease-in-out;
}
.calendar-strip__date > * {
overflow: hidden;
}
.calendar-strip__date.open {
max-height: 50rem;
grid-template-rows: 1fr;
}
.calendar-strip .session {

2
assets/css/src/callout.css
View file

@ -1,6 +1,6 @@
section.callout {
--padding-vertical: var(--space-m);
background-color: var(--color-blue-light);
background-color: var(--color);
display: flex;
flex-direction: column;
align-items: center;

2
assets/css/src/event-key-infos.css
View file

@ -13,7 +13,7 @@ section.key-infos p {
}
section.key-infos .key-infos__key {
color: var(--color-accent);
color: var(--color-event);
}
section.key-infos .key-infos__key:not(:last-child) {

2
assets/css/src/event-presentation.css
View file

@ -9,7 +9,7 @@
}
.presentation__authors {
color: var(--color-accent);
color: var(--color-event);
}
.presentation__chapo {

2
assets/css/src/hero.css
View file

@ -20,7 +20,7 @@
}
.hero__text h3 {
color: var(--color-salmon);
color: var(--color-season);
font-size: var(--font-size-h2);
}
.hero__text h3:nth-child(odd) {

2
assets/css/src/nav.css
View file

@ -11,7 +11,7 @@
overflow: hidden;
white-space: nowrap;
border-bottom: var(--border);
background-color: var(--color-mint);
background-color: var(--color);
}
.info-banner ul {

6
assets/css/src/ticket.css
View file

@ -43,8 +43,8 @@ a:not([disabled]):hover > .ticket svg,
.ticket:not(a[disabled] .ticket):hover svg path:not(.dot),
a:not([disabled]):hover > .ticket svg path:not(.dot) {
fill: var(--color-salmon);
stroke: var(--color-salmon);
fill: var(--color-season);
stroke: var(--color-season);
}
a.to-blank:hover > .ticket svg path:not(.dot) {
fill: #fff;
@ -56,5 +56,5 @@ a:not([disabled]):hover > .ticket svg path.dot {
fill: #fff;
}
a.to-blank:hover > .ticket svg path.dot {
fill: var(--color-salmon);
fill: var(--color-season);
}

2
assets/css/src/variables.css
View file

@ -32,7 +32,7 @@
--color-red: #ff3300;
--color-duck: #2e8799;
--color-blue: #009eff;
--color-blue-light: #abf1ff;
--color-blue-light: #9ef;
--color-grey: #c4c9cc;
--color-green: #00b477;
--color-mint: #45e6ba;