| @@ -1,80 +1,6 @@ |
| 1 | ._sanctuary { | 1 | ._sanctuary { |
| 2 | @extend %simple; | 2 | @extend %simple; |
| 3 | | 3 | |
| 4 | --base-font-size: 14px; | | |
| 5 | | | |
| 6 | --h2-padding-top: 0.5em; | | |
| 7 | --h2-line-height: 1.25rem; | | |
| 8 | --h2-padding-bottom: 0.5em; | | |
| 9 | --h2-border-bottom-width: 1px; | | |
| 10 | --h2-margin-bottom: 1em; | | |
| 11 | | | |
| 12 | --h3-padding-top: 1px; | | |
| 13 | --h3-line-height: 1.375rem; | | |
| 14 | --h3-padding-bottom: 2px; | | |
| 15 | --h3-border-bottom-width: 1px; | | |
| 16 | --h3-margin-bottom: 1em; | | |
| 17 | | | |
| 18 | --h4-padding-top: 0px; | | |
| 19 | --h4-line-height: calc(1.3 * var(--base-font-size)); | | |
| 20 | --h4-padding-bottom: 0px; | | |
| 21 | --h4-margin-bottom: 1em; | | |
| 22 | | | |
| 23 | padding-left: 32px; | | |
| 24 | | | |
| 25 | .pilcrow { | | |
| 26 | position: absolute; | | |
| 27 | display: block; | | |
| 28 | width: 24px; | | |
| 29 | text-align: center; | | |
| 30 | text-decoration: none; | | |
| 31 | font-weight: var(--bolderFontWeight); | | |
| 32 | | | |
| 33 | html._theme-default & { | | |
| 34 | color: #eee; | | |
| 35 | &:hover { color: var(--linkColor); } | | |
| 36 | } | | |
| 37 | html._theme-dark & { | | |
| 38 | color: #555; | | |
| 39 | &:hover { color: var(--linkColor); } | | |
| 40 | } | | |
| 41 | } | | |
| 42 | | | |
| 43 | .pilcrow.h2 { | | |
| 44 | margin-left: -40px; | | |
| 45 | margin-top: calc(0px - (var(--h2-padding-top) + | | |
| 46 | var(--h2-line-height) + | | |
| 47 | var(--h2-padding-bottom) + | | |
| 48 | var(--h2-border-bottom-width) + | | |
| 49 | var(--h2-margin-bottom))); | | |
| 50 | padding: var(--h2-padding-top) 0 var(--h2-padding-bottom); | | |
| 51 | font-size: 1rem; | | |
| 52 | line-height: var(--h2-line-height); | | |
| 53 | } | | |
| 54 | | | |
| 55 | .pilcrow.h3 { | | |
| 56 | margin-left: -40px; | | |
| 57 | margin-top: calc(0px - (var(--h3-padding-top) + | | |
| 58 | var(--h3-line-height) + | | |
| 59 | var(--h3-padding-bottom) + | | |
| 60 | var(--h3-border-bottom-width) + | | |
| 61 | var(--h3-margin-bottom))); | | |
| 62 | padding: var(--h3-padding-top) 0 var(--h3-padding-bottom); | | |
| 63 | font-size: inherit; | | |
| 64 | line-height: var(--h3-line-height); | | |
| 65 | } | | |
| 66 | | | |
| 67 | .pilcrow.h4 { | | |
| 68 | margin-left: -24px; | | |
| 69 | margin-top: calc(0px - (var(--h4-padding-top) + | | |
| 70 | var(--h4-line-height) + | | |
| 71 | var(--h4-padding-bottom) + | | |
| 72 | var(--h4-margin-bottom))); | | |
| 73 | padding: var(--h4-padding-top) 0 var(--h4-padding-bottom); | | |
| 74 | font-size: inherit; | | |
| 75 | line-height: var(--h4-line-height); | | |
| 76 | } | | |
| 77 | | | |
| 78 | pre > code { | 4 | pre > code { |
| 79 | font-size: inherit; | 5 | font-size: inherit; |
| 80 | } | 6 | } |