Varia: Reset side padding for list items
This commit is contained in:
parent
8b1a8399a3
commit
691d1c96cb
11 changed files with 59 additions and 15 deletions
|
@ -13,6 +13,7 @@
|
|||
@import "heading/editor";
|
||||
@import "gallery/editor";
|
||||
@import "group/editor";
|
||||
@import "latest-comments/editor";
|
||||
@import "latest-posts/editor";
|
||||
@import "list/editor";
|
||||
@import "media-text/editor";
|
||||
|
|
|
@ -0,0 +1,3 @@
|
|||
.wp-block-latest-comments {
|
||||
margin-left: 0;
|
||||
}
|
|
@ -1,5 +1,5 @@
|
|||
.wp-block-latest-comments {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
.wp-block-latest-comments__comment {
|
||||
font-size: #{map-deep-get($config-global, "font", "size", "sm")};
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
.wp-block-latest-posts {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
& > li {
|
||||
/* Vertical margins logic */
|
||||
|
|
|
@ -4,4 +4,11 @@
|
|||
margin: #{map-deep-get($config-global, "spacing", "vertical")} 0;
|
||||
padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
|
||||
}
|
||||
|
||||
li {
|
||||
> ul,
|
||||
> ol {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -46,7 +46,7 @@
|
|||
|
||||
.comment-list {
|
||||
border-bottom: 1px solid #{map-deep-get($config-global, "color", "border", "default")};
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
|
||||
> li {
|
||||
|
@ -58,7 +58,7 @@
|
|||
|
||||
.children {
|
||||
list-style: none;
|
||||
margin-left: #{map-deep-get($config-global, "spacing", "horizontal")};
|
||||
padding-left: #{map-deep-get($config-global, "spacing", "horizontal")};
|
||||
|
||||
> li {
|
||||
border-top: 1px solid #{map-deep-get($config-global, "color", "border", "default")};
|
||||
|
@ -67,7 +67,7 @@
|
|||
}
|
||||
|
||||
@include media(mobile) {
|
||||
margin-left: calc(2 * #{map-deep-get($config-global, "spacing", "horizontal")});
|
||||
padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -63,8 +63,13 @@
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
|
||||
ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
|
|
@ -7,6 +7,7 @@
|
|||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
|
||||
& > li:first-of-type > a {
|
||||
padding-left: 0;
|
||||
|
|
|
@ -415,6 +415,10 @@ object {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
@ -464,6 +468,11 @@ object {
|
|||
padding-left: 32px;
|
||||
}
|
||||
|
||||
.block-library-list li > ul,
|
||||
.block-library-list li > ol {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-block-media-text .block-editor-inner-blocks {
|
||||
padding-right: 16px;
|
||||
padding-left: 16px;
|
||||
|
@ -1004,10 +1013,15 @@ table th,
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.main-navigation > div > ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
@ -1163,6 +1177,7 @@ table th,
|
|||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
|
|
|
@ -1449,7 +1449,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-comments {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment {
|
||||
|
@ -1484,7 +1484,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-posts {
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts > li {
|
||||
|
@ -2375,10 +2375,15 @@ table th,
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-right: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.main-navigation > div > ul ul {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
@ -2534,6 +2539,7 @@ table th,
|
|||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
|
@ -2885,7 +2891,7 @@ table th,
|
|||
*/
|
||||
.comment-list {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
@ -2897,7 +2903,7 @@ table th,
|
|||
|
||||
.children {
|
||||
list-style: none;
|
||||
margin-right: 16px;
|
||||
padding-right: 16px;
|
||||
}
|
||||
|
||||
.children > li {
|
||||
|
@ -2908,7 +2914,7 @@ table th,
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.children {
|
||||
margin-right: calc(2 * 16px);
|
||||
padding-right: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -1449,7 +1449,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-comments {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-comments .wp-block-latest-comments__comment {
|
||||
|
@ -1484,7 +1484,7 @@ img {
|
|||
}
|
||||
|
||||
.wp-block-latest-posts {
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.wp-block-latest-posts > li {
|
||||
|
@ -2392,10 +2392,15 @@ table th,
|
|||
list-style: none;
|
||||
margin: 0;
|
||||
max-width: none;
|
||||
padding-left: 0;
|
||||
position: relative;
|
||||
/* Sub-menus Flyout */
|
||||
}
|
||||
|
||||
.main-navigation > div > ul ul {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.main-navigation > div > ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
|
@ -2551,6 +2556,7 @@ table th,
|
|||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.social-navigation > div > ul > li:first-of-type > a {
|
||||
|
@ -2902,7 +2908,7 @@ table th,
|
|||
*/
|
||||
.comment-list {
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
|
@ -2914,7 +2920,7 @@ table th,
|
|||
|
||||
.children {
|
||||
list-style: none;
|
||||
margin-left: 16px;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
.children > li {
|
||||
|
@ -2925,7 +2931,7 @@ table th,
|
|||
|
||||
@media only screen and (min-width: 560px) {
|
||||
.children {
|
||||
margin-left: calc(2 * 16px);
|
||||
padding-left: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue