MyCrypto/common/components/SubTabs/SubTabs.scss

37 lines
667 B
SCSS

@import 'common/sass/variables';
.SubTabs {
margin-top: 15px;
&-tabs {
display: inline-block;
white-space: nowrap;
&-link {
display: inline-block;
padding: 8px;
font-size: $font-size-base;
min-width: 80px;
text-align: center;
font-weight: 300;
color: $ether-navy;
border-bottom: 2px solid $gray-lighter;
transition-duration: 100ms;
&.is-active {
border-bottom-color: $brand-primary;
}
&.is-disabled {
color: $gray-light;
pointer-events: none;
text-decoration: line-through;
}
}
}
&-select {
margin-bottom: $space-md;
}
}