git ssb

1
Message {
2
  display: flex
3
  flex-direction: column
4
  box-shadow: #dadada 1px 2px 8px
5
  border: 1px solid #f5f5f5
6
  background: white
7
  position: relative
8
9
  :focus {
10
    z-index: 1
11
  }
12
13
  -reply {
14
    header {
15
      div.main {
16
        a.avatar {
17
          img {
18
            width: 30px
19
          }
20
        }
21
      }
22
    }
23
  }
24
25
  header {
26
    margin: 15px 15px
27
    display: flex
28
29
    div.main {
30
      display: flex
31
      flex: 1
32
33
      a.avatar {
34
        img {
35
          width: 50px
36
        }
37
      }
38
39
      div.main {
40
        div.name {
41
          font-size: 120%
42
          a {
43
            color: #444
44
            font-weight: bold
45
          }
46
        }
47
        div.meta {
48
          font-size: 90%
49
        }
50
        margin-left: 10px
51
      }
52
53
      div.meta {
54
55
      }
56
    }
57
58
    div.meta {
59
      span.likes {
60
        color: #ffffff;
61
        background: linear-gradient(45deg, #859c88, #87d47d);
62
        padding: 5px 8px;
63
        border-radius: 10px;
64
        display: inline-block;
65
        vertical-align: top;
66
      }
67
    }
68
  }
69
70
  section {
71
    margin: 0 15px
72
    (img) {
73
      max-width: 100%
74
    }
75
  }
76
77
  footer {
78
    background: #fdfdfd
79
    padding: 15px 15px
80
    text-align: right
81
82
    div.actions {
83
      a {
84
        margin-left: 5px;
85
        color: #5f5f5f;
86
        padding: 3px 6px;
87
        background: white;
88
        border: 2px solid #DDD;
89
        border-radius: 4px;
90
91
        :hover {
92
          background: #cbeeff;
93
          color: #3b7ba2;
94
          text-decoration: none;
95
          border-color: #8eafc1;
96
        }
97
      }
98
    }
99
  }
100
}
101