2019-08-20 04:56:40 +08:00
|
|
|
.core_TabContainer_Bar {
|
|
|
|
box-sizing: border-box;
|
2019-08-23 04:45:01 +08:00
|
|
|
padding: 3px 3px 0 3px;
|
2019-08-22 00:17:00 +08:00
|
|
|
border-bottom: solid 1px var(--border-color);
|
2019-08-20 04:56:40 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.core_TabContainer_Tab {
|
2019-08-22 00:17:00 +08:00
|
|
|
box-sizing: border-box;
|
2019-08-20 04:56:40 +08:00
|
|
|
display: inline-block;
|
2019-08-22 00:17:00 +08:00
|
|
|
height: calc(100% + 1px);
|
|
|
|
line-height: 22px;
|
2019-08-20 04:56:40 +08:00
|
|
|
padding: 0 10px;
|
2019-08-22 00:17:00 +08:00
|
|
|
border: solid 1px var(--border-color);
|
|
|
|
margin: 0 1px -1px 1px;
|
2019-08-22 04:04:08 +08:00
|
|
|
background-color: hsl(0, 0%, 12%);
|
|
|
|
color: hsl(0, 0%, 75%);
|
2019-08-23 23:00:39 +08:00
|
|
|
font-size: 13px;
|
2019-08-20 04:56:40 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.core_TabContainer_Tab:hover {
|
|
|
|
background-color: hsl(0, 0%, 18%);
|
|
|
|
color: hsl(0, 0%, 85%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.core_TabContainer_Tab.active {
|
|
|
|
background-color: var(--bg-color);
|
|
|
|
color: hsl(0, 0%, 90%);
|
2019-08-22 00:17:00 +08:00
|
|
|
border-bottom-color: var(--bg-color);
|
2019-08-20 04:56:40 +08:00
|
|
|
}
|