133 lines
2.5 KiB
Plaintext
133 lines
2.5 KiB
Plaintext
#quadmenu {
|
|
|
|
// Gutter
|
|
// -------------------------------------------------------------------------
|
|
|
|
.quadmenu-navbar-toggle {
|
|
margin-left: @horizontal-padding;
|
|
margin-right: @horizontal-padding;
|
|
}
|
|
|
|
.quadmenu-alert + .quadmenu-alert {
|
|
margin-top: @horizontal-padding;
|
|
}
|
|
|
|
.quadmenu-navbar-header {
|
|
.quadmenu-navbar-brand {
|
|
padding: 0 @horizontal-padding;
|
|
}
|
|
}
|
|
|
|
.quadmenu-navbar-collapse {
|
|
padding-right: @horizontal-padding;
|
|
padding-left: @horizontal-padding;
|
|
}
|
|
|
|
&.quadmenu-is-horizontal {
|
|
|
|
.quadmenu-navbar-nav {
|
|
|
|
> li.quadmenu-item-type-login,
|
|
> li.quadmenu-item-type-cart {
|
|
|
|
> .quadmenu-dropdown-menu {
|
|
|
|
padding: @horizontal-padding*2;
|
|
|
|
.quadmenu-bottom-text {
|
|
margin: @horizontal-padding*2 -@horizontal-padding*2 -@horizontal-padding*2 -@horizontal-padding*2;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
> li.quadmenu-item-type-login {
|
|
|
|
> .quadmenu-dropdown-menu {
|
|
margin: 0 -@horizontal-padding*2 0 -@horizontal-padding*2;
|
|
}
|
|
}
|
|
|
|
|
|
> li.quadmenu-item-type-cart {
|
|
|
|
&.quadmenu-cart-empty {
|
|
|
|
> .quadmenu-dropdown-menu {
|
|
.widget_shopping_cart {
|
|
padding-bottom: @horizontal-padding*2;
|
|
}
|
|
}
|
|
}
|
|
|
|
> .quadmenu-dropdown-menu {
|
|
|
|
.quadmenu-empty-icon {
|
|
padding-top: @horizontal-padding*2;
|
|
padding-bottom: @horizontal-padding*2;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
> li.quadmenu-item-type-social {
|
|
|
|
> .quadmenu-toggle-container {
|
|
|
|
> a {
|
|
padding-left: @horizontal-padding;
|
|
padding-right: @horizontal-padding;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
li.quadmenu-dropdown {
|
|
|
|
form {
|
|
|
|
.quadmenu-item-content + .quadmenu-item-content {
|
|
margin-top: @horizontal-padding;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
li.quadmenu-item-type-column {
|
|
|
|
> div > ul {
|
|
padding-top: @horizontal-padding;
|
|
padding-bottom: @horizontal-padding;
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
&:not(.quadmenu-is-horizontal) {
|
|
|
|
.quadmenu-navbar-nav {
|
|
|
|
> li.quadmenu-item-type-login {
|
|
|
|
> .quadmenu-dropdown-menu {
|
|
|
|
> ul {
|
|
> li.quadmenu-item {
|
|
|
|
> .quadmenu-item-content {
|
|
padding-left: @horizontal-padding*2;
|
|
padding-right: @horizontal-padding*2;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
} |