mirror of
git://develop.git.wordpress.org/
synced 2025-03-21 12:29:53 +01:00
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. git-svn-id: https://develop.svn.wordpress.org/trunk@52237 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
parent
7723214065
commit
5252489c0c
@ -7345,51 +7345,6 @@ h1.page-title {
|
||||
}
|
||||
}
|
||||
|
||||
.widget-area ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget-area ul li {
|
||||
line-height: 1.9;
|
||||
}
|
||||
|
||||
.widget-area ul.sub-menu {
|
||||
margin-left: 13px;
|
||||
}
|
||||
|
||||
.widget-area ul.children {
|
||||
margin-left: 13px;
|
||||
}
|
||||
|
||||
.widget-area ul .sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widget-area a {
|
||||
color: #28303d;
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
.widget-area a:link {
|
||||
color: #28303d;
|
||||
}
|
||||
|
||||
.widget-area a:visited {
|
||||
color: #28303d;
|
||||
}
|
||||
|
||||
.widget-area a:active {
|
||||
color: #28303d;
|
||||
}
|
||||
|
||||
.widget-area a:hover {
|
||||
color: #28303d;
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.widget-area .wp-block-social-links.alignright {
|
||||
margin-top: 30px;
|
||||
justify-content: flex-end;
|
||||
@ -7459,6 +7414,51 @@ h1.page-title {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.widget ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget ul li {
|
||||
line-height: 1.9;
|
||||
}
|
||||
|
||||
.widget ul.sub-menu {
|
||||
margin-left: 13px;
|
||||
}
|
||||
|
||||
.widget ul.children {
|
||||
margin-left: 13px;
|
||||
}
|
||||
|
||||
.widget ul .sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widget a {
|
||||
color: #28303d;
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
.widget a:link {
|
||||
color: #28303d;
|
||||
}
|
||||
|
||||
.widget a:visited {
|
||||
color: #28303d;
|
||||
}
|
||||
|
||||
.widget a:active {
|
||||
color: #28303d;
|
||||
}
|
||||
|
||||
.widget a:hover {
|
||||
color: #28303d;
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
File diff suppressed because one or more lines are too long
@ -20,42 +20,6 @@
|
||||
margin-top: calc(3 * var(--global--spacing-vertical));
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
line-height: var(--widget--line-height-list);
|
||||
}
|
||||
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
margin-left: var(--widget--spacing-menu);
|
||||
}
|
||||
|
||||
.sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--footer--color-link);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
|
||||
&:link,
|
||||
&:visited,
|
||||
&:active {
|
||||
color: var(--footer--color-link);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--footer--color-link-hover);
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
}
|
||||
|
||||
.wp-block-social-links {
|
||||
|
||||
&.alignright {
|
||||
@ -110,6 +74,42 @@
|
||||
h6 {
|
||||
font-size: var(--global--font-size-xs);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
line-height: var(--widget--line-height-list);
|
||||
}
|
||||
|
||||
&.sub-menu,
|
||||
&.children {
|
||||
margin-left: var(--widget--spacing-menu);
|
||||
}
|
||||
|
||||
.sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--footer--color-link);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
|
||||
&:link,
|
||||
&:visited,
|
||||
&:active {
|
||||
color: var(--footer--color-link);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--footer--color-link-hover);
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Search widget styles
|
||||
|
@ -5427,42 +5427,6 @@ h1.page-title {
|
||||
}
|
||||
}
|
||||
|
||||
.widget-area ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget-area ul li {
|
||||
line-height: var(--widget--line-height-list);
|
||||
}
|
||||
|
||||
.widget-area ul.sub-menu,
|
||||
.widget-area ul.children {
|
||||
margin-right: var(--widget--spacing-menu);
|
||||
}
|
||||
|
||||
.widget-area ul .sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widget-area a {
|
||||
color: var(--footer--color-link);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
.widget-area a:link,
|
||||
.widget-area a:visited,
|
||||
.widget-area a:active {
|
||||
color: var(--footer--color-link);
|
||||
}
|
||||
|
||||
.widget-area a:hover {
|
||||
color: var(--footer--color-link-hover);
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.widget-area .wp-block-social-links.alignright {
|
||||
margin-top: var(--global--spacing-vertical);
|
||||
justify-content: flex-end;
|
||||
@ -5512,6 +5476,42 @@ h1.page-title {
|
||||
font-size: var(--global--font-size-xs);
|
||||
}
|
||||
|
||||
.widget ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget ul li {
|
||||
line-height: var(--widget--line-height-list);
|
||||
}
|
||||
|
||||
.widget ul.sub-menu,
|
||||
.widget ul.children {
|
||||
margin-right: var(--widget--spacing-menu);
|
||||
}
|
||||
|
||||
.widget ul .sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widget a {
|
||||
color: var(--footer--color-link);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
.widget a:link,
|
||||
.widget a:visited,
|
||||
.widget a:active {
|
||||
color: var(--footer--color-link);
|
||||
}
|
||||
|
||||
.widget a:hover {
|
||||
color: var(--footer--color-link-hover);
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
@ -5463,42 +5463,6 @@ h1.page-title {
|
||||
}
|
||||
}
|
||||
|
||||
.widget-area ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget-area ul li {
|
||||
line-height: var(--widget--line-height-list);
|
||||
}
|
||||
|
||||
.widget-area ul.sub-menu,
|
||||
.widget-area ul.children {
|
||||
margin-left: var(--widget--spacing-menu);
|
||||
}
|
||||
|
||||
.widget-area ul .sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widget-area a {
|
||||
color: var(--footer--color-link);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
.widget-area a:link,
|
||||
.widget-area a:visited,
|
||||
.widget-area a:active {
|
||||
color: var(--footer--color-link);
|
||||
}
|
||||
|
||||
.widget-area a:hover {
|
||||
color: var(--footer--color-link-hover);
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.widget-area .wp-block-social-links.alignright {
|
||||
margin-top: var(--global--spacing-vertical);
|
||||
justify-content: flex-end;
|
||||
@ -5548,6 +5512,42 @@ h1.page-title {
|
||||
font-size: var(--global--font-size-xs);
|
||||
}
|
||||
|
||||
.widget ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.widget ul li {
|
||||
line-height: var(--widget--line-height-list);
|
||||
}
|
||||
|
||||
.widget ul.sub-menu,
|
||||
.widget ul.children {
|
||||
margin-left: var(--widget--spacing-menu);
|
||||
}
|
||||
|
||||
.widget ul .sub-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widget a {
|
||||
color: var(--footer--color-link);
|
||||
text-decoration: underline;
|
||||
text-decoration-style: solid;
|
||||
text-decoration-color: currentColor;
|
||||
}
|
||||
|
||||
.widget a:link,
|
||||
.widget a:visited,
|
||||
.widget a:active {
|
||||
color: var(--footer--color-link);
|
||||
}
|
||||
|
||||
.widget a:hover {
|
||||
color: var(--footer--color-link-hover);
|
||||
text-decoration-style: dotted;
|
||||
}
|
||||
|
||||
.search-form {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user