@zohodesk/components
Version:
In this Package, we Provide Some Basic Components to Build Web App
101 lines (99 loc) • 1.89 kB
CSS
.tab {
text-transform: uppercase;
letter-spacing: 0.6px;
text-decoration: none;
cursor: pointer;
}
.vertical {
height: 100% ;
}
.horizontal {
width: 100% ;
max-width: 100% ;
}
.textContainer,
.tabText {
max-width: inherit ;
}
.tabText {
composes: dotted from '../common/common.module.css';
}
.disabled {
cursor: not-allowed;
}
.border {
border-bottom: 1px solid var(--zdt_tab_default_border);
}
.alpha,
.beta,
.delta {
transition: all var(--zd_transition2);
}
.alpha {
font-size: var(--zd_font_size11) ;
line-height: 3;
padding: 0 var(--zd_size18) ;
}
.tabAlpha {
composes: alpha;
color: var(--zdt_tab_alpha_text);
}
.alphaHover:hover {
color: var(--zdt_tab_alpha_hover_text);
background-color: var(--zdt_tab_alpha_hover_bg);
}
.alphaActive {
composes: alpha;
color: var(--zdt_tab_alpha_active_text);
}
.alphaActive_border, .betaActive_border {
border-color: var(--zdt_tab_alpha_active_border);
}
.deltaActive_border {
border-color: var(--zdt_tab_delta_active_border);
}
.beta {
font-size: var(--zd_font_size14) ;
line-height: 4.2857;
text-transform: capitalize;
padding: 0 var(--zd_size4) ;
}
[dir=ltr] .beta {
margin-right: var(--zd_size40) ;
}
[dir=rtl] .beta {
margin-left: var(--zd_size40) ;
}
.tabBeta {
composes: beta;
color: var(--zdt_tab_alpha_text);
}
.betaHover:hover {
color: var(--zdt_tab_alpha_hover_text);
}
.betaActive {
composes: beta;
color: var(--zdt_tab_alpha_hover_text);
}
.delta {
font-size: var(--zd_font_size11) ;
line-height: 3;
padding: 0 var(--zd_size4) ;
}
[dir=ltr] .delta {
margin-right: var(--zd_size10) ;
}
[dir=rtl] .delta {
margin-left: var(--zd_size10) ;
}
.tabDelta {
composes: delta;
color: var(--zdt_tab_alpha_text);
}
.deltaHover:hover {
color: var(--zdt_tab_alpha_active_text);
}
.deltaActive {
composes: delta;
color: var(--zdt_tab_alpha_active_text);
}