WordPress.org

Make WordPress Core


Ignore:
Timestamp:
11/23/2021 11:23:38 PM (2 weeks ago)
Author:
audrasjb
Message:

Twenty Twenty-One: Style adjustments for list-based widgets in the widget editor.

This change brings style consistency between front-end and widget editor for list-based widgets.

Props circlecube, Rahmohn.
Fixes #53629.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/widgets.scss

    r51088 r52237  
    1919    @include media(mobile-only) {
    2020        margin-top: calc(3 * var(--global--spacing-vertical));
    21     }
    22 
    23     ul {
    24         list-style-type: none;
    25         padding: 0;
    26 
    27         li {
    28             line-height: var(--widget--line-height-list);
    29         }
    30 
    31         &.sub-menu,
    32         &.children {
    33             margin-left: var(--widget--spacing-menu);
    34         }
    35 
    36         .sub-menu-toggle {
    37             display: none;
    38         }
    39     }
    40 
    41     a {
    42         color: var(--footer--color-link);
    43         text-decoration: underline;
    44         text-decoration-style: solid;
    45         text-decoration-color: currentColor;
    46 
    47         &:link,
    48         &:visited,
    49         &:active {
    50             color: var(--footer--color-link);
    51         }
    52 
    53         &:hover {
    54             color: var(--footer--color-link-hover);
    55             text-decoration-style: dotted;
    56         }
    5721    }
    5822
     
    11175        font-size: var(--global--font-size-xs);
    11276    }
     77
     78    ul {
     79        list-style-type: none;
     80        padding: 0;
     81
     82        li {
     83            line-height: var(--widget--line-height-list);
     84        }
     85
     86        &.sub-menu,
     87        &.children {
     88            margin-left: var(--widget--spacing-menu);
     89        }
     90
     91        .sub-menu-toggle {
     92            display: none;
     93        }
     94    }
     95
     96    a {
     97        color: var(--footer--color-link);
     98        text-decoration: underline;
     99        text-decoration-style: solid;
     100        text-decoration-color: currentColor;
     101
     102        &:link,
     103        &:visited,
     104        &:active {
     105            color: var(--footer--color-link);
     106        }
     107
     108        &:hover {
     109            color: var(--footer--color-link-hover);
     110            text-decoration-style: dotted;
     111        }
     112    }
    113113}
    114114
Note: See TracChangeset for help on using the changeset viewer.