Rev 1 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
.primary-navigation {
@include media-breakpoint-between(xs, md) {
.navbar-nav {
flex-direction: column!important;
}
}
.navigation {
height: 42px;
display: flex;
align-items: center;
@include media-breakpoint-only(md) {
height: 52px;
width: calc(100% - 20px);
margin: 0 10px 0;
}
@include media-breakpoint-between(xs, sm) {
height: max-content;
width: calc(100% - 20px);
margin: 20px 10px 0;
display: none;
}
.nav-link {
padding: 6px 12px;
color: var(--topbar-btn-text);
border: none;
border-radius: $btn-border-radius;
.theme-dark & {
color: $dm-topbar-btn-text;
}
@include media-breakpoint-up(lmd) {
margin: 0 1px;
}
&:before {
display: none;
}
&.active {
background-color: var(--topbar-btn-hover);
color: var(--topbar-btn-hover-text);
box-shadow: rgba(9,30,66,.25) 0 1px 1px,rgba(9,30,66,.13) 0 0 1px 1px;
.theme-dark & {
background-color: var(--dm-topbar-btn-hover);
color: var(--dm-topbar-btn-hover-text);
}
}
&[aria-expanded="true"],
&:hover {
background-color: var(--topbar-btn-hover);
color: var(--topbar-btn-hover-text);
.theme-dark & {
background-color: var(--dm-topbar-btn-hover);
color: var(--dm-topbar-btn-hover-text);
}
}
}
}
}
@include media-breakpoint-only(md) {
.primary-navigation {
position: relative;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
}
@include media-breakpoint-between(xs, sm) {
.primary-navigation {
position: relative;
width: 100%;
margin-top: 20px;
margin-bottom: 0;
}
}
.editmode-switch-form .custom-control-input {
z-index: 1;
}
.drawer-primary .drawercontent {
padding: 0;
.list-group {
border-radius: 0;
margin-top: -1px;
.list-group-item {
border-left: 0;
border-right: 0;
}
}
}