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
          padding: 0.5rem .2rem
67
        }
68
69
        a.close {
70
          visibility: hidden
71
        }
72
      }
73
74
    }
75
76
    div.extra {
77
      display: flex
78
      align-items: center
79
    }
80
  }
81
82
  section.content {
83
    display: flex
84
85
    height: 100% /* needed to stop making nav weird */
86
87
    div.page {
88
      flex-grow: 1
89
90
      display: flex /*hack to get give Scroller context it needs */
91
92
      padding-top: .2rem
93
    }
94
  }
95
}
96
97