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

refactor(button): refactors button's css to work in chrome/safari

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2016-02-07 00:37:30 +01:00
parent 5ac1cf9048
commit 64ae1000f4
11 changed files with 56 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,11 +9,7 @@ $button-round-border-radius: 64px !default;
.button {
position: relative;
display: inline-flex;
flex-shrink: 0;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
display: inline-block;
transition: background-color, opacity 100ms linear;
z-index: 0;
@@ -23,6 +19,7 @@ $button-round-border-radius: 64px !default;
text-align: center;
text-transform: none;
font-kerning: none;
vertical-align: top; // the better option for most scenarios
vertical-align: -webkit-baseline-middle; // the best for those that support it
@@ -32,6 +29,16 @@ $button-round-border-radius: 64px !default;
@include appearance(none);
}
span.button-inner {
width: 100%;
height: 100%;
display: flex;
flex-shrink: 0;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
}
a.button {
text-decoration: none;
}