12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- .cip-tabs-plus{
- position: relative;
- &.use-intersection{
- .@{elNamespace}-tabs{
- &__header{
- .@{elNamespace}-tabs__nav-prev{
- display: none;
- }
- .@{elNamespace}-tabs__nav-next{
- display: none;
- }
- .@{elNamespace}-tabs__nav-wrap.is-scrollable{
- padding: 0;
- padding-right: 40px;
- }
- &.is-top, &.is-bottom{
- height: 40px;
- overflow: hidden;
- .@{elNamespace}-tabs__nav-wrap.is-scrollable{
- padding: 0;
- padding-right: 40px;
-
- .@{elNamespace}-tabs__nav-scroll{ // hide scrollbar
- overflow: auto;
- padding-bottom: 10px;
- }
- }
- }
- &.is-left, &.is-right{
- .@{elNamespace}-tabs__nav-wrap.is-scrollable{
- padding: 0;
- padding-bottom: 30px;
-
- .@{elNamespace}-tabs__nav-scroll{
- overflow: auto;
- // padding-right: 2px;
- scrollbar-width: none; /* firefox */
- -ms-overflow-style: none; /* IE 10+ */
- &::-webkit-scrollbar {
- display: none; /* Chrome Safari */
- }
- }
- }
- }
- }
- }
- .@{elNamespace}-tabs__nav-wrap.is-scrollable::after{
- bottom: 16px;
- }
- }
- .no-underline{
- .@{elNamespace}-tabs__nav-wrap::after{
- display: none;
- }
- }
- &__more{
- position: absolute;
- z-index: 999;
- cursor: pointer;
- .cip-dropdown__icon{
- display: none;
- }
- &.top {
- right: 0;
- top: 13px;
- }
- &.bottom{
- right: 0;
- bottom: 13px;
- }
- &.left, &.right{ // left and right attributes need js to set
- bottom: 6px;
- }
- }
- }
|