cronapp-framework-js
Version:
Javascript library for CronApp's projects
49 lines (43 loc) • 1.2 kB
CSS
.ctn-tab {
border-radius: var(--borderRadiusNone, 0);
padding: 0;
margin-bottom: 20px;
}
.ctn-tab .nav-tabs {
border-bottom: 1px solid var(--colorNeutral30, #D5D5D5);
}
.ctn-tab .nav-tabs li {
background: transparent;
border-radius: var(--borderRadiusNone, 0);
border: 0;
overflow: hidden;
margin-left: 0;
margin-right: 0;
margin-bottom: -2px;
}
.ctn-tab .nav-tabs li.active {
background: transparent;
border: 1px solid var(--colorNeutral30, #D5D5D5);
border-bottom: 1px solid var(--colorNeutral00, #ffffff);
bottom: 1px;
border-radius: 4px 4px 0 0;
}
.ctn-tab .nav-tabs li a {
background: transparent;
border: 0;
margin: 0;
border-radius: var(--borderRadiusNone, 0);
padding: var(--distanceExtraSmall, 10px) var(--distanceSmall, 5px);
font-size: var(--textNormalSize, 14px);
color: var(--colorPrimary40, #5665be);
}
.ctn-tab .nav-tabs li a:hover {
background: var(--colorNeutral10, #F1F1F1);
color: var(--colorPrimary50, #37479e);
border: 0;
}
.ctn-tab .nav-tabs li.active a,
.ctn-tab .nav-tabs li.active a:hover {
background: transparent;
color: var(--colorNeutral140, #4A4A4A);
}