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
        min-width: 3.5rem
25
        font-size: .9rem
26
        background-color: #efefef
27
        overflow-x: hidden
28
29
        padding: 0 .4rem
30
        margin-left: .6rem
31
        border: 1px gainsboro solid
32
        border-bottom: none
33
34
        -selected {
35
          color: #222
36
          background-color: #fff
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
          min-width: 0
62
          max-width: 90%
63
          white-space: nowrap
64
          text-overflow: ellipsis
65
        }
66
67
        a.close {
68
          visibility: hidden
69
        }
70
      }
71
72
    }
73
74
    div.extra {
75
      display: flex
76
      align-items: center
77
    }
78
  }
79
80
  section.content {
81
    display: flex
82
83
    height: 100% /* needed to stop making nav weird */
84
85
    div.page {
86
      flex-grow: 1
87
88
      display: flex /*hack to get give Scroller context it needs */
89
90
      padding-top: .2rem
91
    }
92
  }
93
}
94
95