summaryrefslogtreecommitdiffstats
path: root/assets/css/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/scopes')
-rw-r--r--assets/css/scopes/_page.scss160
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}