github/hugo-geekdoc
0
0
Fork 0
mirror of https://github.com/thegeeklab/hugo-geekdoc.git synced 2024-11-25 06:10:40 +00:00
Code Issues Projects Releases Wiki Activity

chore: replace size values by vars (#585)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/sass/_base.scss
View File

@ -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;

2
src/sass/_chroma_base.scss
View File

@ -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;
} }
} }

1
src/sass/_defaults.scss
View File

@ -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;

16
src/sass/_markdown.scss
View File

@ -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%;
} }