aboutsummaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
authorAlex Shpak <alex-shpak@users.noreply.github.com>2020-05-30 20:50:08 +0200
committerAlex Shpak <alex-shpak@users.noreply.github.com>2020-05-30 23:22:51 +0200
commitaa7c486e76ec119fa6a73cdeb01789a9ba67aa19 (patch)
treed2db7149fb5d44817f11d839c2306b0eeb644326 /assets
parent1608ade3f4fd949d1b6db687d992945f7d6df5c0 (diff)
Add anchors to headings
Diffstat (limited to 'assets')
-rw-r--r--assets/_markdown.scss52
1 files changed, 39 insertions, 13 deletions
diff --git a/assets/_markdown.scss b/assets/_markdown.scss
index 7840ee3..17ee304 100644
--- a/assets/_markdown.scss
+++ b/assets/_markdown.scss
@@ -1,33 +1,53 @@
-@import 'variables';
+@import "variables";
.markdown {
- line-height: 1.6em;
+ line-height: 1.6;
// remove padding at the beginning of page
> :first-child {
margin-top: 0;
}
- h1, h2, h3, h4, h5, h6 {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
font-weight: normal;
- line-height: 1em;
+ line-height: 1;
margin-top: 1.5em;
margin-bottom: $padding-16;
+
+ a.anchor {
+ display: none;
+ font-size: .75em;
+ vertical-align: middle;
+ text-decoration: none;
+ }
+
+ &:hover a.anchor {
+ display: initial;
+ }
}
- h4, h5, h6 {
+ h4,
+ h5,
+ h6 {
font-weight: bolder;
}
h5 {
- font-size: .875em;
+ font-size: 0.875em;
}
h6 {
- font-size: .75em;
+ font-size: 0.75em;
}
- b, optgroup, strong {
+ b,
+ optgroup,
+ strong {
font-weight: bolder;
}
@@ -50,7 +70,7 @@
padding: 0 $padding-4;
background: $gray-200;
border-radius: $border-radius;
- font-size: .875em;
+ font-size: 0.875em;
}
pre {
@@ -72,8 +92,12 @@
border-inline-start: $padding-4 solid $gray-200;
border-radius: $border-radius;
- :first-child { margin-top: 0; }
- :last-child { margin-bottom: 0; }
+ :first-child {
+ margin-top: 0;
+ }
+ :last-child {
+ margin-bottom: 0;
+ }
}
table {
@@ -84,7 +108,8 @@
margin-top: $padding-16;
margin-bottom: $padding-16;
- tr th, tr td {
+ tr th,
+ tr td {
padding: $padding-8 $padding-16;
border: $padding-1 solid $gray-200;
}
@@ -100,7 +125,8 @@
background: $gray-200;
}
- ul, ol {
+ ul,
+ ol {
padding-inline-start: $padding-16 * 2;
}