git ssb

1
Page -statsShow {
2
  div.Scroller {
3
    display: flex
4
    justify-content: center
5
6
    div.content {
7
      flex-grow: 0
8
      $backgroundPrimaryText
9
      padding: 1rem
10
      width: 1000px
11
12
      h1 {
13
        font-size: .8rem
14
        letter-spacing: 4px
15
      }
16
17
      section.totals {
18
        display: flex
19
        justify-content: space-between
20
21
        div {
22
          div.count {
23
            font-size: 3rem
24
            font-weight: 600
25
            margin-right: .5rem
26
          }
27
          strong {
28
            margin-right: .5rem
29
          }
30
        }
31
      }
32
33
      section.graph {
34
        display: flex
35
        flex-wrap: wrap
36
        justify-content: center
37
38
        margin: 2rem 0
39
40
        canvas {
41
          margin-bottom: 1rem
42
        }
43
        div.changeRange {
44
          a {
45
            cursor: pointer
46
            :hover { text-decoration: underline }
47
          }
48
          span {
49
            $colorFontSubtle
50
          }
51
        }
52
      }
53
54
      table.blogs {
55
        margin: 1rem 0
56
57
        thead {
58
          tr {
59
            margin-bottom: 1rem
60
            color: hsl(0, 0%, 25%)
61
            td {
62
63
            }
64
          }
65
        }
66
        tbody {
67
          tr.blog {
68
            margin-bottom: 1rem
69
            td.details {
70
              width: 100%
71
              padding: .8rem 2rem .8rem 0
72
              border-bottom: 1px solid rgba(0, 0, 0, .05)
73
              
74
              div.title {
75
                font-size: 1.3rem
76
                font-weight: 600
77
                margin-bottom: .5rem
78
              }
79
80
              a { 
81
                color: hsl(0, 0%, 15%)
82
                font-size: .8rem
83
                text-decoration: none
84
85
                :hover {
86
                  text-decoration: underline
87
                }
88
              }
89
            }
90
            td.comments, td.likes {
91
              padding: 0 2.5rem
92
              font-size: 1.3rem
93
              font-weight: 600
94
              text-align: center
95
            }
96
          }
97
        }
98
      }
99
    }
100
  }
101
}
102