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