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