website/thaliawebsite/static/css/_navs.scss
.nav-tabs {
.nav-item {
float: left;
margin-top: 0;
&.show {
.nav-link {
color: var(--primary);
}
}
.nav-link {
background-color: transparent;
color: var(--nav-link-color);
font-family: $header-font;
font-size: 16px;
line-height: 18px;
padding: 10px 15px;
text-transform: uppercase;
border-top-right-radius: 0;
border-top-left-radius: 0;
&:hover {
color: var(--primary-hover);
}
&.active, &.mixitup-control-active {
color: var(--primary);
border-color: #dee2e6 #dee2e6 var(--background-color);
}
}
.nav-select {
color: var(--secondary);
font-family: $header-font;
font-size: 16px;
line-height: 18px;
padding: 4px 15px 0px 15px;
text-transform: uppercase;
border-top-right-radius: 0;
border-top-left-radius: 0;
border: 1px solid transparent;
&.active {
color: var(--primary);
}
}
}
&.no-border {
border-bottom: none;
}
}
.pagination {
border-radius: 0;
.page-item {
.page-link {
color: var(--primary);
background-color: var(--background-color);
border-color: var(--background-shade);
border-radius: 0;
&:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
}
&.active {
.page-link {
color: var(--white);
background-color: var(--primary);
border-color: var(--primary);
}
}
}
}
.accordion.bordered {
border: 1px solid rgba(0, 0, 0, 0.125);
> .card:last-of-type .show .card-body {
border-bottom: 0;
}
}