git ssb

1
Page -statsShow {
2
  div.Scroller {
3
    display: flex
4
    flex-direction: column
5
    align-items: center
6
7
    div.content {
8
      flex-grow: 0
9
      $backgroundPrimaryText
10
      padding: 1rem
11
      width: 1000px
12
13
      h1 {
14
        font-size: .8rem
15
        letter-spacing: 4px
16
      }
17
18
      section.totals {
19
        display: flex
20
21
        div {
22
          flex-basis: 33%
23
          flex-grow: 1
24
25
          cursor: pointer
26
          padding: 0 0 .5rem .5rem
27
          $colorFontSubtle
28
          padding: 0 0 .5rem .5rem
29
          border-bottom: 1px solid gainsboro
30
          border-right: 1px solid gainsboro
31
32
          transition: all ease-out .5s
33
          :hover {
34
            $colorFontBasic
35
            transition: all ease-out .5s
36
          }
37
38
          -selected {
39
            $colorFontBasic
40
            border-bottom: 1px solid #fff
41
          }
42
          
43
          div.count {
44
            font-size: 3rem
45
            font-weight: 600
46
            margin-right: .5rem
47
          }
48
          strong {
49
            margin-right: .5rem
50
          }
51
        }
52
53
        
54
        div.shares {
55
          border-right: none
56
        }
57
      }
58
59
      section.graph {
60
        display: flex
61
        flex-wrap: wrap
62
        justify-content: center
63
64
        margin: 2rem 0
65
66
        canvas {
67
          margin-bottom: 1rem
68
        }
69
        div.changeRange {
70
          a {
71
            cursor: pointer
72
            :hover { text-decoration: underline }
73
          }
74
          span {
75
            $colorFontSubtle
76
          }
77
        }
78
      }
79
80
      table.blogs {
81
        width: 100%
82
        margin: 1rem 0 4rem
83
84
        thead {
85
          tr {
86
            margin-bottom: 1rem
87
            color: hsl(0, 0%, 25%)
88
            th.details {
89
              width: 70%
90
              padding: 0 2rem 0 0
91
            }
92
            th.comments, th.likes, th.shares {
93
              width: 10%
94
            }
95
          }
96
        }
97
        tbody {
98
          tr.blog {
99
            margin-bottom: 1rem
100
            td.details {
101
              width: 70%
102
              padding: .8rem 2rem .8rem 0
103
              border-bottom: 1px solid rgba(0, 0, 0, .05)
104
              
105
              div.title {
106
                font-size: 1.3rem
107
                font-weight: 600
108
                margin-bottom: .5rem
109
              }
110
111
              a { 
112
                color: hsl(0, 0%, 15%)
113
                font-size: .8rem
114
                text-decoration: none
115
116
                :hover {
117
                  text-decoration: underline
118
                }
119
              }
120
            }
121
            td.comments, td.likes, td.shares {
122
              width: 10%
123
              /* padding: 0 2.5rem */
124
              font-size: 1.3rem
125
              font-weight: 600
126
              text-align: center
127
            }
128
          }
129
        }
130
      }
131
    }
132
  }
133
}
134