javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

update .button-icon padding, closes #106

Browse Source
This commit is contained in:
Adam Bradley
2013-11-15 22:07:29 -06:00
parent 6284900d50
commit bfbb61e22a
3 changed files with 19 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
dist/css/ionic.css vendored
View File

@ -4614,8 +4614,15 @@ input[type="range"] {
padding-bottom: 2px; } padding-bottom: 2px; }
.button-icon { .button-icon {
padding: 2px 4px; padding: 0 6px;
min-width: initial;
background: none;
border: none;
background: none; } background: none; }
.button-icon:active, .button-icon.active {
background: none;
box-shadow: none;
text-shadow: 0px 0px 10px white; }
.button-icon .icon { .button-icon .icon {
font-size: 32px; } font-size: 32px; }
@ -4648,14 +4655,6 @@ input[type="range"] {
color: #fff; color: #fff;
box-shadow: none; } box-shadow: none; }
.button-icon {
border: none;
background: none; }
.button-icon:active, .button-icon.active {
background: none;
box-shadow: none;
text-shadow: 0px 0px 10px white; }
.padding > .button.button-block:first-child { .padding > .button.button-block:first-child {
margin-top: 0; } margin-top: 0; }

22
scss/_button.scss
View File

@ -126,8 +126,17 @@
} }
.button-icon { .button-icon {
padding: 2px 4px; padding: 0 6px;
min-width: initial;
background: none; background: none;
border: none;
background: none;
&:active, &.active {
background: none;
box-shadow: none;
text-shadow: 0px 0px 10px #fff;
}
.icon { .icon {
font-size: $button-large-icon-size; font-size: $button-large-icon-size;
@ -155,17 +164,6 @@
box-shadow: none; box-shadow: none;
} }
.button-icon {
border: none;
background: none;
&:active, &.active {
background: none;
box-shadow: none;
text-shadow: 0px 0px 10px #fff;
}
}
.padding > .button.button-block:first-child { .padding > .button.button-block:first-child {
margin-top: 0; margin-top: 0;
} }

1
test/buttons.html
View File

@ -191,6 +191,7 @@
<h3>a.button-icon (Borderless, 32px)</h3> <h3>a.button-icon (Borderless, 32px)</h3>
<p> <p>
<a class="button button-icon"><i class="icon ion-home"></i></a> <a class="button button-icon"><i class="icon ion-home"></i></a>
<a class="button button-clear button-dark">.button-clear Next .button-icon</i></a>
</p> </p>
<hr> <hr>