1  @import 'common/sass/variables';
 2  
 3  .SubTabs {
 4    margin-top: $space-xs;
 5  
 6    .is-electron & {
 7      margin-top: 0;
 8    }
 9  
10    &-tabs {
11      display: inline-block;
12      white-space: nowrap;
13  
14      &-link {
15        display: inline-block;
16        padding: 8px;
17        font-size: $font-size-base;
18        min-width: 80px;
19        text-align: center;
20        font-weight: 300;
21        color: color(tab-color);
22        border-bottom: 2px solid color(tab-border);
23        transition-duration: 100ms;
24        opacity: 0.7;
25  
26        &:hover {
27          opacity: 1;
28          color: color(tab-active-color);
29        }
30  
31        &.is-active {
32          color: color(tab-active-color);
33          border-bottom-color: color(tab-active-border);
34          opacity: 1;
35        }
36  
37        &.is-disabled {
38          color: color(gray-light);
39          pointer-events: none;
40          text-decoration: line-through;
41        }
42      }
43    }
44  
45    &-select {
46      margin-bottom: $space-md;
47    }
48  }