From 714d8f7ff8425e4177ff6bde4d214ef75be6b1ab Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 24 Dec 2020 15:05:32 +0100
Subject: Added header, improved SCSS structure, use metadata file instead of
param, improved folder structure
---
assets/css/scopes/_page.scss | 93 ++++++++++++++++++++++++++++++++++++++++++++
1 file changed, 93 insertions(+)
create mode 100644 assets/css/scopes/_page.scss
(limited to 'assets/css/scopes')
diff --git a/assets/css/scopes/_page.scss b/assets/css/scopes/_page.scss
new file mode 100644
index 0000000..cf7673c
--- /dev/null
+++ b/assets/css/scopes/_page.scss
@@ -0,0 +1,93 @@
+.s-page {
+ padding-left: $page-item-prefix-width;
+
+ h1,
+ h2,
+ h3,
+ .c-refs__item,
+ pre {
+ position: relative;
+ margin-left: -1 * $page-item-prefix-width;
+ padding-left: $page-item-prefix-width;
+
+ &::before {
+ position: absolute;
+ box-sizing: border-box;
+ display: inline-block;
+ margin-left: -1 * $page-item-prefix-width;
+ padding-right: $page-item-prefix-pad;
+ width: $page-item-prefix-width;
+ color: var(--page-item-prefix-fg);
+ font-size: 1rem;
+ font-weight: normal;
+ text-align: right;
+ }
+
+ @media (max-width: $breakpoint-sm) {
+ margin-left: 0;
+ padding-left: 0;
+
+ &::before {
+ display: none;
+ }
+ }
+ }
+
+ h1::before {
+ content: "#";
+ }
+
+ h2::before {
+ content: "##";
+ }
+
+ h3::before {
+ content: "###";
+ }
+
+ .c-refs__item::before {
+ content: "|>";
+ }
+
+ pre::before {
+ content: str-repeat("``\A", 40);
+ height: 100%;
+ color: var(--page-item-prefix-fg);
+ overflow: hidden;
+ line-height: $code-block-line-height * ($code-block-font-size / $font-size);
+ }
+
+ hr {
+ margin-left: -1 * $page-item-prefix-width;
+ }
+
+ .c-page-header {
+ margin-left: -1 * $page-item-prefix-width;
+ padding-left: $page-item-prefix-width;
+
+ &::after {
+ margin-left: -1 * $page-item-prefix-width;
+ }
+
+ @media (max-width: $breakpoint-sm) {
+ margin-left: 0;
+ padding-left: 0;
+
+ &::after {
+ margin-left: 0;
+ }
+ }
+ }
+
+ .c-nav {
+ margin-left: -1 * $page-item-prefix-width;
+
+ @media (max-width: $breakpoint-sm) {
+ margin-left: 0;
+ }
+ }
+
+ @media (max-width: $breakpoint-sm) {
+ padding-left: 0;
+ }
+}
--
cgit v1.2.3-70-g09d2