$accordionmenu-arrow-size: 6px !default;
@mixin zf-accordion-menu-left-right-arrows {
- .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { // sass-lint:disable-line force-element-nesting force-pseudo-nesting
+ .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
position: relative;
&::after {
}
}
- &.align-left .is-accordion-submenu-parent > a::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting
+ &.align-left .is-accordion-submenu-parent > a::after {
right: 1rem;
left: auto;
}
- &.align-right .is-accordion-submenu-parent > a::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting
+ &.align-right .is-accordion-submenu-parent > a::after {
right: auto;
left: 1rem;
}
padding: $accordionmenu-padding;
}
- .is-accordion-submenu a { // sass-lint:disable-line force-element-nesting
+ .is-accordion-submenu a {
padding: $accordionmenu-submenu-padding;
}
- .nested.is-accordion-submenu { // sass-lint:disable-line force-element-nesting
+ .nested.is-accordion-submenu {
@include menu-nested($accordionmenu-nested-margin);
}
&.align-#{$global-right} {
- .nested.is-accordion-submenu { // sass-lint:disable-line force-element-nesting
+ .nested.is-accordion-submenu {
@include menu-nested($accordionmenu-nested-margin, right);
}
}
@if $accordionmenu-arrows {
@include zf-accordion-menu-left-right-arrows;
- .is-accordion-submenu-parent[aria-expanded='true'] > a::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting force-attribute-nesting
+ .is-accordion-submenu-parent[aria-expanded='true'] > a::after {
transform: rotate(180deg);
transform-origin: 50% 50%;
}
}
}
- .is-accordion-submenu li { // sass-lint:disable-line force-element-nesting force-attribute-nesting
+ .is-accordion-submenu li {
@if $accordionmenu-border {
border-right: 0;
border-left: 0;
}
// Rotate the arrow when menu is open
- .submenu-toggle[aria-expanded='true']::after { // sass-lint:disable-line force-element-nesting force-pseudo-nesting force-attribute-nesting
+ .submenu-toggle[aria-expanded='true']::after {
transform: scaleY(-1);
transform-origin: 50% 50%;
}
// Two or more childreen
@for $i from 2 through $buttongroup-expand-max {
- &:first-child:nth-last-child(#{$i}) { // sass-lint:disable-line force-pseudo-nesting
- &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} { // sass-lint:disable-line force-pseudo-nesting
+ &:first-child:nth-last-child(#{$i}) {
+ &, &:first-child:nth-last-child(#{$i}) ~ #{$selector} {
display: inline-block;
width: calc(#{percentage(1 / $i)} - #{$spacing});
margin-#{$global-right}: $spacing;
// Sizes
@each $size, $value in map-remove($button-sizes, default) {
- &.#{$size} #{$buttongroup-child-selector} { // sass-lint:disable-line force-element-nesting
+ &.#{$size} #{$buttongroup-child-selector} {
font-size: $value;
}
}
@each $name, $color in $button-palette {
$individual-selector: if($button-fill == $filling, null, ' #{$buttongroup-child-selector}.#{$name}');
- &.#{$name} #{$buttongroup-child-selector}, #{$individual-selector} { // sass-lint:disable-line force-element-nesting
+ &.#{$name} #{$buttongroup-child-selector}, #{$individual-selector} {
@include button-fill-style($filling, $color, auto, auto);
}
}