chore: replace size values by vars (#585)
This commit is contained in:
parent
01a48ec54a
commit
b00dedf757
4 changed files with 22 additions and 19 deletions
|
@ -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;
|
||||
|
|
|
@ -45,6 +45,6 @@
|
|||
}
|
||||
.chroma .lntable td:nth-child(2) {
|
||||
width: 100%;
|
||||
margin-left: 2em;
|
||||
margin-left: $padding-32;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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%;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue