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

remove .hover css

Browse Source
This commit is contained in:
Adam Bradley
2015-09-18 21:46:15 -05:00
parent 703a3678e6
commit db714ce341
12 changed files with 36 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -113,9 +113,7 @@ button,
}
.enable-hover button:hover,
.enable-hover [button]:hover,
button.hover
[button].hover {
.enable-hover [button]:hover {
opacity: $button-hover-opacity;
color: $button-text-color;
text-decoration: none;

4
ionic/components/button/modes/md.scss
View File

@@ -83,9 +83,7 @@ button,
}
&.enable-hover button[clear]:hover,
&.enable-hover [button][clear]:hover,
button[clear].hover,
[button][clear].hover {
&.enable-hover [button][clear]:hover {
background-color: $button-md-clear-hover-bg-color;
}

17
ionic/components/button/test/basic/main.html
View File

@@ -3,36 +3,31 @@
<ion-title>Default Buttons</ion-title>
</ion-toolbar>
<ion-content class="padding" style="text-align:center">
<ion-content padding style="text-align:center">
<p>
<button>Default</button>
<button class="hover">D.hover</button>
<button class="activated">D.activated</button>
<button class="activated">Default.activated</button>
</p>
<p>
<button secondary>Secondary</button>
<button secondary class="hover">S.hover</button>
<button secondary class="activated">S.activated</button>
<button secondary class="activated">Secondary.activated</button>
</p>
<p>
<button danger>Danger</button>
<button danger class="hover">D.hover</button>
<button danger class="activated">D.activated</button>
<button danger class="activated">Danger.activated</button>
</p>
<p>
<button light>Light</button>
<button light class="hover">L.hover</button>
<button light class="activated">L.activated</button>
<button light class="activated">Light.activated</button>
</p>
<p>
<button dark>Dark</button>
<button dark class="hover">D.hover</button>
<button dark class="activated">D.activated</button>
<button dark class="activated">Dark.activated</button>
</p>
</ion-content>

2
ionic/components/button/test/block/main.html
View File

@@ -3,7 +3,7 @@
<ion-title>Block Buttons</ion-title>
</ion-toolbar>
<ion-content class="padding" style="text-align:center">
<ion-content padding style="text-align:center">
<p>
<a button block href="#">a[button][block]</a>

27
ionic/components/button/test/clear/main.html
View File

@@ -3,36 +3,31 @@
<ion-title>Clear Buttons</ion-title>
</ion-toolbar>
<ion-content class="padding" style="text-align:center">
<ion-content padding style="text-align:center">
<p>
<button clear>D</button>
<button clear class="hover">D.hover</button>
<button clear class="activated">D.activated</button>
<button clear>Default</button>
<button clear class="activated">Default.activated</button>
</p>
<p>
<button clear secondary>S</button>
<button clear secondary class="hover">S.hover</button>
<button clear secondary class="activated">S.activated</button>
<button clear secondary>Secondary</button>
<button clear secondary class="activated">Secondary.activated</button>
</p>
<p>
<button clear danger>D</button>
<button clear danger class="hover">D.hover</button>
<button clear danger class="activated">D.activated</button>
<button clear danger>Danger</button>
<button clear danger class="activated">Danger.activated</button>
</p>
<p>
<button clear light>L</button>
<button clear light class="hover">L.hover</button>
<button clear light class="activated">L.activated</button>
<button clear light>Light</button>
<button clear light class="activated">Light.activated</button>
</p>
<p>
<button clear dark>D</button>
<button clear dark class="hover">D.hover</button>
<button clear dark class="activated">D.activated</button>
<button clear dark>Dark</button>
<button clear dark class="activated">Dark.activated</button>
</p>
</ion-content>

35
ionic/components/button/test/outline/main.html
View File

@@ -3,46 +3,37 @@
<ion-title>Outline Buttons</ion-title>
</ion-toolbar>
<ion-content class="padding" style="text-align:center">
<ion-content padding style="text-align:center">
<p>
<button outline>D</button>
<button outline class="hover">D.hover</button>
<button outline class="activated">D.activated</button>
<button outline>Default</button>
<button outline class="activated">Default.activated</button>
</p>
<p>
<button outline secondary>S</button>
<button outline secondary class="hover">S.hover</button>
<button outline secondary class="activated">S.activated</button>
<button outline secondary>Secondary</button>
<button outline secondary class="activated">Secondary.activated</button>
</p>
<p>
<button outline danger>D</button>
<button outline danger class="hover">D.hover</button>
<button outline danger class="activated">D.activated</button>
<button outline danger>Danger</button>
<button outline danger class="activated">Danger.activated</button>
</p>
<p>
<button outline light>L</button>
<button outline light class="hover">L.hover</button>
<button outline light class="activated">L.activated</button>
<button outline light>Light</button>
<button outline light class="activated">Light.activated</button>
</p>
<p>
<button outline dark>D</button>
<button outline dark class="hover">D.hover</button>
<button outline dark class="activated">D.activated</button>
<button outline dark>Dark</button>
<button outline dark class="activated">Dark.activated</button>
</p>
<p>
<button outline block>button[outline][block]</button>
</p>
<p>
<button outline block class="hover">[outline][block].hover</button>
</p>
<p>
<button outline block class="activated">[outline][block].activated</button>
</p>
@@ -51,10 +42,6 @@
<button outline block secondary>button[outline][block][secondary]</button>
</p>
<p>
<button outline block secondary class="hover">[outline][block][secondary].hover</button>
</p>
<p>
<button outline block secondary class="activated">[outline][block][secondary].activated</button>
</p>

2
ionic/components/button/test/round/main.html
View File

@@ -3,7 +3,7 @@
<ion-title>Round Buttons</ion-title>
</ion-toolbar>
<ion-content class="padding">
<ion-content padding>
<button round>button</button>
<button round light>button light</button>
<button round secondary>button secondary</button>

2
ionic/components/button/test/sizes/main.html
View File

@@ -3,7 +3,7 @@
<ion-title>Button Sizes</ion-title>
</ion-toolbar>
<ion-content class="padding">
<ion-content padding>
<p>
<a button href="#">a[button]</a>