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