DGNum/demarches-normaliennes
15
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

fix(demande): champ .number css conflict with landing page

Browse source
This commit is contained in:
Colin Darie 2023-06-29 00:28:09 +02:00
parent b040a86840
commit 92a32ef679
1 changed files with 36 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

69
app/assets/stylesheets/landing.scss
View file

@ -145,44 +145,47 @@ $landing-breakpoint: 1040px;
background-color: var(--background-alt-blue-france);
}
.more-info {
background-color: #FFFFFF;
}
.numbers {
@extend %horizontal-list;
justify-content: space-around;
width: 100%;
}
.number {
@extend %horizontal-list-item;
width: 320px;
text-align: center;
@media (max-width: $landing-breakpoint) {
margin-bottom: 15px;
.landing {
.more-info {
background-color: #FFFFFF;
}
}
.number-value {
color: var(--text-action-high-blue-france);
font-size: 2rem;
line-height: 2rem;
font-weight: 600;
}
.numbers {
@extend %horizontal-list;
justify-content: space-around;
width: 100%;
}
.number-label {
max-width: 10rem;
margin: auto;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--text-label-grey);
}
.number {
@extend %horizontal-list-item;
width: 320px;
text-align: center;
.number-label-third {
max-width: 13rem;
@media (max-width: $landing-breakpoint) {
margin-bottom: 15px;
}
}
.number-value {
color: var(--text-action-high-blue-france);
font-size: 2rem;
line-height: 2rem;
font-weight: 600;
}
.number-label {
max-width: 10rem;
margin: auto;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.5rem;
color: var(--text-label-grey);
}
.number-label-third {
max-width: 13rem;
}
}
$users-breakpoint: 950px;