WordPress.org
Get WordPress

Plugin Directory

Changeset 3200990


Ignore:
Timestamp:
12/02/2024 02:33:08 PM (16 months ago)
Author:
megamenu
Message:

Update padding mixin, use across stylesheets

Location:
megamenu/trunk/css
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • megamenu/trunk/css/megamenu.flex.scss

    r3200900 r3200990  
    124124        @include padding($container_padding_top, $container_padding_right, $container_padding_bottom, $container_padding_left);
    125125
    126         &.mega-menu-vertical,
    127         &.mega-menu-accordion {
    128             flex-direction: column;
    129         }
    130 
    131126        li.mega-menu-item {
    132127            a.mega-menu-link {
    … …  
    435430            > a.mega-menu-link {
    436431                min-height: $menu_item_link_height;
    437                 padding: $menu_item_link_padding_top $menu_item_link_padding_right $menu_item_link_padding_bottom $menu_item_link_padding_left;
     432                @include padding($menu_item_link_padding_top, $menu_item_link_padding_right, $menu_item_link_padding_bottom, $menu_item_link_padding_left);
    438433                color: $menu_item_link_color;
    439434                text-transform: $menu_item_link_text_transform;
    … …  
    494489
    495490                    > .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    496                         padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
     491                        @include padding($panel_widget_padding_top, $panel_widget_padding_right, $panel_widget_padding_bottom, $panel_widget_padding_left);
    497492                        width: 100%;
    498493                    }
    … …  
    509504            @include background($panel_background_from, $panel_background_to);
    510505            @include border($panel_border_top, $panel_border_left, $panel_border_right, $panel_border_bottom, $panel_border_color);
    511             padding: $panel_padding_top $panel_padding_right $panel_padding_bottom $panel_padding_left;
     506            @include padding($panel_padding_top, $panel_padding_right, $panel_padding_bottom, $panel_padding_left);
    512507
    513508            @include desktop {
    … …  
    551546            font-family: unquote($panel_font_family);
    552547            font-size: $panel_font_size;
    553             padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
     548            @include padding($panel_widget_padding_top, $panel_widget_padding_right, $panel_widget_padding_bottom, $panel_widget_padding_left);
    554549
    555550            // Widget titles
    … …  
    563558                text-align: $panel_header_text_align;
    564559                margin: $panel_header_margin_top $panel_header_margin_right $panel_header_margin_bottom $panel_header_margin_left;
    565                 padding: $panel_header_padding_top $panel_header_padding_right $panel_header_padding_bottom $panel_header_padding_left;
     560                @include padding($panel_header_padding_top, $panel_header_padding_right, $panel_header_padding_bottom, $panel_header_padding_left);
    566561                @include border($panel_header_border_top, $panel_header_border_left, $panel_header_border_right, $panel_header_border_bottom, $panel_header_border_color);
    567562
    … …  
    581576                text-align: $panel_second_level_text_align;
    582577                margin: $panel_second_level_margin_top $panel_second_level_margin_right $panel_second_level_margin_bottom $panel_second_level_margin_left;
    583                 padding: $panel_second_level_padding_top $panel_second_level_padding_right $panel_second_level_padding_bottom $panel_second_level_padding_left;
     578                @include padding($panel_second_level_padding_top, $panel_second_level_padding_right, $panel_second_level_padding_bottom, $panel_second_level_padding_left);
    584579                @include border($panel_second_level_border_top, $panel_second_level_border_left, $panel_second_level_border_right, $panel_second_level_border_bottom, $panel_second_level_border_color);
    585580           
    … …  
    608603                text-align: $panel_third_level_text_align;
    609604                margin: $panel_third_level_margin_top $panel_third_level_margin_right $panel_third_level_margin_bottom $panel_third_level_margin_left;
    610                 padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
     605                @include padding($panel_third_level_padding_top, $panel_third_level_padding_right, $panel_third_level_padding_bottom, $panel_third_level_padding_left);
    611606                @include border($panel_third_level_border_top, $panel_third_level_border_left, $panel_third_level_border_right, $panel_third_level_border_bottom, $panel_third_level_border_color);
    612607           
    … …  
    639634                width: $flyout_width;
    640635                z-index: $z_index;
    641                 padding: $flyout_padding_top $flyout_padding_right $flyout_padding_bottom $flyout_padding_left;
     636                @include padding($flyout_padding_top, $flyout_padding_right, $flyout_padding_bottom, $flyout_padding_left);
    642637                @include border($flyout_border_top, $flyout_border_left, $flyout_border_right, $flyout_border_bottom, $flyout_border_color);
    643638                @include border-radius($flyout_border_radius_top_left, $flyout_border_radius_top_right, $flyout_border_radius_bottom_right, $flyout_border_radius_bottom_left);
    … …  
    662657                    font-size: $flyout_link_size;
    663658                    font-weight: $flyout_link_weight;
    664                     padding: $flyout_link_padding_top $flyout_link_padding_right $flyout_link_padding_bottom $flyout_link_padding_left;
     659                    @include padding($flyout_link_padding_top, $flyout_link_padding_right, $flyout_link_padding_bottom, $flyout_link_padding_left);
    665660                    min-height: $flyout_link_height;
    666661                    text-decoration: $flyout_link_text_decoration;
    … …  
    950945                flex-wrap: nowrap;
    951946                @include background($mobile_background_from, $mobile_background_to);
    952                 padding: $mobile_menu_padding_top $mobile_menu_padding_right $mobile_menu_padding_bottom $mobile_menu_padding_left;
     947                @include padding($mobile_menu_padding_top, $mobile_menu_padding_right, $mobile_menu_padding_bottom, $mobile_menu_padding_left);
    953948               
    954949                @if $disable_mobile_toggle == on {

  • megamenu/trunk/css/megamenu.scss

    r3194988 r3200990  
    118118    #{$menu} {
    119119        text-align: $menu_item_align;
    120         padding: $container_padding_top $container_padding_right $container_padding_bottom $container_padding_left;
     120        @include padding($container_padding_top, $container_padding_right, $container_padding_bottom, $container_padding_left);
    121121
    122122        a.mega-menu-link {
    … …  
    476476                line-height: $menu_item_link_height;
    477477                height: $menu_item_link_height;
    478                 padding: $menu_item_link_padding_top $menu_item_link_padding_right $menu_item_link_padding_bottom $menu_item_link_padding_left;
     478                @include padding($menu_item_link_padding_top, $menu_item_link_padding_right, $menu_item_link_padding_bottom, $menu_item_link_padding_left);
    479479                vertical-align: baseline;
    480480                width: auto;
    … …  
    580580
    581581            .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    582                 padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
     582                @include padding($panel_widget_padding_top, $panel_widget_padding_right, $panel_widget_padding_bottom, $panel_widget_padding_left);
    583583                width: 100%;
    584584            }
    … …  
    591591            @include background($panel_background_from, $panel_background_to);
    592592            @include border($panel_border_top, $panel_border_left, $panel_border_right, $panel_border_bottom, $panel_border_color);
    593             padding: $panel_padding_top $panel_padding_right $panel_padding_bottom $panel_padding_left;
     593            @include padding($panel_padding_top, $panel_padding_right, $panel_padding_bottom, $panel_padding_left);
    594594            position: absolute;
    595595            width: $panel_width;
    … …  
    649649                float: left;
    650650                clear: none;
    651                 padding: $panel_widget_padding_top $panel_widget_padding_right $panel_widget_padding_bottom $panel_widget_padding_left;
     651                @include padding($panel_widget_padding_top, $panel_widget_padding_right, $panel_widget_padding_bottom, $panel_widget_padding_left);
    652652                vertical-align: top;
    653653
    … …  
    666666                    text-align: $panel_header_text_align;
    667667                    margin: $panel_header_margin_top $panel_header_margin_right $panel_header_margin_bottom $panel_header_margin_left;
    668                     padding: $panel_header_padding_top $panel_header_padding_right $panel_header_padding_bottom $panel_header_padding_left;
     668                    @include padding($panel_header_padding_top, $panel_header_padding_right, $panel_header_padding_bottom, $panel_header_padding_left);
    669669                    vertical-align: top;
    670670                    display: block;
    … …  
    687687                    text-align: $panel_second_level_text_align;
    688688                    margin: $panel_second_level_margin_top $panel_second_level_margin_right $panel_second_level_margin_bottom $panel_second_level_margin_left;
    689                     padding: $panel_second_level_padding_top $panel_second_level_padding_right $panel_second_level_padding_bottom $panel_second_level_padding_left;
     689                    @include padding($panel_second_level_padding_top, $panel_second_level_padding_right, $panel_second_level_padding_bottom, $panel_second_level_padding_left);
    690690                    vertical-align: top;
    691691                    display: block;
    … …  
    720720                        text-align: $panel_third_level_text_align;
    721721                        margin: $panel_third_level_margin_top $panel_third_level_margin_right $panel_third_level_margin_bottom $panel_third_level_margin_left;
    722                         padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
     722                        @include padding($panel_third_level_padding_top, $panel_third_level_padding_right, $panel_third_level_padding_bottom, $panel_third_level_padding_left);
    723723                        vertical-align: top;
    724724                        display: block;
    … …  
    779779                margin: 0;
    780780                border: 0;
    781                 padding: $panel_third_level_padding_top $panel_third_level_padding_right $panel_third_level_padding_bottom $panel_third_level_padding_left;
     781                @include padding($panel_third_level_padding_top, $panel_third_level_padding_right, $panel_third_level_padding_bottom, $panel_third_level_padding_left);
    782782                vertical-align: top;
    783783                display: block;
    … …  
    801801            width: $flyout_width;
    802802            max-width: none;
    803             padding: $flyout_padding_top $flyout_padding_right $flyout_padding_bottom $flyout_padding_left;
     803            @include padding($flyout_padding_top, $flyout_padding_right, $flyout_padding_bottom, $flyout_padding_left);
    804804            @include border($flyout_border_top, $flyout_border_left, $flyout_border_right, $flyout_border_bottom, $flyout_border_color);
    805805            @include background($flyout_menu_background_from, $flyout_menu_background_to);
    … …  
    861861                    font-size: $flyout_link_size;
    862862                    font-weight: $flyout_link_weight;
    863                     padding: $flyout_link_padding_top $flyout_link_padding_right $flyout_link_padding_bottom $flyout_link_padding_left;
     863                    @include padding($flyout_link_padding_top, $flyout_link_padding_right, $flyout_link_padding_bottom, $flyout_link_padding_left);
    864864                    line-height: $flyout_link_height;
    865865                    text-decoration: $flyout_link_text_decoration;
    … …  
    12731273            + #{$menu} {
    12741274                @include background($mobile_background_from, $mobile_background_to);
    1275                 padding: $mobile_menu_padding_top $mobile_menu_padding_right $mobile_menu_padding_bottom $mobile_menu_padding_left;
     1275                @include padding($mobile_menu_padding_top, $mobile_menu_padding_right, $mobile_menu_padding_bottom, $mobile_menu_padding_left);
    12761276               
    12771277                @if $disable_mobile_toggle == on {

  • megamenu/trunk/css/mixin.scss

    r3193096 r3200990  
    11@mixin padding($top: 0, $right: 0, $bottom: 0, $left: 0) {
    2     @if $top == 0 and $right == 0 and $bottom == 0 and $left == 0 {
    3         padding: 0;
    4     } @else if $top == 0px and $right == 0px and $bottom == 0px and $left == 0px {
    5         padding: 0;
     2    @if $top == $right and $right == $bottom and $bottom == $left and $left == $top {
     3        padding: $top;
     4    } @else if $top == $bottom and $right == $left {
     5        padding: $top $right;
    66    } @else {
    77        padding: $top $right $bottom $left;
    … …  
    1010
    1111@mixin border-radius($topleft: 0, $topright: 0, $bottomright: 0, $bottomleft: 0) {
    12     @if $topleft == 0 and $topright == 0 and $bottomright == 0 and $bottomleft == 0 {
    13         border-radius: 0;
    14     } @else if $topleft == 0px and $topright == 0px and $bottomright == 0px and $bottomleft == 0px {
    15         border-radius: 0;
     12    @if $topleft == $topright and $topright == $bottomright and $bottomright == $bottomleft and $bottomleft == $topleft {
     13        border-radius: $topleft;
    1614    } @else {
    1715        border-radius: $topleft $topright $bottomright $bottomleft;
Note: See TracChangeset for help on using the changeset viewer.