git ssb

1
Page -blogNew {
2
  div.SideNav {}
3
4
  div.content {
5
    display: flex
6
7
    div.container {
8
      flex-basis: 100%
9
      $maxWidth
10
      margin: 0 auto
11
12
      div.field {
13
        margin-bottom: .5rem
14
        $maxWidth
15
16
        display: flex
17
        align-items: center
18
19
        div.label {
20
          flex-basis: 4.5rem
21
          padding-left: 1rem
22
          margin-right: 1rem
23
        }
24
25
        input {
26
          flex-grow: 1
27
          $fontBasic
28
          padding: .6rem 1rem
29
30
          border-radius: 4rem
31
          $borderSubtle
32
          outline: none
33
        }
34
35
        -title {
36
          margin: 0
37
          background-color: #fff
38
39
          h1.input {
40
            flex-grow: 1
41
            $fontTitle
42
43
            padding: 2rem 1rem .6rem 1rem
44
            border: none
45
            border-radius: 0
46
            margin: 0
47
            outline: none
48
49
            -empty {
50
              font-style: italic
51
              color: #b3b3b1
52
53
              ::after {
54
                content: attr(data-placeholder)
55
              }
56
            }
57
          }
58
        }
59
60
        -attachment {
61
          margin-top: .5rem
62
          margin-left: 0
63
64
          /* copied from message.html.compose */
65
          input[type="file"] {
66
            border: none
67
            flex-grow: 0
68
69
            color: transparent
70
71
            ::-webkit-file-upload-button {
72
              visibility: hidden
73
            }
74
75
            ::before {
76
              $attachButton
77
              /* padding-top: .3rem */
78
79
              /* content: '📎' */
80
              content: url('file.png')
81
              font-size: 1rem
82
83
              outline: none
84
              white-space: nowrap
85
              -webkit-user-select: none
86
            }
87
88
            :active, :focus {
89
              outline: none
90
              box-shadow: none
91
            }
92
          }
93
        }
94
95
        -channel {}
96
      }
97
98
      div.editor.Markdown {
99
        $markdownBlog
100
101
        background-color: #fff
102
        padding: 1rem
103
        min-height: 30rem
104
        outline: none
105
106
        p, h2, h3 {
107
          :first-child {
108
            margin-top: 0
109
          }
110
        }
111
      }
112
113
      div.Compose {
114
        margin-bottom: 4rem
115
116
        textarea {
117
          display: none
118
        }
119
      }
120
    }
121
  }
122
}
123