diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-27 22:03:42 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-27 22:03:42 +0100 |
| commit | 517fc58cf46595990fd5af64a1bd647ee5ac3c08 (patch) | |
| tree | 3720064c91a95230b1208352b9fa63b554e1b0cd /assets/css/scopes | |
| parent | Build script: Improved path and relative link calculation, added vars to conf... (diff) | |
| download | volpeon.ink-517fc58cf46595990fd5af64a1bd647ee5ac3c08.tar.gz volpeon.ink-517fc58cf46595990fd5af64a1bd647ee5ac3c08.tar.bz2 volpeon.ink-517fc58cf46595990fd5af64a1bd647ee5ac3c08.zip | |
Added stylelint, generate some metadata automatically
Diffstat (limited to 'assets/css/scopes')
| -rw-r--r-- | assets/css/scopes/_page.scss | 160 |
1 files changed, 80 insertions, 80 deletions
diff --git a/assets/css/scopes/_page.scss b/assets/css/scopes/_page.scss index 7c9e2d4..a27c1a2 100644 --- a/assets/css/scopes/_page.scss +++ b/assets/css/scopes/_page.scss | |||
| @@ -1,106 +1,106 @@ | |||
| 1 | .s-page { | 1 | .s-page { |
| 2 | &__content { | 2 | &__content { |
| 3 | padding-left: $page--item-prefix--width; | 3 | padding-left: $page--item-prefix--width; |
| 4 | 4 | ||
| 5 | > :first-child { | 5 | > :first-child { |
| 6 | margin-top: 0; | 6 | margin-top: 0; |
| 7 | } | ||
| 7 | } | 8 | } |
| 8 | } | ||
| 9 | 9 | ||
| 10 | h1, | 10 | h1, |
| 11 | h2, | 11 | h2, |
| 12 | h3, | 12 | h3, |
| 13 | .c-refs__item, | 13 | .c-refs__item, |
| 14 | pre { | 14 | pre { |
| 15 | position: relative; | 15 | position: relative; |
| 16 | margin-left: -1 * $page--item-prefix--width; | 16 | margin-left: -1 * $page--item-prefix--width; |
| 17 | padding-left: $page--item-prefix--width; | 17 | padding-left: $page--item-prefix--width; |
| 18 | 18 | ||
| 19 | &::before { | 19 | &::before { |
| 20 | position: absolute; | 20 | display: inline-block; |
| 21 | box-sizing: border-box; | 21 | position: absolute; |
| 22 | display: inline-block; | 22 | box-sizing: border-box; |
| 23 | margin-left: -1 * $page--item-prefix--width; | 23 | width: $page--item-prefix--width; |
| 24 | padding-right: $page--item-prefix--pad; | 24 | margin-left: -1 * $page--item-prefix--width; |
| 25 | width: $page--item-prefix--width; | 25 | padding-right: $page--item-prefix--pad; |
| 26 | color: var(--page--item-prefix--fg); | 26 | color: var(--page--item-prefix--fg); |
| 27 | font-weight: normal; | 27 | font-weight: normal; |
| 28 | text-align: right; | 28 | text-align: right; |
| 29 | } | ||
| 29 | } | 30 | } |
| 30 | } | ||
| 31 | 31 | ||
| 32 | h1 { | 32 | h1 { |
| 33 | font-size: px-to-em($content--h1--font-size); | 33 | font-size: px-to-em($content--h1--font-size); |
| 34 | 34 | ||
| 35 | &::before { | 35 | &::before { |
| 36 | content: "#"; | 36 | content: '#'; |
| 37 | font-size: px-to-em($font-size, $content--h1--font-size); | 37 | font-size: px-to-em($font-size, $content--h1--font-size); |
| 38 | } | ||
| 38 | } | 39 | } |
| 39 | } | ||
| 40 | 40 | ||
| 41 | h2::before { | 41 | h2::before { |
| 42 | content: "##"; | 42 | content: '##'; |
| 43 | } | ||
| 44 | |||
| 45 | h3::before { | ||
| 46 | content: "###"; | ||
| 47 | } | ||
| 48 | |||
| 49 | .c-refs__item::before { | ||
| 50 | content: "|>"; | ||
| 51 | } | ||
| 52 | |||
| 53 | pre { | ||
| 54 | &::before { | ||
| 55 | content: str-repeat("``\A", 40); | ||
| 56 | height: 100%; | ||
| 57 | color: var(--page--item-prefix--fg); | ||
| 58 | overflow: hidden; | ||
| 59 | } | 43 | } |
| 60 | } | ||
| 61 | 44 | ||
| 62 | hr { | 45 | h3::before { |
| 63 | margin-left: -1 * $page--item-prefix--width; | 46 | content: '###'; |
| 64 | } | ||
| 65 | |||
| 66 | .c-page-header { | ||
| 67 | margin-left: -1 * $page--item-prefix--width; | ||
| 68 | padding-left: $page--item-prefix--width; | ||
| 69 | |||
| 70 | &::after { | ||
| 71 | margin-left: -1 * $page--item-prefix--width; | ||
| 72 | } | 47 | } |
| 73 | } | ||
| 74 | 48 | ||
| 75 | @media (max-width: map-get($breakpoints, "sm")) { | 49 | .c-refs__item::before { |
| 76 | &__content { | 50 | content: '|>'; |
| 77 | padding-left: 0; | ||
| 78 | } | 51 | } |
| 79 | 52 | ||
| 80 | h1, | ||
| 81 | h2, | ||
| 82 | h3, | ||
| 83 | .c-refs__item, | ||
| 84 | pre { | 53 | pre { |
| 85 | margin-left: 0; | 54 | &::before { |
| 86 | padding-left: 0; | 55 | content: str-repeat('``\A', 40); |
| 87 | 56 | height: 100%; | |
| 88 | &::before { | 57 | overflow: hidden; |
| 89 | display: none; | 58 | color: var(--page--item-prefix--fg); |
| 90 | } | 59 | } |
| 91 | } | 60 | } |
| 92 | 61 | ||
| 93 | hr { | 62 | hr { |
| 94 | margin-left: 0; | 63 | margin-left: -1 * $page--item-prefix--width; |
| 95 | } | 64 | } |
| 96 | 65 | ||
| 97 | .c-page-header { | 66 | .c-page-header { |
| 98 | margin-left: 0; | 67 | margin-left: -1 * $page--item-prefix--width; |
| 99 | padding-left: 0; | 68 | padding-left: $page--item-prefix--width; |
| 69 | |||
| 70 | &::after { | ||
| 71 | margin-left: -1 * $page--item-prefix--width; | ||
| 72 | } | ||
| 73 | } | ||
| 74 | |||
| 75 | @media (max-width: map-get($breakpoints, 'sm')) { | ||
| 76 | &__content { | ||
| 77 | padding-left: 0; | ||
| 78 | } | ||
| 79 | |||
| 80 | h1, | ||
| 81 | h2, | ||
| 82 | h3, | ||
| 83 | .c-refs__item, | ||
| 84 | pre { | ||
| 85 | margin-left: 0; | ||
| 86 | padding-left: 0; | ||
| 87 | |||
| 88 | &::before { | ||
| 89 | display: none; | ||
| 90 | } | ||
| 91 | } | ||
| 92 | |||
| 93 | hr { | ||
| 94 | margin-left: 0; | ||
| 95 | } | ||
| 96 | |||
| 97 | .c-page-header { | ||
| 98 | margin-left: 0; | ||
| 99 | padding-left: 0; | ||
| 100 | 100 | ||
| 101 | &::after { | 101 | &::after { |
| 102 | margin-left: 0; | 102 | margin-left: 0; |
| 103 | } | 103 | } |
| 104 | } | ||
| 104 | } | 105 | } |
| 105 | } | ||
| 106 | } | 106 | } |
