2 files changed, 13 insertions(+), 69 deletions(-)

M src/main.css.pp
M src/pollen.rkt

@@ 12,6 12,8 @@
 ◊(define workshop-footer-top-spacing (* time-icon-spacing 5))
 ◊(define training-headline-spacing (* time-icon-spacing 10))
 
+/* Development */
+
 div.todo {
     background-color: pink;
     border: 1px solid red;


@@ 19,6 21,8 @@ div.todo {
     padding: 12px;
 }
 
+/* Accessibility */
+
 .sr-only {
   border: 0 !important;
   clip: rect(1px, 1px, 1px, 1px) !important;


@@ 32,7 36,7 @@ div.todo {
   white-space: nowrap !important;
 }
 
-/* Basic font settings */
+/* Landing page settings */
 body {
   font-family: ◊|serif-font|, serif;
   font-feature-settings: "kern", "liga" on;


@@ 375,7 379,6 @@ body.chapter-page footer {
     padding: 30px;
 }
 
-◊(define time-icon-spacing 6)
 ◊(define heading-time-spacing (* 2 time-icon-spacing))
 ◊(define heading-title-spacing (* 2 heading-time-spacing))
 ◊(define time-pagenav-spacing (* 3 heading-time-spacing))


@@ 383,18 386,9 @@ body.chapter-page footer {
 ◊(define main-footer-spacing (* 12 heading-time-spacing))
 ◊(define paragraph-spacing heading-time-spacing)
 ◊(define paragraph-heading-spacing (* 4 paragraph-spacing))
-◊(define action-spacing (* 3 paragraph-spacing))
-◊(define action-icon-spacing (* 2 time-icon-spacing))
-◊(define action-indent action-spacing)
-◊(define snippet-indent action-indent)
-◊(define minibuffer-indent action-indent)
-◊(define list-indent action-indent)
-◊(define list-spacing action-spacing)
-◊(define minibuffer-spacing action-spacing)
-◊(define snippet-spacing action-spacing)
-◊(define book-navigation-button-spacing (* 2 time-icon-spacing))
-◊(define quotation-indent action-indent)
-◊(define quotation-paragraph-spacing (* 4 paragraph-spacing))
+◊(define snippet-spacing (* 3 paragraph-spacing))
+◊(define list-indent snippet-spacing)
+◊(define list-spacing snippet-spacing)
 ◊(define article-paragraph-spacing (* 4 paragraph-spacing))
 ◊(define image-spacing (* 4 paragraph-spacing))
 ◊(define image-padding-spacing (* 2 paragraph-spacing))


@@ 494,35 488,19 @@ body.chapter-page main ul {
     margin-right: ◊|list-indent|px;
 }
 
-body.chapter-page main pre.minibuffer {
-  margin-top: ◊|minibuffer-spacing|px;
-  margin-bottom: ◊|minibuffer-spacing|px;
-  margin-left: ◊|minibuffer-indent|px;
-  margin-right: ◊|minibuffer-indent|px;
-}
-
-body.chapter-page main div.buffer,
-body.chapter-page main div.special-form,
-body.chapter-page main p.screenshot,
-body.chapter-page main img.screenshot,
-body.chapter-page main > div.snippet,
-body.chapter-page main > div.env {
+body.chapter-page main div.snippet {
   margin-top: ◊|snippet-spacing|px;
   margin-bottom: ◊|snippet-spacing|px;
 }
 
-body.chapter-page main div.buffer > * {
+body.chapter-page main div.snippet > * {
     padding-left: 10px;
 }
 
-body.chapter-page main div.buffer {
+body.chapter-page main div.snippet {
     overflow-x: auto;
 }
 
-body.chapter-page main div.book div.snippet {
-    margin-bottom: 0;
-}
-
 body.chapter-page main h2 {
   margin-top: ◊|paragraph-heading-spacing|px;
 }


@@ 531,25 509,6 @@ body.chapter-page main h3 {
   margin-top: ◊|paragraph-heading-spacing|px;
 }
 
-
-body.chapter-page main div.quotation {
-    margin-bottom: ◊|quotation-paragraph-spacing|px;
-}
-
-body.chapter-page main div.quotation > p {
-    padding: 0 ◊|quotation-indent|px 0 ◊|quotation-indent|px;
-    font-style: italic;
-}
-
-body.chapter-page main div.quotation > p.author {
-    font-weight: 600;
-    text-align: right;
-}
-
-body.chapter-page main div.quotation > p.author:before {
-  content: "⸺ ";
-}
-
 body.chapter-page main div.diagram {
     margin: ◊|image-spacing|px auto;
     padding: ◊|image-padding-spacing|px;


@@ 570,21 529,6 @@ body.chapter-page {
     color: ◊|light-colour|;
 }
 
-body.chapter-page main p.screenshot {
-  background-color: ◊|snippet-bg-colour|;
-  font-style: italic;
-  height: 200px;
-  padding-top: 20px;
-  text-align: center;
-}
-
-body.chapter-page main img.screenshot {
-    width: 100%;
-}
-
-body.chapter-page main pre.minibuffer,
-body.chapter-page main div.buffer,
-body.chapter-page main div.special-form,
 body.chapter-page main div.snippet {
   padding: 1px 0 1px 0;
   background-color: ◊|snippet-bg-colour|;


@@ 656,7 600,7 @@ body.chapter-page main div.highlight div.scala .kt { color: ◊|light-secondary-
 
 ◊(media
   #:small code-font-size-small #:large code-font-size
-  "body.chapter-page main div.buffer div.highlight {
+  "body.chapter-page main div.snippet div.highlight {
   font-size: ~apx;
 }")
 

@@ 68,7 68,7 @@
   (define-values (dir file b) (split-path here))
   (define snippet-path (build-path dir "snippets" (string-append name ".snippet")))
   (define text (string-trim (port->string (open-input-file snippet-path))))
-  `(div ((class "buffer"))
+  `(div ((class "snippet"))
         ,(highlight 'scala
                     #:line-numbers? #f
                     #:css-class "scala"