studio-variable/index-soutien
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix style gauge container margin top
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s
Details

Browse source
This commit is contained in:
isUnknown 2026-04-22 10:41:39 +02:00
parent 4a57c4a3d4
commit 713dc6eca2
12 changed files with 1577 additions and 255 deletions
Download patch file Download diff file Expand all files Collapse all files

8
assets/css/components/_gauge.scss
View file

@ -1,3 +1,7 @@
.hero-heading p {
margin: 0 !important;
}
.gauge-container {
width: 100%;
display: flex;
@ -8,6 +12,7 @@
top: calc(var(--spacing) * 0.25);
padding: 0 calc(var(--spacing) * 0.5);
padding-top: calc(var(--spacing) * 1);
}
#gauge {
@ -68,11 +73,10 @@
}
}
@media #{$small-up} {
#gauge {
--gauge-h: 18px;
border: 2px solid var(--color-txt);
&::before {
height: calc(var(--gauge-h) - 4px);

113
assets/css/components/_text.scss
View file

@ -1,68 +1,65 @@
[data-template="subscription-newsletter"],
[data-template="thanks"],
[data-template="support"],
[data-template="store"]{
[data-template='subscription-newsletter'],
[data-template='thanks'],
[data-template='support'],
[data-template='store'] {
.hero-heading p {
font-family: var(--title);
font-size: var(--fs-big);
font-weight: var(--fw-bold);
line-height: 1.1;
text-align: center;
margin: calc(var(--spacing) * 1) 0;
.hero-heading{
font-family: var(--title);
font-size: var(--fs-big);
font-weight: var(--fw-bold);
line-height: 1.1;
text-align: center;
margin: calc(var(--spacing)*1) 0;
strong{
font-weight: var(--fw-bolf);
color: var(--color-accent);
}
.link-don{
display: block;
color: var(--color-accent);
text-decoration: none;
// &::after{
// content: ' ↗';
// font-size: 0.8em;
// }
&:hover{
text-decoration: underline 2px;
text-underline-offset: 4px;
}
}
strong {
font-weight: var(--fw-bolf);
color: var(--color-accent);
}
.subheading{
font-size: var(--fs-medium);
font-weight: var(--fw-medium);
line-height: 1.1;
text-align: center;
margin: calc(var(--spacing)*1) 0;
@media #{$small}{
text-align: center;
margin: var(--spacing) 0;
}
.link-don {
display: block;
color: var(--color-accent);
text-decoration: none;
// &::after{
// content: ' ↗';
// font-size: 0.8em;
// }
&:hover {
text-decoration: underline 2px;
text-underline-offset: 4px;
}
}
}
.text-details{
font-size: var(--fs-small);
margin-bottom: 0.5em;
color: var(--grey-400);
.subheading {
font-size: var(--fs-medium);
font-weight: var(--fw-medium);
line-height: 1.1;
text-align: center;
margin: calc(var(--spacing) * 1) 0;
@media #{$small} {
text-align: center;
margin: var(--spacing) 0;
}
}
.section-heading{
font-size: var(--fs-normal);
font-weight: var(--fw-medium);
line-height: 1;
text-align: center;
margin-top: calc(var(--spacing)*0.5);
margin-bottom: calc(var(--spacing)*1);
}
.text-details {
font-size: var(--fs-small);
margin-bottom: 0.5em;
color: var(--grey-400);
}
ul, ol{
margin-left: 3ch;
margin-bottom: 0.5em;
}
.section-heading {
font-size: var(--fs-normal);
font-weight: var(--fw-medium);
line-height: 1;
text-align: center;
margin-top: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 1);
}
ul,
ol {
margin-left: 3ch;
margin-bottom: 0.5em;
}
}