toggle-blocks.scss 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. #{$wrap} .mega-menu-toggle {
  2. @each $item in $menu_toggle_blocks {
  3. $id: nth($item, 1);
  4. $align: nth($item, 2);
  5. $closed_text: nth($item, 3);
  6. $open_text: nth($item, 4);
  7. $closed_icon: nth($item, 5);
  8. $open_icon: nth($item, 6);
  9. $text_color: nth($item, 7);
  10. $icon_color: nth($item, 8);
  11. $icon_position: nth($item, 9);
  12. $text_size: nth($item, 10);
  13. $icon_size: nth($item, 11);
  14. @if type-of($id) == number {
  15. .mega-toggle-block-#{$id} {
  16. @if $icon_position == before {
  17. &:before {
  18. content: $closed_icon;
  19. font-family: 'dashicons';
  20. font-size: $icon_size;
  21. color: $icon_color;
  22. margin: 0 5px 0 0;
  23. }
  24. } @else {
  25. &:after {
  26. content: $closed_icon;
  27. font-family: 'dashicons';
  28. font-size: $icon_size;
  29. color: $icon_color;
  30. margin: 0 0 0 5px;
  31. }
  32. }
  33. .mega-toggle-label {
  34. color: $text_color;
  35. font-size: $text_size;
  36. .mega-toggle-label-open {
  37. display: none;
  38. }
  39. .mega-toggle-label-closed {
  40. display: inline;
  41. }
  42. }
  43. }
  44. &.mega-menu-open {
  45. .mega-toggle-block-#{$id} {
  46. @if $icon_position == before {
  47. &:before {
  48. content: $open_icon;
  49. }
  50. } @else {
  51. &:after {
  52. content: $open_icon;
  53. }
  54. }
  55. .mega-toggle-label-open {
  56. display: inline;
  57. }
  58. .mega-toggle-label-closed {
  59. display: none;
  60. }
  61. }
  62. }
  63. }
  64. }
  65. @each $item in $spacer_toggle_blocks {
  66. $id: nth($item, 1);
  67. $align: nth($item, 2);
  68. $width: nth($item, 3);
  69. @if type-of($id) == number {
  70. .mega-toggle-block-#{$id} {
  71. width: $width;
  72. margin: 0;
  73. }
  74. }
  75. }
  76. }