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
38
          input {
39
            font-size: 2em
40
            font-weight: bold
41
42
            padding-top: 2rem
43
            border: none
44
            border-radius: 0
45
46
            -empty {
47
              font-style: italic
48
            }
49
          }
50
        }
51
52
        -attachment {
53
          margin-top: .5rem
54
          margin-left: 0
55
56
          /* copied from message.html.compose */
57
          input[type="file"] {
58
            border: none
59
            flex-grow: 0
60
61
            color: transparent
62
63
            ::-webkit-file-upload-button {
64
              visibility: hidden
65
            }
66
67
            ::before {
68
              $attachButton
69
              /* padding-top: .3rem */
70
71
              /* content: '📎' */
72
              content: url('file.png')
73
              font-size: 1rem
74
75
              outline: none
76
              white-space: nowrap
77
              -webkit-user-select: none
78
            }
79
80
            :active, :focus {
81
              outline: none
82
              box-shadow: none
83
            }
84
          }
85
        }
86
87
        -channel {}
88
      }
89
90
      div.editor{
91
        background-color: #fff
92
        padding: 1rem
93
        min-height: 30rem
94
        outline: none
95
96
        p, h2, h3 {
97
          :first-child {
98
            margin-top: 0
99
          }
100
        }
101
      }
102
103
      div.Compose {
104
        textarea {
105
          margin-top: 2rem
106
          min-height: 30rem
107
        }
108
      }
109
    }
110
  }
111
}
112