You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.2 KiB
Stylus
64 lines
1.2 KiB
Stylus
5 years ago
|
@import './var.inc.styl'
|
||
|
|
||
|
.scratchpad__panel-tab
|
||
|
margin-top: rem(-($panel-header-height))
|
||
|
|
||
|
&.rc-tabs-top
|
||
|
border: 0
|
||
|
|
||
|
&.rc-tabs-top .rc-tabs-bar
|
||
|
border: 0
|
||
|
|
||
|
.rc-tabs-bar
|
||
|
padding-left: rem(120px)
|
||
|
|
||
|
.rc-tabs-ink-bar
|
||
|
background: $tab-color
|
||
|
|
||
|
.rc-tabs-tab-prev-icon, .rc-tabs-tab-next-icon
|
||
|
display: none
|
||
|
font-family: $icon-font-name !important
|
||
|
line-height: rem($panel-header-height)
|
||
|
font-size: rem($font-size)
|
||
|
color: #FFF
|
||
|
|
||
|
.rc-tabs-tab-arrow-show
|
||
|
display: block
|
||
|
|
||
|
&.rc-tabs-top .rc-tabs-tab-prev-icon:before
|
||
|
content: $icon-chevron_left
|
||
|
|
||
|
&.rc-tabs-top .rc-tabs-tab-next-icon:before
|
||
|
content: $icon-chevron_right
|
||
|
|
||
|
.rc-tabs-content
|
||
|
flex: 1
|
||
|
|
||
|
.rc-tabs-tabpane
|
||
|
display: flex
|
||
|
flex-direction: column
|
||
|
|
||
|
&.rc-tabs-top .rc-tabs-tab
|
||
|
padding: rem(0 5px)
|
||
|
line-height: rem($panel-header-height)
|
||
|
margin: 0
|
||
|
margin-right: rem(5px)
|
||
|
color: rgba(#FFF, 0.8)
|
||
|
|
||
|
&.rc-tabs-top .rc-tabs-tab-active
|
||
|
&, &:hover
|
||
|
color: #FFF
|
||
|
|
||
|
.rc-tabs-bar, .rc-tabs-nav-container
|
||
|
line-height: 1
|
||
|
font-size: rem($font-size-small)
|
||
|
|
||
|
.rc-tabs-tab-btn-disabled
|
||
|
color: rgba(#FFF, 0.7)
|
||
|
|
||
|
.rc-tabs-tabpane-hidden
|
||
|
display: none
|
||
|
|
||
|
.rc-tabs-tabpane
|
||
|
overflow: auto
|