mekari-ui-toolkit/dist/css/components/mekari-ui-tabs.css

Mekari ui toolkit

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 8px 16px;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #b4b4b4;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #e2e2e2;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: transparent;
}

.nav-tabs .nav-link.disabled {
  color: #b4b4b4;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #212121;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 4px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #005fbf;
}

.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.nav-tabs {
  margin-bottom: 24px;
}

.nav-tabs .nav-item {
  margin: 8px 0;
}

.nav-tabs .nav-link {
  position: relative;
  padding: 8px 16px;
  color: #777;
  border: none;
  border-radius: 4px;
}

.nav-tabs .nav-link:hover {
  color: #212121;
}

.nav-tabs .nav-link.active {
  font-weight: 500;
}

.nav-tabs .nav-link.active::after {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
  height: 4px;
  content: "";
  background-color: #212121;
  border-radius: 2px 2px 0 0;
}

.nav-tabs .nav-link.active.theme-danger::after {
  background-color: #d74022;
}

.nav-tabs .nav-link.active.theme-success::after {
  background-color: #009f61;
}

.nav-tabs .nav-link.active.theme-info::after {
  background-color: #ffeb99;
}

.nav-tabs .nav-link.active.theme-warning::after {
  background-color: #ffb700;
}

.nav-tabs .nav-link.active.theme-primary::after {
  background-color: #005fbf;
}

.nav-tabs .nav-link.active.theme-jurnal::after {
  background-color: #009bde;
}

.nav-tabs .nav-link.active.theme-talenta::after {
  background-color: #c02a34;
}

.nav-tabs .nav-link.active.theme-klikpajak::after {
  background-color: #f96d01;
}

.nav-tabs .nav-link.active.theme-mekari::after {
  background-color: #6d48e5;
}

.nav-tabs .nav-link.active.theme-dark::after {
  background-color: #212121;
}

.nav-tabs .nav-link.active.theme-slate::after {
  background-color: #777;
}

.nav-tabs .nav-link.active.theme-muted::after {
  background-color: #b4b4b4;
}

.nav-tabs .nav-link.active.theme-smoke::after {
  background-color: #e2e2e2;
}

.nav-tabs .nav-link.active.theme-light::after {
  background-color: #fbfbfb;
}

.nav-tabs .nav-link.active.theme-cloud::after {
  background-color: #f2f4f7;
}

.nav-tabs .nav-link.active.theme-link::after {
  background-color: #1357ff;
}

.nav-tabs .nav-link.active.theme-white::after {
  background-color: #fff;
}

.nav-tabs .nav-link.disabled {
  color: #b4b4b4;
  pointer-events: auto;
  cursor: not-allowed;
}

.nav-tabs .dropdown-menu {
  margin-top: 11px;
  border-radius: 4px;
}

.nav-tabs .dropdown-menu .dropdown-item.active {
  color: inherit;
  background-color: inherit;
}
/*# sourceMappingURL=mekari-ui-tabs.css.map */