initial commit

css/modules/_text.scss

@@ -0,0 +1,108 @@
+sup{
+    line-height: 0;
+}
+
+hr{
+    border: none;
+    height: var(--baseline);
+}
+
+a{
+    color: currentColor;
+    text-decoration: none;
+}
+
+p{
+    text-align: justify;
+    orphans: 2;
+    widows: 2;
+}
+
+p, li{
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3 4;
+    hyphenate-limit-lines: 2;
+    hyphenate-limit-zone: 8%;
+    word-spacing: -0.004em;
+}
+
+                                                                                                                                                      
+
+ol[type="1"]{
+    list-style-type: none; 
+    position: relative; 
+    break-after: avoid;
+
+    position: absolute;
+    left: calc(var(--indent)*-3);
+    &::before{
+        content: attr(start);
+        font-family: var(--font-sans);
+        // font-weight: 200;
+        font-size: 0.6rem; 
+        color: #999; 
+        display: block;
+        padding: 0px 2px;
+        border: 1px solid #efefef;
+
+        min-width: 1.5ch;
+        display: flex;
+        justify-content: center;
+    }
+
+                                                                                                                 
+   
+}
+
+.pagedjs_left_page{
+    ol[type="1"] {
+        left: inherit;
+        right: calc(var(--indent)*-3);
+    }
+}
+
+p + p,
+ol[type="1"] + p{
+    text-indent: calc(var(--indent)*0.5);
+}
+
+
+
+blockquote{
+    padding-left: var(--indent);
+    margin-top: calc(var(--baseline)*1);
+    margin-bottom: calc(var(--baseline)*1);
+    
+    p{
+        font-style: italic;
+        em{
+            font-style: normal;
+        }
+    }
+
+
+    u{
+          font-variant: small-caps;
+          text-decoration: none;
+    }
+    
+}
+
+blockquote + ol + p{ text-indent: 0px; }
+
+
+
+.these{
+    &::before{
+        content: "---"
+    }
+    &::after{
+        content: "---";
+    }
+    &::before, &::after{
+        display: flex;
+        // width: 3ch;
+        justify-content: center;
+    }
+
+}