.sc-segmented-view {
display: block; white-space: nowrap; /* The entire SegmentedView is disabled. */ &.disabled { .sc-segment-view { background: #FFF; color: #999; &.sel { background: #EEE; } } } img.icon { position: relative; } /* Style for an individual segment. */ .sc-segment-view { background: #DDD; color: black; display: inline-block; position: relative; text-align: center; &:focus { outline: none; } &.active, &.sel { background: #999; } &.disabled { background: #FFF; color: #999; &.sel { background: #EEE; } } &.sel.active { background: #888; } &.vertical { display: block; } }
}