chore: tokenize spacing
This commit is contained in:
parent
21cc117690
commit
72c20d6b1c
19 changed files with 86 additions and 81 deletions
|
@ -1,22 +1,21 @@
|
|||
/* now */
|
||||
.now__section--text {
|
||||
padding-left: 1rem;
|
||||
padding-left: var(--sizing-base);
|
||||
}
|
||||
|
||||
.now__section--text p {
|
||||
margin-top: .25rem;
|
||||
margin-bottom: .25rem;
|
||||
margin: var(--sizing-xs) 0;
|
||||
}
|
||||
|
||||
.now__section--text p > svg {
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
height: var(--spacing-base);
|
||||
width: var(--spacing-base);
|
||||
height: var(--sizing-base);
|
||||
width: var(--sizing-base);
|
||||
}
|
||||
|
||||
.now__section--header {
|
||||
margin: 2rem 0 1rem;
|
||||
margin: var(--sizing-3xl) 0 var(--sizing-lg);
|
||||
}
|
||||
|
||||
.now__section--header:first-of-type {
|
||||
|
@ -26,11 +25,11 @@
|
|||
.now__explainer {
|
||||
font-size: var(--font-size-xs);
|
||||
line-height: var(--line-height-xs);
|
||||
padding-top: 1rem;
|
||||
padding-top: var(--sizing-lg);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.now__section--text {
|
||||
padding-left: 2rem;
|
||||
padding-left: var(--sizing-3xl);
|
||||
}
|
||||
}
|
Reference in a new issue