tabs.scss 1.49 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
#fileTabBar {
  width: 100%;
  height: 1.85em;
  display: none;
  overflow-y: hidden;
  ul {
    width: 100%;
    float: left;
    font-size: 0.8em;
    margin-bottom: 1em;
    box-shadow: -0.3em -0.3em 0.5em rgb(0 0 0 / 5%) inset;
    background: $light-grey;
    padding-left: 2.5em;
    li {
15
16
17
18
19
20
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 15em;
      min-width: 8.5em;
21
22
23
      float: left;
      color: $dark-grey;
      background: transparent;
24
      padding: 0.35em 2.35em;
25
26
      margin-top: 2px;
      cursor: pointer;
27
      text-align: center;
28
      i {
29
30
        position: absolute;
        top: 0.65em;
31
        right: 0.85em;
32
33
34
35
        color: $light-grey;
        padding-left: 0.5em;
      }
    }
36
37
    li:hover,
    li.is-highlighted:hover {
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
      i {
        color: $has-text-link;
      }
    }
    li.is-highlighted {
      background: white;
      border-top-left-radius: $radius;
      border-top-right-radius: $radius;
      color: $has-text-link;
      font-family: "FreeSansBold";
      i {
        color: white;
      }
    }
  }
}
#fileTabBar.is-active {
  display: block;
}

.tabs {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 0;
  ul {
    border: none!important;
    li a {
      color: $dark-grey!important;
      border-color: $mid-grey!important;
      border-width: 2px;
      margin-bottom: 0;
    }
    li.is-active a {
      color: $has-text-link!important;
      border-color: $has-text-link!important;
    }
  }
}