| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- #{$wrap} .mega-menu-toggle {
- @each $item in $menu_toggle_blocks {
- $id: nth($item, 1);
- $align: nth($item, 2);
- $closed_text: nth($item, 3);
- $open_text: nth($item, 4);
- $closed_icon: nth($item, 5);
- $open_icon: nth($item, 6);
- $text_color: nth($item, 7);
- $icon_color: nth($item, 8);
- $icon_position: nth($item, 9);
- $text_size: nth($item, 10);
- $icon_size: nth($item, 11);
- @if type-of($id) == number {
- .mega-toggle-block-#{$id} {
- @if $icon_position == before {
- &:before {
- content: $closed_icon;
- font-family: 'dashicons';
- font-size: $icon_size;
- color: $icon_color;
- margin: 0 5px 0 0;
- }
- } @else {
- &:after {
- content: $closed_icon;
- font-family: 'dashicons';
- font-size: $icon_size;
- color: $icon_color;
- margin: 0 0 0 5px;
- }
- }
- .mega-toggle-label {
- color: $text_color;
- font-size: $text_size;
- .mega-toggle-label-open {
- display: none;
- }
-
- .mega-toggle-label-closed {
- display: inline;
- }
- }
- }
- &.mega-menu-open {
- .mega-toggle-block-#{$id} {
- @if $icon_position == before {
- &:before {
- content: $open_icon;
- }
- } @else {
- &:after {
- content: $open_icon;
- }
- }
- .mega-toggle-label-open {
- display: inline;
- }
- .mega-toggle-label-closed {
- display: none;
- }
- }
- }
- }
- }
- @each $item in $spacer_toggle_blocks {
- $id: nth($item, 1);
- $align: nth($item, 2);
- $width: nth($item, 3);
- @if type-of($id) == number {
- .mega-toggle-block-#{$id} {
- width: $width;
- margin: 0;
- }
- }
- }
- }
|