summaryrefslogtreecommitdiffstats
path: root/assets/css/scopes
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/scopes')
-rw-r--r--assets/css/scopes/_page.scss76
1 files changed, 45 insertions, 31 deletions
diff --git a/assets/css/scopes/_page.scss b/assets/css/scopes/_page.scss
index 4a97b79..21d49d0 100644
--- a/assets/css/scopes/_page.scss
+++ b/assets/css/scopes/_page.scss
@@ -1,8 +1,12 @@
1.s-page { 1.s-page {
2 padding-left: $page-item-prefix-width; 2 font-size: px-to-em($content-font-size);
3 3
4 > :first-child { 4 &__content {
5 margin-top: 0; 5 padding-left: $page-item-prefix-width;
6
7 > :first-child {
8 margin-top: 0;
9 }
6 } 10 }
7 11
8 h1, 12 h1,
@@ -22,25 +26,20 @@
22 padding-right: $page-item-prefix-pad; 26 padding-right: $page-item-prefix-pad;
23 width: $page-item-prefix-width; 27 width: $page-item-prefix-width;
24 color: var(--page-item-prefix-fg); 28 color: var(--page-item-prefix-fg);
25 font-size: 1rem;
26 font-weight: normal; 29 font-weight: normal;
27 text-align: right; 30 text-align: right;
28 } 31 }
32 }
29 33
30 @media (max-width: $breakpoint-sm) { 34 h1 {
31 margin-left: 0; 35 font-size: px-to-em($content-h1-font-size, $content-font-size);
32 padding-left: 0;
33 36
34 &::before { 37 &::before {
35 display: none; 38 content: "#";
36 } 39 font-size: px-to-em($content-font-size, $content-h1-font-size);
37 } 40 }
38 } 41 }
39 42
40 h1::before {
41 content: "#";
42 }
43
44 h2::before { 43 h2::before {
45 content: "##"; 44 content: "##";
46 } 45 }
@@ -53,12 +52,16 @@
53 content: "|>"; 52 content: "|>";
54 } 53 }
55 54
56 pre::before { 55 pre {
57 content: str-repeat("``\A", 40); 56 font-size: px-to-em($font-size, $content-font-size);
58 height: 100%; 57
59 color: var(--page-item-prefix-fg); 58 &::before {
60 overflow: hidden; 59 content: str-repeat("``\A", 40);
61 line-height: $code-block-line-height * ($code-block-font-size / $font-size); 60 height: 100%;
61 color: var(--page-item-prefix-fg);
62 overflow: hidden;
63 line-height: $code-block-line-height;
64 }
62 } 65 }
63 66
64 hr { 67 hr {
@@ -72,26 +75,37 @@
72 &::after { 75 &::after {
73 margin-left: -1 * $page-item-prefix-width; 76 margin-left: -1 * $page-item-prefix-width;
74 } 77 }
78 }
79
80 @media (max-width: map-get($breakpoints, "sm")) {
81 &__content {
82 padding-left: 0;
83 }
75 84
76 @media (max-width: $breakpoint-sm) { 85 h1,
86 h2,
87 h3,
88 .c-refs__item,
89 pre {
77 margin-left: 0; 90 margin-left: 0;
78 padding-left: 0; 91 padding-left: 0;
79 92
80 &::after { 93 &::before {
81 margin-left: 0; 94 display: none;
82 } 95 }
83 } 96 }
84 }
85
86 .c-nav {
87 margin-left: -1 * $page-item-prefix-width;
88 97
89 @media (max-width: $breakpoint-sm) { 98 hr {
90 margin-left: 0; 99 margin-left: 0;
91 } 100 }
92 }
93 101
94 @media (max-width: $breakpoint-sm) { 102 .c-page-header {
95 padding-left: 0; 103 margin-left: 0;
104 padding-left: 0;
105
106 &::after {
107 margin-left: 0;
108 }
109 }
96 } 110 }
97} 111}