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
      padding: .5rem 0 0 .5rem
14
15
      flex-grow: 1
16
      display: flex
17
      min-width: 0
18
19
      div.tab {
20
        flex-grow: 1
21
22
        display: flex
23
        align-items: center
24
        justify-content: space-between
25
26
        min-width: 3.5rem
27
        font-size: .9rem
28
        background-color: #efefef
29
        overflow: hidden
30
31
        padding: 0
32
        margin-left: .3rem
33
        border: none
34
35
        :hover {
36
          background-color: #f8f8f8
37
          a.close {
38
            visibility: visible
39
          }
40
        }
41
42
        -selected {
43
          color: #222
44
          background-color: #fff
45
46
          :hover {
47
            background-color: #fff
48
          }
49
50
          a.link {
51
            text-decoration: none
52
            max-width: calc(100% - 2rem)
53
          }
54
          a.close {
55
            visibility: visible
56
          }
57
        }
58
59
        -notify {
60
          background-color: orange;
61
        }
62
63
64
        a {
65
          color: #666
66
67
          :hover {
68
            text-decoration: none
69
          }
70
        }
71
72
        a.link {
73
          flex-grow: 1
74
          flex-shrink: 0
75
          overflow-x: hidden
76
          min-width: 0
77
          max-width: calc(100% - 1.4rem)
78
          white-space: nowrap
79
          text-overflow: ellipsis
80
81
          padding: .45rem 0 .45rem .6rem
82
        }
83
84
        a.close {
85
          visibility: hidden
86
          font-family: monospace
87
          line-height: 1rem
88
          width: .9rem
89
          height: .9rem
90
          /* border-radius: 1rem */
91
92
          margin-right: .3rem
93
94
          display: flex
95
          justify-content: center
96
97
          :hover {
98
            background: #aaaaaa
99
            color: #fff
100
            font-weight: 600
101
          }
102
        }
103
104
      }
105
106
    }
107
108
    div.navExtra {
109
      padding-top: .2rem
110
      display: flex
111
      align-items: center
112
    }
113
  }
114
115
  section.content {
116
    display: flex
117
118
    height: 100% /* needed to stop making nav weird */
119
120
    div.page {
121
      flex-grow: 1
122
123
      display: flex /*hack to get give Scroller context it needs */
124
    }
125
  }
126
}
127
128