Initial version.

[static.git] / content / media / css / book_text.scss

diff --git a/content/media/css/book_text.scss b/content/media/css/book_text.scss
new file mode 100644 (file)
index 0000000..2bb5ede
--- /dev/null
+++ b/content/media/css/book_text.scss
@@ -0,0 +1,64 @@
+.main {
+    padding: 0 .5em;
+    line-height: 1.5em;
+
+    h2 {
+        &:hover {
+            .permalink:after {
+                visibility: visible;
+            }
+        }
+
+        .permalink:after {
+            content: '\b6';
+            font-size: .7em;
+            padding: .5em;
+            visibility: hidden;
+        }
+    }
+
+    blockquote {
+        margin: 1em 0 1em 1em;
+        font-style: italic;
+
+        @media screen and (min-width: 24em) {
+            margin: 1.5em;
+        }
+    }
+
+    ul, ol {
+        margin-left: 0;
+        padding-left: 2rem;
+    }
+
+    table {
+        border-collapse: collapse;
+        
+        @media screen and (min-width: 24em) {
+            margin: 1.5em;
+        }
+
+        td {
+            border: 1px solid #444;
+            padding: .5em;
+            vertical-align: top;
+            @media screen and (min-width: 24em) {
+                padding: 1em;
+            }
+        }
+    }
+
+    li {
+        margin: .5em;
+    }
+
+    img {
+        display: block;
+        max-width: 100%;
+        margin: 1em 0;
+    }
+
+    td img {
+        max-width: 8em;
+    }
+}