git ssb

1
Markdown {
2
  (video) {
3
    max-width: 100%
4
    object-fit: scale-down
5
  }
6
7
  (a) {
8
    color: #3c1842
9
    text-decoration: underline
10
11
    :hover {
12
      color: #a341b4
13
    }
14
  }
15
16
  p, ul, ol {
17
  }
18
19
  p {
20
    :first-of-type { margin-top: 0 }
21
    :last-of-type { margin-bottom: 0 }
22
23
    a {
24
      img { margin: .5rem 0 }
25
26
      :only-of-type {
27
        img {
28
          display: block
29
          margin: auto
30
        }
31
      }
32
    }
33
  }
34
35
  hr {
36
    height: 0
37
    border: solid #ddd
38
    border-width: 1px 0 0
39
    clear: both
40
    margin-bottom: .9em
41
  }
42
43
  pre {
44
    background-color: #f5f5f5
45
    /* color: #c121dc */
46
    padding: .3rem
47
    white-space: pre-wrap
48
    word-wrap: break-word
49
50
    code {
51
      $code
52
      border: none
53
    }
54
  }
55
56
  p code {
57
    $code
58
    padding: 0.1rem .2rem
59
  }
60
61
  blockquote {
62
    font-size: .9rem
63
    line-height: 1.4rem
64
    color: #666
65
66
    background: rgba(0,0,0,.05)
67
    padding: 1rem
68
    border-left: 4px solid rgba(0,0,0,.1)
69
    margin: .5rem 0
70
71
    :first-child { margin-top: 0 }
72
    :last-child { margin-bottom: 0 }
73
74
    p {
75
      :last-child {
76
        margin-bottom: .35ex
77
      }
78
    }
79
  }
80
81
  ul, ol {
82
    padding-left: 1rem
83
    margin-top: .35rem
84
85
    (ul, ol) {
86
      padding-left: 1.5rem
87
    }
88
89
  }
90
  ul.task-list {
91
    padding-left: 0
92
93
    (li.task-list-item) {
94
      list-style-type: none
95
    }
96
  }
97
98
  (span.emoji) {
99
    font-family: NotoColorEmoji;
100
  }
101
102
  (img.emoji) {
103
    height: 1.2em
104
    width: 1.2em
105
    vertical-align: middle
106
    margin-top: -0.2em
107
  }
108
109
  (p) {
110
    img.emoji {
111
      :only-child {
112
        width: 3rem
113
        height: 3rem
114
      }
115
    }
116
  }
117
118
119
  h1, h2, h3, h4, h5, h6 {
120
    margin: 0
121
  }
122
  h1, h2 {
123
    margin-bottom: .5em
124
  }
125
  h1 { font-size: 1.4rem }
126
  h2 { font-size: 1.2rem }
127
  h3 { font-size: 1.15rem }
128
  h4 { font-size: 1.12rem }
129
  h5 { font-size: 1.1rem }
130
  h6 { font-size: 1rem }
131
}
132
133
$code {
134
  background-color: #f5f5f5
135
  /* color: #c121dc */
136
  border: 1px solid #e6e6e6
137
  border-radius: 2px
138
}
139