mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 04:53:58 +08:00
refactor(css): appearance mixin (#8212)
This commit is contained in:

committed by
Brandy Carney

parent
9f697a13e5
commit
f34d0c298e
@ -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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -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;
|
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user