spaces to tabs, changed extend to an include

This commit is contained in:
Maggie Cabrera 2020-10-16 12:34:08 +02:00 committed by Ben Dwyer
parent bdf78506cd
commit f9a7a002d8
8 changed files with 160 additions and 54 deletions

View file

@ -319,7 +319,7 @@ a {
cursor: pointer;
}
.wp-block-search .wp-block-search__button, .wp-block-a8c-blog-posts + .button {
.wp-block-a8c-blog-posts + .button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
@ -333,27 +333,27 @@ a {
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
.wp-block-a8c-blog-posts + .button:before, .wp-block-a8c-blog-posts + .button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before {
.wp-block-a8c-blog-posts + .button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
.wp-block-a8c-blog-posts + .button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-search .wp-block-search__button:active, .wp-block-a8c-blog-posts + .button:active {
.wp-block-a8c-blog-posts + .button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-search .wp-block-search__button:hover, .wp-block-a8c-blog-posts + .button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .button:focus, .wp-block-search .has-focus.wp-block-search__button, .wp-block-a8c-blog-posts + .has-focus.button {
.wp-block-a8c-blog-posts + .button:hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-a8c-blog-posts + .has-focus.button {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
@ -1111,10 +1111,46 @@ p.has-background {
}
.wp-block-search .wp-block-search__button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
border: none;
box-shadow: none;
}
.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-search .wp-block-search__button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-search .wp-block-search__button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-search .wp-block-search__button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button.has-focus {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
.wp-block-search .wp-block-search__button.has-icon {
transform: scaleX(-1);
padding: 0;
@ -1919,7 +1955,7 @@ pre.wp-block-verse {
}
}
.wp-block-search .wp-block-search__button, .wp-block-a8c-blog-posts + .button {
.wp-block-a8c-blog-posts + .button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
@ -1933,27 +1969,27 @@ pre.wp-block-verse {
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
}
.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
.wp-block-a8c-blog-posts + .button:before, .wp-block-a8c-blog-posts + .button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before {
.wp-block-a8c-blog-posts + .button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
.wp-block-a8c-blog-posts + .button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-search .wp-block-search__button:active, .wp-block-a8c-blog-posts + .button:active {
.wp-block-a8c-blog-posts + .button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-search .wp-block-search__button:hover, .wp-block-a8c-blog-posts + .button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .button:focus, .wp-block-search .has-focus.wp-block-search__button, .wp-block-a8c-blog-posts + .has-focus.button {
.wp-block-a8c-blog-posts + .button:hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-a8c-blog-posts + .has-focus.button {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}

File diff suppressed because one or more lines are too long

View file

@ -23,7 +23,7 @@
@import "posts-list/editor";
@import "pullquote/editor";
@import "quote/editor";
@import "search/editor";
@import "search/style";
@import "separator/editor";
@import "slideshow/editor";
@import "subscription/editor";

View file

@ -1 +0,0 @@
@import "style";

View file

@ -40,7 +40,7 @@
}
}
.wp-block-search__button {
@extend %button-style;
@include button-style();
border: none;
box-shadow: none;
&.has-icon {

View file

@ -571,7 +571,7 @@ body {
button,
.button,
input[type="submit"],
.wp-block-button__link, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, button[data-load-more-btn] {
.wp-block-button__link, .a8c-posts-list__view-all, button[data-load-more-btn] {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
@ -588,10 +588,10 @@ input[type="submit"],
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before, button:after,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
content: '';
display: block;
height: 0;
@ -601,21 +601,21 @@ input[type="submit"]:after,
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before {
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
button:active,
.button:active,
input:active[type="submit"],
.wp-block-button__link:active, .a8c-posts-list__view-all:active, .wp-block-search .wp-block-search__button:active {
.wp-block-button__link:active, .a8c-posts-list__view-all:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
@ -623,13 +623,13 @@ input:active[type="submit"],
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, .wp-block-search .wp-block-search__button:hover, button:focus,
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, button.has-focus,
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button {
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
@ -2314,10 +2314,46 @@ p.has-text-color a {
}
.wp-block-search .wp-block-search__button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
border: none;
box-shadow: none;
}
.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-search .wp-block-search__button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-search .wp-block-search__button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-search .wp-block-search__button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button.has-focus {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
.wp-block-search .wp-block-search__button.has-icon {
transform: scaleX(-1);
padding: 0;
@ -4039,7 +4075,7 @@ img#wpstats {
button,
.button,
input[type="submit"],
.wp-block-button__link, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, button[data-load-more-btn] {
.wp-block-button__link, .a8c-posts-list__view-all, button[data-load-more-btn] {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
@ -4056,10 +4092,10 @@ input[type="submit"],
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before, button:after,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
content: '';
display: block;
height: 0;
@ -4069,21 +4105,21 @@ input[type="submit"]:after,
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before {
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
button:active,
.button:active,
input:active[type="submit"],
.wp-block-button__link:active, .a8c-posts-list__view-all:active, .wp-block-search .wp-block-search__button:active {
.wp-block-button__link:active, .a8c-posts-list__view-all:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
@ -4091,13 +4127,13 @@ input:active[type="submit"],
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, .wp-block-search .wp-block-search__button:hover, button:focus,
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, button.has-focus,
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button {
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}

View file

@ -571,7 +571,7 @@ body {
button,
.button,
input[type="submit"],
.wp-block-button__link, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, button[data-load-more-btn] {
.wp-block-button__link, .a8c-posts-list__view-all, button[data-load-more-btn] {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
@ -588,10 +588,10 @@ input[type="submit"],
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before, button:after,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
content: '';
display: block;
height: 0;
@ -601,21 +601,21 @@ input[type="submit"]:after,
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before {
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
button:active,
.button:active,
input:active[type="submit"],
.wp-block-button__link:active, .a8c-posts-list__view-all:active, .wp-block-search .wp-block-search__button:active {
.wp-block-button__link:active, .a8c-posts-list__view-all:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
@ -623,13 +623,13 @@ input:active[type="submit"],
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, .wp-block-search .wp-block-search__button:hover, button:focus,
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, button.has-focus,
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button {
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
@ -2314,10 +2314,46 @@ p.has-text-color a {
}
.wp-block-search .wp-block-search__button {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
font-weight: var(--button--font-weight);
font-family: var(--button--font-family);
font-size: var(--button--font-size);
background-color: var(--button--color-background);
border-radius: var(--button--border-radius);
border-width: 0;
text-decoration: none;
padding: var(--button--padding-vertical) var(--button--padding-horizontal);
border: none;
box-shadow: none;
}
.wp-block-search .wp-block-search__button:before, .wp-block-search .wp-block-search__button:after {
content: '';
display: block;
height: 0;
width: 0;
}
.wp-block-search .wp-block-search__button:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
.wp-block-search .wp-block-search__button:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
.wp-block-search .wp-block-search__button:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
.wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button.has-focus {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}
.wp-block-search .wp-block-search__button.has-icon {
transform: scaleX(-1);
padding: 0;
@ -4060,7 +4096,7 @@ img#wpstats {
button,
.button,
input[type="submit"],
.wp-block-button__link, .a8c-posts-list__view-all, .wp-block-search .wp-block-search__button, button[data-load-more-btn] {
.wp-block-button__link, .a8c-posts-list__view-all, button[data-load-more-btn] {
line-height: var(--button--line-height);
color: var(--button--color-text);
cursor: pointer;
@ -4077,10 +4113,10 @@ input[type="submit"],
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before, button:after,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
content: '';
display: block;
height: 0;
@ -4090,21 +4126,21 @@ input[type="submit"]:after,
button:before,
.button:before,
input[type="submit"]:before,
.wp-block-button__link:before, .a8c-posts-list__view-all:before, .wp-block-search .wp-block-search__button:before, button[data-load-more-btn]:before {
.wp-block-button__link:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
}
button:after,
.button:after,
input[type="submit"]:after,
.wp-block-button__link:after, .a8c-posts-list__view-all:after, .wp-block-search .wp-block-search__button:after, button[data-load-more-btn]:after {
.wp-block-button__link:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
margin-top: -calc(.5em * var(--button--line-height) + -.39);
}
button:active,
.button:active,
input:active[type="submit"],
.wp-block-button__link:active, .a8c-posts-list__view-all:active, .wp-block-search .wp-block-search__button:active {
.wp-block-button__link:active, .a8c-posts-list__view-all:active {
color: var(--button--color-text-active);
background-color: var(--button--color-background-active);
}
@ -4112,13 +4148,13 @@ input:active[type="submit"],
button:hover,
.button:hover,
input:hover[type="submit"],
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, .wp-block-search .wp-block-search__button:hover, button:focus,
.wp-block-button__link:hover, .a8c-posts-list__view-all:hover, button:focus,
.button:focus,
input:focus[type="submit"],
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, .wp-block-search .wp-block-search__button:focus, button.has-focus,
.wp-block-button__link:focus, .a8c-posts-list__view-all:focus, button.has-focus,
.has-focus.button,
input.has-focus[type="submit"],
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all, .wp-block-search .has-focus.wp-block-search__button {
.has-focus.wp-block-button__link, .has-focus.a8c-posts-list__view-all {
color: var(--button--color-text-hover);
background-color: var(--button--color-background-hover);
}

File diff suppressed because one or more lines are too long