cedro
Version:
Javascript library to build user interfece based on widgets.
77 lines (70 loc) • 2.06 kB
CSS
.WUITab {
background-color: transparent;
border-left: solid 0.13rem;
border-top: solid 0.13rem;
border-bottom: solid 0.13rem;
border-right: solid 0.13rem;
border-radius: 0.25rem;
border-color: var(--palette-divider);
overflow: hidden;
}
.WUITabControl {
border-top: none ;
border-left: none ;
border-right: none ;
border-bottom: none ;
background-color: var(--palette-background-default);
box-sizing: border-box;
font-weight: normal;
text-align: center;
cursor: default;
padding-left: 15px;
padding-right: 15px;
border-radius: 0px ;
}
.WUITabControlActive {
border-top: none ;
border-left: none ;
border-right: none ;
border-bottom: solid 2px var(--palette-primary-dark) ;
background-color: var(--palette-divider);
box-sizing: border-box;
font-weight: bold;
text-align: center;
cursor: default;
padding-left: 15px;
padding-right: 15px;
border-radius: 0px ;
}
.WUITabContainer-horizontal {
border-top: solid 1px var(--palette-divider);
}
.WUITabControlActive_VL {
border-top: none ;
border-right: none ;
border-left: solid 2px var(--palette-primary-dark) ;
border-bottom: none ;
background-color: var(--palette-divider);
box-sizing: border-box;
font-weight: bold;
text-align: center;
cursor: default;
padding-left: 15px;
padding-right: 15px;
border-radius: 0px ;
}
.WUITabControlActiveIcon_VL {
border-top: none ;
border-right: none ;
border-left: solid 2px var(--palette-primary-dark) ;
border-bottom: none ;
background-color: var(--palette-divider);
box-sizing: border-box;
font-weight: bold;
text-align: center;
cursor: default;
border-radius: 0px ;
}
.WUITabContainer-vertical {
border-left: solid 1px var(--palette-divider);
}