Move CSS to remove button styling into mixins.scss
This commit is contained in:
parent
420f81ebcd
commit
b4bf9733ad
2 changed files with 12 additions and 14 deletions
|
@ -751,13 +751,7 @@ span.status {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background: none;
|
@include remove-button-styles;
|
||||||
color: inherit;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
font: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: inherit;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.first-line {
|
.first-line {
|
||||||
|
@ -875,13 +869,7 @@ span.status {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
background: none;
|
@include remove-button-styles;
|
||||||
color: inherit;
|
|
||||||
border: none;
|
|
||||||
padding: 0;
|
|
||||||
font: inherit;
|
|
||||||
cursor: pointer;
|
|
||||||
outline: inherit;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-container {
|
.image-container {
|
||||||
|
|
|
@ -1,3 +1,13 @@
|
||||||
|
@mixin remove-button-styles() {
|
||||||
|
background: none;
|
||||||
|
color: inherit;
|
||||||
|
border: none;
|
||||||
|
padding: 0;
|
||||||
|
font: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
outline: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
@mixin color-svg($svg, $color) {
|
@mixin color-svg($svg, $color) {
|
||||||
-webkit-mask: url($svg) no-repeat center;
|
-webkit-mask: url($svg) no-repeat center;
|
||||||
-webkit-mask-size: 100%;
|
-webkit-mask-size: 100%;
|
||||||
|
|
Loading…
Reference in a new issue