summaryrefslogtreecommitdiff
path: root/sass/status-page/main.sass
blob: 559176123ec0146f3144ad35ec2d4b6dbef9e32a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
@import ../settings
@import banner

html 
  scroll-padding-top: 74px !important

.status-page

  .content-div

    +resolution(0, 575)
      overflow-x: auto

    h3
      font-size: 24px
      letter-spacing: $em
      color: $black
      text-decoration: none
      text-transform: capitalize

    p
      font-size: 16px
      font-weight: 600
      letter-spacing: $px
      color: $grey-dark
      margin-top: 5px

    a
      font-size: 18px
      font-weight: 600
      letter-spacing: $px
      color: $primary
      text-decoration: none
      margin-top: 5px

    table 
      margin-top: 18px
      border-collapse: collapse

      +resolution(0, 575)
        width: 640px

      th
        +resolution(576)
          max-height: 42px
          padding: 12px 20px
        +resolution(0, 575)
          max-height: 48px
          padding: 12px
        
      td
        +resolution(576)
          max-height: 64px
          padding: 20px
        +resolution(0, 575)
          max-height: 48px
          padding: 12px

        &:nth-of-type(1)
          +resolution(0, 575)
            width: 118px
        &:nth-of-type(2)
          +resolution(0, 575)
            width: 205px
        &:nth-of-type(3)
          +resolution(0, 575)
            width: 223px
        &:nth-of-type(4)
          text-transform: capitalize
          +resolution(0, 575)
           width: 57px

      th
        font-weight: 600
        font-size: 14px
        letter-spacing: $em
        color: $grey-dark
        text-align: left

      td 
        font-weight: 400
        font-size: 14px
        letter-spacing: $em
        color: $grey-dark
        text-align: left

      tr

        &:nth-child(even)
          background-color: $grey-light2
        &:nth-child(odd)
          background-color: transparent
        &:not(&:nth-last-child(1))
          border-bottom: 1px solid $grey-light