git ssb

1
Page -threadNew {
2
3
  div.content {
4
    display: flex
5
6
    div.container {
7
      flex-basis: 100%
8
      $maxWidth
9
      margin: 0 auto
10
11
      div.flash {
12
        margin-bottom: 2rem;
13
        background: #fff;
14
        padding: 1rem;
15
      }
16
17
      div.field {
18
        margin-bottom: .5rem
19
        $maxWidth
20
        
21
        display: flex
22
        align-items: center
23
24
        div.label {
25
          flex-basis: 4rem
26
          padding-left: 1rem
27
          margin-right: 1rem
28
        }
29
30
        input {
31
          flex-grow: 1
32
          $fontBasic
33
          padding: .6rem
34
          $borderSubtle
35
          border-radius: 4rem
36
          outline: none
37
        }
38
39
        div.recps {
40
          flex-grow: 1
41
          height: 2.5rem
42
43
          $backgroundPrimaryText
44
          padding-left: .5rem
45
          $borderSubtle
46
          border-radius: 6rem
47
48
          display: flex
49
        
50
          div.recp {
51
            margin-right: 1rem
52
53
            display: flex
54
            align-items: center
55
56
            img.Avatar { 
57
            }
58
59
            div.name {
60
              margin: 0 .5rem
61
            }
62
          }
63
64
          input {
65
            flex-grow: 1
66
67
            $fontBasic
68
            margin-right: 1rem
69
            border: none
70
            outline: none
71
          }
72
        }      
73
74
      }
75
    }
76
  }
77
}
78