~zainab/blog

04df7566605bd9aa85d98ff8c9bce394ddd857c2 — zainab-ali 8 months ago 3571242
Remove redundant css.
2 files changed, 13 insertions(+), 69 deletions(-)

M src/main.css.pp
M src/pollen.rkt
M src/main.css.pp => src/main.css.pp +12 -68
@@ 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;
}")


M src/pollen.rkt => src/pollen.rkt +1 -1
@@ 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"