diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-29 12:24:04 +0100 | 
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-29 12:24:04 +0100 | 
| commit | 381297c95c7446182e90e459cd0257a8fc86b4cf (patch) | |
| tree | 5a330a18ea60d983bc6f05976295a316a8ad7a24 /assets/css/scopes/_page.scss | |
| parent | Handle blog entry categories (diff) | |
| download | volpeon.ink-381297c95c7446182e90e459cd0257a8fc86b4cf.tar.gz volpeon.ink-381297c95c7446182e90e459cd0257a8fc86b4cf.tar.bz2 volpeon.ink-381297c95c7446182e90e459cd0257a8fc86b4cf.zip | |
Improved CSS classes for page content, added proper ref list macro, build scripts load and watch Pandoc filters automatically
Diffstat (limited to 'assets/css/scopes/_page.scss')
| -rw-r--r-- | assets/css/scopes/_page.scss | 107 | 
1 files changed, 0 insertions, 107 deletions
| diff --git a/assets/css/scopes/_page.scss b/assets/css/scopes/_page.scss index 6448d08..bf3df8d 100644 --- a/assets/css/scopes/_page.scss +++ b/assets/css/scopes/_page.scss | |||
| @@ -1,70 +1,4 @@ | |||
| 1 | .s-page { | 1 | .s-page { | 
| 2 | &__content { | ||
| 3 | padding-left: $page--item-prefix--width; | ||
| 4 | |||
| 5 | > :first-child { | ||
| 6 | margin-top: 0; | ||
| 7 | } | ||
| 8 | } | ||
| 9 | |||
| 10 | h1, | ||
| 11 | h2, | ||
| 12 | h3, | ||
| 13 | .s-refs li, | ||
| 14 | pre { | ||
| 15 | position: relative; | ||
| 16 | margin-left: -1 * $page--item-prefix--width; | ||
| 17 | padding-left: $page--item-prefix--width; | ||
| 18 | |||
| 19 | &::before { | ||
| 20 | display: inline-block; | ||
| 21 | position: absolute; | ||
| 22 | box-sizing: border-box; | ||
| 23 | width: $page--item-prefix--width; | ||
| 24 | margin-left: -1 * $page--item-prefix--width; | ||
| 25 | padding-right: $page--item-prefix--pad; | ||
| 26 | color: var(--page--item-prefix--fg); | ||
| 27 | font-weight: normal; | ||
| 28 | text-align: right; | ||
| 29 | } | ||
| 30 | } | ||
| 31 | |||
| 32 | h1 { | ||
| 33 | font-size: px-to-em($content--h1--font-size); | ||
| 34 | |||
| 35 | &::before { | ||
| 36 | content: '#'; | ||
| 37 | font-size: px-to-em($font-size, $content--h1--font-size); | ||
| 38 | } | ||
| 39 | } | ||
| 40 | |||
| 41 | h2::before { | ||
| 42 | content: '##'; | ||
| 43 | } | ||
| 44 | |||
| 45 | h3::before { | ||
| 46 | content: '###'; | ||
| 47 | } | ||
| 48 | |||
| 49 | .s-refs li::before { | ||
| 50 | content: '->'; | ||
| 51 | } | ||
| 52 | |||
| 53 | pre { | ||
| 54 | margin-top: $line-height * 1em; | ||
| 55 | |||
| 56 | &::before { | ||
| 57 | content: str-repeat('``\A', 40); | ||
| 58 | height: 100%; | ||
| 59 | overflow: hidden; | ||
| 60 | color: var(--page--item-prefix--fg); | ||
| 61 | } | ||
| 62 | } | ||
| 63 | |||
| 64 | hr { | ||
| 65 | margin-left: -1 * $page--item-prefix--width; | ||
| 66 | } | ||
| 67 | |||
| 68 | :link { | 2 | :link { | 
| 69 | color: var(--page--link--idle--fg); | 3 | color: var(--page--link--idle--fg); | 
| 70 | } | 4 | } | 
| @@ -80,45 +14,4 @@ | |||
| 80 | color: var(--page--link--hover--fg); | 14 | color: var(--page--link--hover--fg); | 
| 81 | } | 15 | } | 
| 82 | } | 16 | } | 
| 83 | |||
| 84 | .c-page-header { | ||
| 85 | margin-left: -1 * $page--item-prefix--width; | ||
| 86 | padding-left: $page--item-prefix--width; | ||
| 87 | |||
| 88 | &::after { | ||
| 89 | margin-left: -1 * $page--item-prefix--width; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | |||
| 93 | @media (max-width: map-get($breakpoints, 'sm')) { | ||
| 94 | &__content { | ||
| 95 | padding-left: 0; | ||
| 96 | } | ||
| 97 | |||
| 98 | h1, | ||
| 99 | h2, | ||
| 100 | h3, | ||
| 101 | .s-refs li, | ||
| 102 | pre { | ||
| 103 | margin-left: 0; | ||
| 104 | padding-left: 0; | ||
| 105 | |||
| 106 | &::before { | ||
| 107 | display: none; | ||
| 108 | } | ||
| 109 | } | ||
| 110 | |||
| 111 | hr { | ||
| 112 | margin-left: 0; | ||
| 113 | } | ||
| 114 | |||
| 115 | .c-page-header { | ||
| 116 | margin-left: 0; | ||
| 117 | padding-left: 0; | ||
| 118 | |||
| 119 | &::after { | ||
| 120 | margin-left: 0; | ||
| 121 | } | ||
| 122 | } | ||
| 123 | } | ||
| 124 | } | 17 | } | 
