refactor(css): appearance mixin (#8212)

This commit is contained in:
Manu Mtz.-Almeida
2016-10-06 22:18:00 +02:00
committed by Brandy Carney
parent 9f697a13e5
commit f34d0c298e
5 changed files with 10 additions and 11 deletions

View File

@ -149,14 +149,14 @@ $alert-ios-checkbox-icon-transform: rotate(45deg) !default;
// -------------------------------------------------- // --------------------------------------------------
.alert-ios .alert-input { .alert-ios .alert-input {
@include appearance(none);
margin-top: $alert-ios-input-margin-top; margin-top: $alert-ios-input-margin-top;
padding: $alert-ios-input-padding; padding: $alert-ios-input-padding;
border: $alert-ios-input-border; border: $alert-ios-input-border;
border-radius: $alert-ios-input-border-radius; border-radius: $alert-ios-input-border-radius;
background-color: $alert-ios-input-background-color; background-color: $alert-ios-input-background-color;
-webkit-appearance: none;
} }

View File

@ -89,6 +89,8 @@ ion-alert input {
} }
.alert-tappable { .alert-tappable {
@include appearance(none);
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -98,6 +100,4 @@ ion-alert input {
line-height: initial; line-height: initial;
text-align: left; text-align: left;
background: transparent; background: transparent;
-webkit-appearance: none;
} }

View File

@ -32,6 +32,7 @@ ion-textarea {
.text-input { .text-input {
@include placeholder(); @include placeholder();
@include appearance(none);
display: inline-block; display: inline-block;
@ -43,8 +44,6 @@ ion-textarea {
border: 0; border: 0;
border-radius: 0; border-radius: 0;
background: transparent; background: transparent;
-webkit-appearance: none;
} }
textarea.text-input { textarea.text-input {

View File

@ -176,14 +176,12 @@
opacity: .2; opacity: .2;
} }
button.swiper-pagination-bullet { button.swiper-pagination-bullet {
@include appearance(none);
border: 0; border: 0;
margin: 0; margin: 0;
padding: 0; padding: 0;
box-shadow: none; box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
} }
.swiper-pagination-clickable .swiper-pagination-bullet { .swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; cursor: pointer;

View File

@ -3,8 +3,10 @@
// -------------------------------------------------- // --------------------------------------------------
@mixin appearance($val) { @mixin appearance($val) {
-webkit-appearance: $val;
-moz-appearance: $val; -moz-appearance: $val;
-ms-appearance: $val;
-webkit-appearance: $val;
appearance: $val;
} }