git ssb

1
Hypertabs {
2
  display: flex
3
  flex-direction: column
4
5
  height: 100% /* needed to stop scroller blowing out */
6
7
  nav {
8
    display: flex
9
    
10
    background: linear-gradient(to bottom, #efefef, #e5e5e5)
11
12
    section.tabs {
13
      flex-grow: 1
14
      display: flex
15
16
      div.tab {
17
        flex-grow: 1
18
19
        display: flex
20
        align-items: center
21
        justify-content: space-between
22
23
        font-size: .9rem
24
        background-color: #efefef
25
        overflow-x: hidden
26
27
        padding: 0 .4rem
28
        margin-left: .6rem
29
        border: 1px gainsboro solid
30
        border-bottom: none
31
32
        -selected {
33
          color: #222
34
          background-color: #fff
35
          /* border: 1px #bababa solid */
36
          border-bottom: none
37
38
          a.close {
39
            visibility: visible
40
          }
41
        }
42
43
        -notify {
44
          background-color: orange;
45
        }
46
47
48
        a {
49
          color: #666
50
51
          :hover {
52
            color: #0088cc
53
            text-decoration: none
54
          }
55
        }
56
57
        a.link {
58
          flex-grow: 1
59
          flex-shrink: 0
60
          overflow-x: hidden
61
          max-width: 220px
62
          white-space: nowrap
63
          text-overflow: ellipsis
64
        }
65
66
        a.close {
67
          visibility: hidden
68
        }
69
      }
70
71
    }
72
73
    div.extra {
74
      display: flex
75
      align-items: center
76
    }
77
  }
78
79
  section.content {
80
    display: flex
81
82
    height: 100% /* needed to stop scroller blowing out */
83
84
    div.page {
85
      flex-grow: 1
86
87
      display: flex /* hack to get give Scroller context it's needed */
88
89
      padding-top: .2rem
90
    }
91
  }
92
}
93
94