knutsen.co

Knutsen Homepage Source - knutsen.co
git clone git://git.knutsen.co/knutsen.co
Log | Files | Refs | README | LICENSE

main.sex (1611B)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
(html
  :position relative
  :width 100%
  :min-height 100%
  :color #000
  :font-size 16px
  :font-family ('Cantarell' , sans-serif))

(body , html
  :margin 0
  :padding 0)

(body
  :display flex
  :overflow-y scroll
  :padding 2em
  :width (calc (- 100% 4em))
  :min-height (calc (- 95% 4em))
 ;:align-items center  ;; For vertical alignment.
  :justify-content center)

("::selection"
  :background #66666647
  :color #222)

("::-moz-selection"
  :background #66666647
  :color #222)

(li :list-style none)
(li:before :content '*'
           :display inline-block
           :width 1em
           :font-family ("IBM Plex Mono"
                        , monospace)
           :margin (0 0.5em 0 -1em)
           :vertical-align bottom)

(#container
  :overflow auto
  :padding (2em 1em)
  ;:margin (auto 0 auto 0)  ;; For vertical alignment.
  :width 40em)

(h1 , h2 , h3
  :font-family ("Playfair Display SC" , serif)
  :font-variant-ligatures none
  :font-weight 400)

(h2 , h3
    :border-bottom (2px solid #0002)
    :border-radius 2px)

(a
  :color #555
  :text-decoration none
  :transition (.1s all ease)
  :border-bottom (1px solid))

(a:hover
  :color #000)

(code
  :font-family ("IBM Plex Mono" , monospace)
  :font-size 0.8em
  :padding (0px 3px 2px 3px)
  :background #f4f4f4
  :border (1px solid #e4e4e4)
  :border-radius 4px
  :white-space pre-wrap
  :white-space -moz-pre-wrap
  :white-space -pre-wrap
  :white-space -o-pre-wrap
  :word-wrap break-word
  :user-select all)

(img.card
  :max-width 100%
  :border-radius 5pt
  :border (1px solid #0002)
  :filter (drop-shadow 0 2pt 5pt #0002))