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,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-size: 1rem !important;
|
font-size: $font-size-16 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -202,8 +202,8 @@ svg.gdoc-icon {
|
||||||
|
|
||||||
&__img {
|
&__img {
|
||||||
margin-right: $padding-16;
|
margin-right: $padding-16;
|
||||||
width: 2rem;
|
width: $padding-32;
|
||||||
height: 2rem;
|
height: $padding-32;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -261,7 +261,7 @@ svg.gdoc-icon {
|
||||||
}
|
}
|
||||||
|
|
||||||
&__list {
|
&__list {
|
||||||
padding-left: 1em;
|
padding-left: $padding-16;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
@ -404,8 +404,8 @@ svg.gdoc-icon {
|
||||||
margin-left: $padding-8;
|
margin-left: $padding-8;
|
||||||
|
|
||||||
svg.gdoc-icon {
|
svg.gdoc-icon {
|
||||||
width: 1.4em;
|
width: 1.25em;
|
||||||
height: 1.4em;
|
height: 1.25em;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -507,14 +507,14 @@ svg.gdoc-icon {
|
||||||
&__codecopy {
|
&__codecopy {
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.5rem;
|
top: $padding-8;
|
||||||
right: 1rem;
|
right: $padding-8;
|
||||||
|
|
||||||
border: $border-2 solid var(--code-copy-border-color);
|
border: $border-2 solid var(--code-copy-border-color);
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
background: var(--code-copy-background);
|
background: var(--code-copy-background);
|
||||||
width: 2.2rem;
|
width: $padding-32;
|
||||||
height: 2.2rem;
|
height: $padding-32;
|
||||||
|
|
||||||
svg.gdoc-icon {
|
svg.gdoc-icon {
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -546,7 +546,7 @@ svg.gdoc-icon {
|
||||||
}
|
}
|
||||||
|
|
||||||
&__item {
|
&__item {
|
||||||
line-height: 2em;
|
line-height: $padding-32;
|
||||||
|
|
||||||
&--row {
|
&--row {
|
||||||
margin-right: $padding-16;
|
margin-right: $padding-16;
|
||||||
|
|
|
@ -45,6 +45,6 @@
|
||||||
}
|
}
|
||||||
.chroma .lntable td:nth-child(2) {
|
.chroma .lntable td:nth-child(2) {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 2em;
|
margin-left: $padding-32;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,6 +3,7 @@ $padding-2: 0.125rem !default;
|
||||||
$padding-4: 0.25rem !default;
|
$padding-4: 0.25rem !default;
|
||||||
$padding-8: 0.5rem !default;
|
$padding-8: 0.5rem !default;
|
||||||
$padding-16: 1rem !default;
|
$padding-16: 1rem !default;
|
||||||
|
$padding-20: 1.25rem !default;
|
||||||
$padding-24: 1.5rem !default;
|
$padding-24: 1.5rem !default;
|
||||||
$padding-32: 2rem !default;
|
$padding-32: 2rem !default;
|
||||||
$padding-48: 3rem !default;
|
$padding-48: 3rem !default;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.gdoc-markdown {
|
.gdoc-markdown {
|
||||||
line-height: 1.6em;
|
line-height: $padding-24;
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
|
@ -7,9 +7,11 @@
|
||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
|
font-weight: 600;
|
||||||
|
|
||||||
> code {
|
> code {
|
||||||
border-top: $border-4 solid var(--accent-color);
|
border-top: $border-4 solid var(--accent-color);
|
||||||
font-size: 0.75em !important;
|
font-size: $font-size-12 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -17,7 +19,7 @@
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
> code {
|
> code {
|
||||||
font-size: 0.8rem !important;
|
font-size: $font-size-14 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -161,7 +163,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
padding: 0.2em 0.4em;
|
padding: $padding-4 $padding-8;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre,
|
pre,
|
||||||
|
@ -169,13 +171,13 @@
|
||||||
background-color: var(--code-background);
|
background-color: var(--code-background);
|
||||||
border-radius: $border-radius;
|
border-radius: $border-radius;
|
||||||
color: var(--code-font-color);
|
color: var(--code-font-color);
|
||||||
font-size: 0.85rem;
|
font-size: $font-size-14;
|
||||||
line-height: 1.45em;
|
line-height: $padding-16;
|
||||||
}
|
}
|
||||||
|
|
||||||
pre code {
|
pre code {
|
||||||
display: block;
|
display: block;
|
||||||
padding: 1rem;
|
padding: $padding-16;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue