javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

md inset inputs

Browse Source
This commit is contained in:
Adam Bradley
2015-09-04 11:04:41 -05:00
parent 0f06573f2b
commit 7f05b5f3b8
5 changed files with 32 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
ionic/components/text-input/text-input.scss
View File

@ -2,11 +2,10 @@
// Text Input
// --------------------------------------------------
$ion-input-focus-border-color: #51a7e8 !default;
$ion-input-focus-box-shadow: inset 0px 0px 8px 0px $ion-input-focus-border-color !default;
$input-focus-border-color: #51a7e8 !default;
$input-focus-box-shadow: inset 0px 0px 8px 0px $input-focus-border-color !default;
$inset-item-input-bg-color: darken(#fff, 20%) !default;
$inset-item-input-input-bg-color: $list-background-color !default;
$text-input-background-color: $list-background-color !default;
ion-input {
@ -16,8 +15,8 @@ ion-input {
.key-input ion-input {
&.has-focus {
border-color: $ion-input-focus-border-color;
box-shadow: $ion-input-focus-box-shadow;
border-color: $input-focus-border-color;
box-shadow: $input-focus-box-shadow;
}
:focus {
@ -34,6 +33,7 @@ ion-input {
}
ion-input .text-input {
background-color: $text-input-background-color;
pointer-events: none;
}
@ -44,16 +44,3 @@ ion-input.has-focus .text-input {
.item.input textarea {
padding-top: 9px;
}
ion-input[inset] {
background-color: $inset-item-input-bg-color;
.text-input {
background-color: $list-background-color;
}
&:before,
&:after {
border: 0 !important;
}
}