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
          display: flex
41
        
42
          div.recp {
43
            padding: .3rem
44
            min-width: 5rem
45
            $borderSubtle
46
            border-radius: 6rem
47
            $backgroundPrimaryText
48
49
            margin-right: 1rem
50
51
            display: flex
52
            align-items: center
53
54
            img { 
55
              width: 2rem
56
              height: 2rem
57
              border-radius: 2rem
58
            }
59
60
            div.name {
61
              margin: 0 .5rem
62
            }
63
          }
64
        }      
65
66
      }
67
    }
68
  }
69
}
70