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

20
ionic/components/button/button.scss
View File

@@ -27,16 +27,16 @@ $button-small-icon-size: 2.1rem !default;
.button {
position: relative;
@include flex-display-inline();
@include flex-shrink(0);
@include flex-flow(row nowrap);
@include flex-align-items(center);
@include flex-justify-content(center);
display: inline-flex;
flex-shrink: 0;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
margin: $button-margin;
line-height: 1;
@include appearance(none);
appearance: none;
vertical-align: top; // the better option for most scenarios
vertical-align: -webkit-baseline-middle; // the best for those that support it
@@ -50,7 +50,7 @@ $button-small-icon-size: 2.1rem !default;
overflow: hidden;
cursor: pointer;
@include user-select(none);
user-select: none;
&:after {
// used to create a larger button "hit" area
@@ -123,7 +123,7 @@ $button-small-icon-size: 2.1rem !default;
}
.button-block {
@include flex-display();
display: flex;
clear: both;
margin-right: 0;
margin-left: 0;
@@ -135,7 +135,7 @@ $button-small-icon-size: 2.1rem !default;
.button-full,
.button-full > .button {
@include flex-display();
display: flex;
margin-right: 0;
margin-left: 0;
border-radius: 0;
@@ -164,7 +164,7 @@ input.button.button-block {
}
.icon-right:before {
@include flex-order(2);
order: 2;
font-size: 1.5em;
margin-top: -0.1em;
margin-left: 0.25em;