nishant-design-system
Version:
Sense UI components library
28 lines (23 loc) • 707 B
CSS
@value (colorBackgroundSecondary) from '../../styles/variables/_color.css';
@value (size42, size34, sizeFluid) from '../../styles/variables/_size.css';
@value (spaceXXSmall) from '../../styles/variables/_space.css';
@value (borderRadiusMedium) from '../../styles/variables/_border.css';
.buttonTabsWrapper {
display: flex;
gap: spaceXXSmall;
background-color: colorBackgroundSecondary;
align-items: center;
padding-left: calc(spaceXXSmall / 2);
padding-right: calc(spaceXXSmall / 2);
width: fit-content;
border-radius: borderRadiusMedium;
}
.buttonTabsWrapper.medium {
height: size42;
}
.buttonTabsWrapper.small {
height: size34;
}
.buttonTabsWrapper.isFluid {
width: sizeFluid;
}