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
      min-width: 0
16
17
      div.tab {
18
        flex-grow: 1
19
20
        display: flex
21
        align-items: center
22
        justify-content: space-between
23
24
        font-size: .9rem
25
        background-color: #efefef
26
        overflow-x: hidden
27
28
        padding: 0 .4rem
29
        margin-left: .6rem
30
        border: 1px gainsboro solid
31
        border-bottom: none
32
33
        -selected {
34
          color: #222
35
          background-color: #fff
36
37
          a.close {
38
            visibility: visible
39
          }
40
        }
41
42
        -notify {
43
          background-color: orange;
44
        }
45
46
47
        a {
48
          color: #666
49
50
          :hover {
51
            color: #0088cc
52
            text-decoration: none
53
          }
54
        }
55
56
        a.link {
57
          flex-grow: 1
58
          flex-shrink: 0
59
          overflow-x: hidden
60
          min-width: 0
61
          max-width: 90%
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 making nav weird */
83
84
    div.page {
85
      flex-grow: 1
86
87
      display: flex /*hack to get give Scroller context it needs */
88
89
      padding-top: .2rem
90
    }
91
  }
92
}
93
94