mirror of
https://github.com/vercel/commerce.git
synced 2025-07-28 20:51:23 +00:00
✨ feat: Tab Common
This commit is contained in:
28
src/components/common/TabCommon/TabItem/TabItem.module.scss
Normal file
28
src/components/common/TabCommon/TabItem/TabItem.module.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
@import '../../../../styles/utilities';
|
||||
|
||||
.tabItem {
|
||||
@apply font-bold;
|
||||
margin-right: 2rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
|
||||
&:hover {
|
||||
@apply cursor-pointer;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-bottom: 2px solid #2DC86E;
|
||||
}
|
||||
}
|
||||
|
||||
.tabItemActive {
|
||||
@apply font-bold;
|
||||
margin-right: 2rem;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 1rem;
|
||||
border-bottom: 2px solid #2DC86E;
|
||||
|
||||
&:hover {
|
||||
@apply cursor-pointer;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user