fix style gauge container margin top
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s
All checks were successful
Deploy / Deploy to Production (push) Successful in 9s
This commit is contained in:
parent
4a57c4a3d4
commit
713dc6eca2
12 changed files with 1577 additions and 255 deletions
|
|
@ -1,7 +1,7 @@
|
|||
@charset "UTF-8";
|
||||
:root {
|
||||
--font: "Executive", Arial, sans-serif;
|
||||
--title: "System", Arial, sans-serif;
|
||||
--font: 'Executive', Arial, sans-serif;
|
||||
--title: 'System', Arial, sans-serif;
|
||||
--fs-x-small: 10px;
|
||||
--fs-small: 12px;
|
||||
--fs-normal: 16px;
|
||||
|
|
@ -9,6 +9,14 @@
|
|||
--fs-big: 30px;
|
||||
--fs-x-big: 38px;
|
||||
--fs-button-bold: 22px;
|
||||
}
|
||||
@media screen and (max-width: 720px) {
|
||||
:root {
|
||||
--fs-medium: 20px;
|
||||
--fs-big: 26px;
|
||||
}
|
||||
}
|
||||
:root {
|
||||
--leading-tight: 1;
|
||||
--leading-normal: 1.2;
|
||||
--fw-normal: 400;
|
||||
|
|
@ -34,12 +42,6 @@
|
|||
--h-block: 30px;
|
||||
--curve: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||
}
|
||||
@media screen and (max-width: 720px) {
|
||||
:root {
|
||||
--fs-medium: 20px;
|
||||
--fs-big: 26px;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
|
|
@ -489,15 +491,17 @@ main {
|
|||
z-index: 900;
|
||||
width: calc(100vw - var(--padding-body) * 2);
|
||||
height: var(--header-h);
|
||||
background-color: var(--color-bg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#site-header.is-shrinked {
|
||||
height: var(--header-h-shrinked);
|
||||
border-bottom: var(--border-light);
|
||||
}
|
||||
#site-header {
|
||||
background-color: var(--color-bg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
#site-header .site-title {
|
||||
display: flex;
|
||||
width: 120px;
|
||||
|
|
@ -633,11 +637,13 @@ main {
|
|||
@media screen and (max-width: 720px) {
|
||||
#site-footer .footer__mentions {
|
||||
padding-top: calc(var(--spacing) * 1);
|
||||
text-align: center;
|
||||
}
|
||||
#site-footer .footer__mentions p {
|
||||
margin-top: 0;
|
||||
}
|
||||
#site-footer .footer__mentions {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
[data-template=support] section {
|
||||
|
|
@ -791,7 +797,6 @@ main {
|
|||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: calc(var(--padding-body) * 0.75);
|
||||
display: none;
|
||||
}
|
||||
@media screen and (min-width: 1080px) {
|
||||
#section__donation .btn--donation__container {
|
||||
|
|
@ -807,6 +812,9 @@ main {
|
|||
#section__donation .btn--donation__container .btn--donation__grow-2 {
|
||||
grid-column: span 2;
|
||||
}
|
||||
#section__donation .btn--donation__container {
|
||||
display: none;
|
||||
}
|
||||
#section__donation .btn--donation__container.is-selected {
|
||||
display: grid;
|
||||
}
|
||||
|
|
@ -933,12 +941,14 @@ main {
|
|||
gap: 1ch;
|
||||
font-weight: var(--fw-medium);
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#section__video .btn__deploy:hover {
|
||||
background-color: var(--grey-800);
|
||||
border-color: var(--color-txt);
|
||||
}
|
||||
#section__video .btn__deploy {
|
||||
cursor: pointer;
|
||||
}
|
||||
#section__video .btn__deploy svg {
|
||||
fill: var(--color-txt);
|
||||
width: 10px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue