javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

autoprefixer

Browse Source
This commit is contained in:
Adam Bradley
2015-05-15 21:52:56 -05:00
parent 1c1840e119
commit 5152889a67
32 changed files with 141 additions and 440 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
ionic/components/form/form.scss
View File

@@ -39,23 +39,23 @@ textarea {
// -------------------------------
.item-input {
@include flex-display();
@include flex-align-items(center);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 6px 0 5px 16px;
input {
border-radius: 0;
@include flex(1, 220px);
@include appearance(none);
flex: 1 220px;
appearance: none;
margin: 0;
padding-right: 24px;
background-color: transparent;
}
.button .icon {
@include flex(0, 0, 24px);
flex: 0 0 24px;
position: static;
display: inline-block;
height: auto;
@@ -65,8 +65,8 @@ textarea {
.button-bar {
border-radius: 0;
@include flex(1, 0, 220px);
@include appearance(none);
flex: 1 0 220px;
appearance: none;
}
.icon {
@@ -75,17 +75,17 @@ textarea {
}
.item-input-inset {
@include flex-display();
@include flex-align-items(center);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: ($item-padding / 3) * 2;
}
.item-input-wrapper {
@include flex-display();
@include flex(1, 0);
@include flex-align-items(center);
display: flex;
flex: 1 0;
align-items: center;
border-radius: 4px;
padding-right: 8px;
padding-left: 8px;
@@ -156,12 +156,12 @@ textarea {
padding: 5px 0 0 0;
opacity: 0;
top: 10px;
@include transition(opacity .15s ease-in, top .2s linear);
transition: opacity .15s ease-in, top .2s linear;
&.has-input {
opacity: 1;
top: 0;
@include transition(opacity .15s ease-in, top .2s linear);
transition: opacity .15s ease-in, top .2s linear;
}
}
}

8
ionic/components/form/input/input.scss
View File

@@ -7,8 +7,8 @@ ion-input {
position: relative;
overflow: hidden;
@include flex-display();
@include flex-align-items(center);
display: flex;
align-items: center;
.item-label {
padding: $item-input-padding;
@@ -20,8 +20,8 @@ ion-input {
border-radius: 0;
@include flex(1, 220px);
@include appearance(none);
flex: 1 220px;
appearance: none;
margin: 0;
padding-right: 24px;