chore: replace size values by vars (#585)

This commit is contained in:
Robert Kaussow 2023-02-16 10:43:22 +01:00 committed by GitHub
parent 01a48ec54a
commit b00dedf757
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 19 deletions

View file

@ -110,7 +110,7 @@ h6 {
h4,
h5,
h6 {
font-size: 1rem !important;
font-size: $font-size-16 !important;
}
a {
@ -202,8 +202,8 @@ svg.gdoc-icon {
&__img {
margin-right: $padding-16;
width: 2rem;
height: 2rem;
width: $padding-32;
height: $padding-32;
}
}
@ -261,7 +261,7 @@ svg.gdoc-icon {
}
&__list {
padding-left: 1em;
padding-left: $padding-16;
margin: 0;
padding: 0;
list-style: none;
@ -404,8 +404,8 @@ svg.gdoc-icon {
margin-left: $padding-8;
svg.gdoc-icon {
width: 1.4em;
height: 1.4em;
width: 1.25em;
height: 1.25em;
color: transparent;
}
@ -507,14 +507,14 @@ svg.gdoc-icon {
&__codecopy {
visibility: hidden;
position: absolute;
top: 0.5rem;
right: 1rem;
top: $padding-8;
right: $padding-8;
border: $border-2 solid var(--code-copy-border-color);
border-radius: $border-radius;
background: var(--code-copy-background);
width: 2.2rem;
height: 2.2rem;
width: $padding-32;
height: $padding-32;
svg.gdoc-icon {
top: 0;
@ -546,7 +546,7 @@ svg.gdoc-icon {
}
&__item {
line-height: 2em;
line-height: $padding-32;
&--row {
margin-right: $padding-16;

View file

@ -45,6 +45,6 @@
}
.chroma .lntable td:nth-child(2) {
width: 100%;
margin-left: 2em;
margin-left: $padding-32;
}
}

View file

@ -3,6 +3,7 @@ $padding-2: 0.125rem !default;
$padding-4: 0.25rem !default;
$padding-8: 0.5rem !default;
$padding-16: 1rem !default;
$padding-20: 1.25rem !default;
$padding-24: 1.5rem !default;
$padding-32: 2rem !default;
$padding-48: 3rem !default;

View file

@ -1,5 +1,5 @@
.gdoc-markdown {
line-height: 1.6em;
line-height: $padding-24;
h1,
h2,
@ -7,9 +7,11 @@
h4,
h5,
h6 {
font-weight: 600;
> code {
border-top: $border-4 solid var(--accent-color);
font-size: 0.75em !important;
font-size: $font-size-12 !important;
}
}
@ -17,7 +19,7 @@
h5,
h6 {
> code {
font-size: 0.8rem !important;
font-size: $font-size-14 !important;
}
}
@ -161,7 +163,7 @@
}
code {
padding: 0.2em 0.4em;
padding: $padding-4 $padding-8;
}
pre,
@ -169,13 +171,13 @@
background-color: var(--code-background);
border-radius: $border-radius;
color: var(--code-font-color);
font-size: 0.85rem;
line-height: 1.45em;
font-size: $font-size-14;
line-height: $padding-16;
}
pre code {
display: block;
padding: 1rem;
padding: $padding-16;
width: 100%;
}