remove .hover css

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

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>

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>

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>

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>

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>

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>