From 7955c49ccf9bbb23be1949a9d7f686da98d597dd Mon Sep 17 00:00:00 2001 From: Adam Bradley Date: Tue, 5 Nov 2013 20:32:17 -0600 Subject: [PATCH] renamed .ion to .icon --- dist/css/ionic-ios7.css | 422 +++++----- dist/css/ionic-scoped.css | 1296 +++++------------------------- dist/css/ionic.css | 1308 +++++-------------------------- scss/ionic/_bar.scss | 2 +- scss/ionic/_button.scss | 172 ++-- scss/ionic/_form.scss | 26 +- scss/ionic/_items.scss | 16 +- scss/ionic/_tabs.scss | 9 +- test/buttons.html | 122 +-- test/cards.html | 16 +- test/controllers/sideMenu.html | 2 +- test/headers.html | 16 +- test/index.html | 67 +- test/input-text.html | 14 +- test/lists.html | 66 +- test/menu_controller.html | 104 +-- test/menus.html | 104 +-- test/side-menus.html | 4 +- test/slideBox.html | 6 +- test/splitPane.html | 62 +- test/tab-bars-icons-bottom.html | 10 +- test/tab-bars-icons-left.html | 10 +- test/tab-bars-icons-right.html | 10 +- test/tab-bars-only-icons.html | 10 +- test/tab-bars.html | 10 +- 25 files changed, 1067 insertions(+), 2817 deletions(-) diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css index 55e2424bd5..08418bf64f 100644 --- a/dist/css/ionic-ios7.css +++ b/dist/css/ionic-ios7.css @@ -1887,215 +1887,12 @@ input[type="range"] { font-size: 16px; line-height: 41px; cursor: pointer; } - .button .ion { + .button .icon { display: inline-block; padding: 0 0 1px 0; vertical-align: inherit; font-size: 24px; line-height: 40px; } - .button.button-icon { - padding: 2px 4px; - background: none; } - .button.button-icon .icon { - font-size: 32px; } - .button.button-clear { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - padding: 6px; - max-height: 42px; - border: none; - background: none; - box-shadow: none; } - .button.button-clear:active, .button.button-clear.active { - opacity: 0.3; } - .button.button-default { - color: #333333; - background-color: white; - border-color: #dddddd; } - .button.button-default:hover { - color: #333333; - text-decoration: none; } - .button.button-default.active, .button.button-default:active { - background-color: #fafafa; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #bbbbbb; } - .button.button-default.button-clear { - color: #dddddd; - background: none; - box-shadow: none; } - .button.button-default.button-outline { - border-color: #dddddd; - color: #333333; } - .button.button-default.button-outline.active, .button.button-default.button-outline:active { - background-color: #dddddd; - color: #fff; - box-shadow: none; } - .button.button-secondary { - color: #333333; - background-color: whitesmoke; - border-color: #bbbbbb; } - .button.button-secondary:hover { - color: #333333; - text-decoration: none; } - .button.button-secondary.active, .button.button-secondary:active { - background-color: #e5e5e5; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #999999; } - .button.button-secondary.button-clear { - color: #bbbbbb; - background: none; - box-shadow: none; } - .button.button-secondary.button-outline { - border-color: #bbbbbb; - color: #333333; } - .button.button-secondary.button-outline.active, .button.button-secondary.button-outline:active { - background-color: #bbbbbb; - color: #fff; - box-shadow: none; } - .button.button-primary { - color: white; - background-color: #4a87ee; - border-color: #3b6dc2; } - .button.button-primary:hover { - color: white; - text-decoration: none; } - .button.button-primary.active, .button.button-primary:active { - background-color: #4175ce; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #32599c; } - .button.button-primary.button-clear { - color: #4a87ee; - background: none; - box-shadow: none; } - .button.button-primary.button-outline { - border-color: #4a87ee; - color: #4a87ee; } - .button.button-primary.button-outline.active, .button.button-primary.button-outline:active { - background-color: #4a87ee; - color: #fff; - box-shadow: none; } - .button.button-info { - color: white; - background-color: #43cee6; - border-color: #3bb3c8; } - .button.button-info:hover { - color: white; - text-decoration: none; } - .button.button-info.active, .button.button-info:active { - background-color: #3db8cd; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #3293a4; } - .button.button-info.button-clear { - color: #43cee6; - background: none; - box-shadow: none; } - .button.button-info.button-outline { - border-color: #43cee6; - color: #43cee6; } - .button.button-info.button-outline.active, .button.button-info.button-outline:active { - background-color: #43cee6; - color: #fff; - box-shadow: none; } - .button.button-success { - color: white; - background-color: #66cc33; - border-color: #5bb22f; } - .button.button-success:hover { - color: white; - text-decoration: none; } - .button.button-success.active, .button.button-success:active { - background-color: #55aa2b; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #448922; } - .button.button-success.button-clear { - color: #66cc33; - background: none; - box-shadow: none; } - .button.button-success.button-outline { - border-color: #66cc33; - color: #66cc33; } - .button.button-success.button-outline.active, .button.button-success.button-outline:active { - background-color: #66cc33; - color: #fff; - box-shadow: none; } - .button.button-warning { - color: white; - background-color: #f0b840; - border-color: #d29f31; } - .button.button-warning:hover { - color: white; - text-decoration: none; } - .button.button-warning.active, .button.button-warning:active { - background-color: #e2a114; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #b88517; } - .button.button-warning.button-clear { - color: #f0b840; - background: none; - box-shadow: none; } - .button.button-warning.button-outline { - border-color: #f0b840; - color: #f0b840; } - .button.button-warning.button-outline.active, .button.button-warning.button-outline:active { - background-color: #f0b840; - color: #fff; - box-shadow: none; } - .button.button-danger { - color: white; - background-color: #ef4e3a; - border-color: #c73927; } - .button.button-danger:hover { - color: white; - text-decoration: none; } - .button.button-danger.active, .button.button-danger:active { - background-color: #ce4331; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #9f3527; } - .button.button-danger.button-clear { - color: #ef4e3a; - background: none; - box-shadow: none; } - .button.button-danger.button-outline { - border-color: #ef4e3a; - color: #ef4e3a; } - .button.button-danger.button-outline.active, .button.button-danger.button-outline:active { - background-color: #ef4e3a; - color: #fff; - box-shadow: none; } - .button.button-dark { - color: white; - background-color: #444444; - border-color: #111111; } - .button.button-dark:hover { - color: white; - text-decoration: none; } - .button.button-dark.active, .button.button-dark:active { - background-color: #222222; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: black; } - .button.button-dark.button-clear { - color: #444444; - background: none; - box-shadow: none; } - .button.button-dark.button-outline { - border-color: #444444; - color: #444444; } - .button.button-dark.button-outline.active, .button.button-dark.button-outline:active { - background-color: #444444; - color: #fff; - box-shadow: none; } - .button.button-outline { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - background: none; - box-shadow: none; } - .button.button-icon { - border: none; - background: none; } - .button.button-icon:active, .button.button-icon.active { - background: none; - box-shadow: none; - text-shadow: 0px 0px 10px #fff; } .button.block, .button.button-full { margin-top: 10px; margin-bottom: 10px; } @@ -2106,7 +1903,7 @@ input[type="range"] { min-height: 28px; font-size: 12px; line-height: 27px; } - .button-small .ion { + .button-small .icon { font-size: 16px; line-height: 26px; } @@ -2121,6 +1918,221 @@ input[type="range"] { line-height: 51px; padding-bottom: 2px; } +.button-icon { + padding: 2px 4px; + background: none; } + .button-icon .icon { + font-size: 32px; } + +.button-clear { + -webkit-transition: opacity 0.1s; + transition: opacity 0.1s; + padding: 6px; + max-height: 42px; + border: none; + background: none; + box-shadow: none; } + .button-clear:active, .button-clear.active { + opacity: 0.3; } + +.button-default { + color: #333333; + background-color: white; + border-color: #dddddd; } + .button-default:hover { + color: #333333; + text-decoration: none; } + .button-default.active, .button-default:active { + background-color: #fafafa; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #bbbbbb; } + .button-default.button-clear { + color: #dddddd; + background: none; + box-shadow: none; } + .button-default.button-outline { + border-color: #dddddd; + color: #333333; } + .button-default.button-outline.active, .button-default.button-outline:active { + background-color: #dddddd; + color: #fff; + box-shadow: none; } + +.button-secondary { + color: #333333; + background-color: whitesmoke; + border-color: #bbbbbb; } + .button-secondary:hover { + color: #333333; + text-decoration: none; } + .button-secondary.active, .button-secondary:active { + background-color: #e5e5e5; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #999999; } + .button-secondary.button-clear { + color: #bbbbbb; + background: none; + box-shadow: none; } + .button-secondary.button-outline { + border-color: #bbbbbb; + color: #333333; } + .button-secondary.button-outline.active, .button-secondary.button-outline:active { + background-color: #bbbbbb; + color: #fff; + box-shadow: none; } + +.button-primary { + color: white; + background-color: #4a87ee; + border-color: #3b6dc2; } + .button-primary:hover { + color: white; + text-decoration: none; } + .button-primary.active, .button-primary:active { + background-color: #4175ce; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #32599c; } + .button-primary.button-clear { + color: #4a87ee; + background: none; + box-shadow: none; } + .button-primary.button-outline { + border-color: #4a87ee; + color: #4a87ee; } + .button-primary.button-outline.active, .button-primary.button-outline:active { + background-color: #4a87ee; + color: #fff; + box-shadow: none; } + +.button-info { + color: white; + background-color: #43cee6; + border-color: #3bb3c8; } + .button-info:hover { + color: white; + text-decoration: none; } + .button-info.active, .button-info:active { + background-color: #3db8cd; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #3293a4; } + .button-info.button-clear { + color: #43cee6; + background: none; + box-shadow: none; } + .button-info.button-outline { + border-color: #43cee6; + color: #43cee6; } + .button-info.button-outline.active, .button-info.button-outline:active { + background-color: #43cee6; + color: #fff; + box-shadow: none; } + +.button-success { + color: white; + background-color: #66cc33; + border-color: #5bb22f; } + .button-success:hover { + color: white; + text-decoration: none; } + .button-success.active, .button-success:active { + background-color: #55aa2b; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #448922; } + .button-success.button-clear { + color: #66cc33; + background: none; + box-shadow: none; } + .button-success.button-outline { + border-color: #66cc33; + color: #66cc33; } + .button-success.button-outline.active, .button-success.button-outline:active { + background-color: #66cc33; + color: #fff; + box-shadow: none; } + +.button-warning { + color: white; + background-color: #f0b840; + border-color: #d29f31; } + .button-warning:hover { + color: white; + text-decoration: none; } + .button-warning.active, .button-warning:active { + background-color: #e2a114; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #b88517; } + .button-warning.button-clear { + color: #f0b840; + background: none; + box-shadow: none; } + .button-warning.button-outline { + border-color: #f0b840; + color: #f0b840; } + .button-warning.button-outline.active, .button-warning.button-outline:active { + background-color: #f0b840; + color: #fff; + box-shadow: none; } + +.button-danger { + color: white; + background-color: #ef4e3a; + border-color: #c73927; } + .button-danger:hover { + color: white; + text-decoration: none; } + .button-danger.active, .button-danger:active { + background-color: #ce4331; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #9f3527; } + .button-danger.button-clear { + color: #ef4e3a; + background: none; + box-shadow: none; } + .button-danger.button-outline { + border-color: #ef4e3a; + color: #ef4e3a; } + .button-danger.button-outline.active, .button-danger.button-outline:active { + background-color: #ef4e3a; + color: #fff; + box-shadow: none; } + +.button-dark { + color: white; + background-color: #444444; + border-color: #111111; } + .button-dark:hover { + color: white; + text-decoration: none; } + .button-dark.active, .button-dark:active { + background-color: #222222; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: black; } + .button-dark.button-clear { + color: #444444; + background: none; + box-shadow: none; } + .button-dark.button-outline { + border-color: #444444; + color: #444444; } + .button-dark.button-outline.active, .button-dark.button-outline:active { + background-color: #444444; + color: #fff; + box-shadow: none; } + +.button-outline { + -webkit-transition: opacity 0.1s; + transition: opacity 0.1s; + background: 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 #fff; } + .padding > .button.block:first-child { margin-top: 0; } diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css index b383cbf32f..73642b58af 100644 --- a/dist/css/ionic-scoped.css +++ b/dist/css/ionic-scoped.css @@ -3232,658 +3232,12 @@ font-size: 16px; line-height: 41px; cursor: pointer; } - .ionic .button .ion, .ionic .button .ionicons, - .ionic .button .ion-alert, - .ionic .button .ion-alert-circled, - .ionic .button .ion-archive, - .ionic .button .ion-arrow-down-a, - .ionic .button .ion-arrow-down-b, - .ionic .button .ion-arrow-down-c, - .ionic .button .ion-arrow-expand, - .ionic .button .ion-arrow-graph-down-left, - .ionic .button .ion-arrow-graph-down-right, - .ionic .button .ion-arrow-graph-up-left, - .ionic .button .ion-arrow-graph-up-right, - .ionic .button .ion-arrow-left-a, - .ionic .button .ion-arrow-left-b, - .ionic .button .ion-arrow-left-c, - .ionic .button .ion-arrow-move, - .ionic .button .ion-arrow-resize, - .ionic .button .ion-arrow-return-left, - .ionic .button .ion-arrow-return-right, - .ionic .button .ion-arrow-right-a, - .ionic .button .ion-arrow-right-b, - .ionic .button .ion-arrow-right-c, - .ionic .button .ion-arrow-shrink, - .ionic .button .ion-arrow-swap, - .ionic .button .ion-arrow-up-a, - .ionic .button .ion-arrow-up-b, - .ionic .button .ion-arrow-up-c, - .ionic .button .ion-at, - .ionic .button .ion-bag, - .ionic .button .ion-battery-charging, - .ionic .button .ion-battery-empty, - .ionic .button .ion-battery-full, - .ionic .button .ion-battery-half, - .ionic .button .ion-battery-low, - .ionic .button .ion-beaker, - .ionic .button .ion-beer, - .ionic .button .ion-bluetooth, - .ionic .button .ion-bookmark, - .ionic .button .ion-briefcase, - .ionic .button .ion-calculator, - .ionic .button .ion-calendar, - .ionic .button .ion-camera, - .ionic .button .ion-card, - .ionic .button .ion-chatbox, - .ionic .button .ion-chatbox-working, - .ionic .button .ion-chatboxes, - .ionic .button .ion-chatbubble, - .ionic .button .ion-chatbubble-working, - .ionic .button .ion-chatbubbles, - .ionic .button .ion-checkmark, - .ionic .button .ion-checkmark-circled, - .ionic .button .ion-checkmark-round, - .ionic .button .ion-chevron-down, - .ionic .button .ion-chevron-left, - .ionic .button .ion-chevron-right, - .ionic .button .ion-chevron-up, - .ionic .button .ion-clipboard, - .ionic .button .ion-clock, - .ionic .button .ion-close, - .ionic .button .ion-close-circled, - .ionic .button .ion-close-round, - .ionic .button .ion-cloud, - .ionic .button .ion-code, - .ionic .button .ion-code-download, - .ionic .button .ion-code-working, - .ionic .button .ion-coffee, - .ionic .button .ion-compass, - .ionic .button .ion-compose, - .ionic .button .ion-connection-bars, - .ionic .button .ion-contrast, - .ionic .button .ion-disc, - .ionic .button .ion-document, - .ionic .button .ion-document-text, - .ionic .button .ion-drag, - .ionic .button .ion-earth, - .ionic .button .ion-egg, - .ionic .button .ion-eject, - .ionic .button .ion-email, - .ionic .button .ion-eye, - .ionic .button .ion-female, - .ionic .button .ion-filing, - .ionic .button .ion-film-marker, - .ionic .button .ion-flag, - .ionic .button .ion-flash, - .ionic .button .ion-flash-off, - .ionic .button .ion-flask, - .ionic .button .ion-folder, - .ionic .button .ion-fork, - .ionic .button .ion-forward, - .ionic .button .ion-game-controller-a, - .ionic .button .ion-game-controller-b, - .ionic .button .ion-gear-a, - .ionic .button .ion-gear-b, - .ionic .button .ion-grid, - .ionic .button .ion-hammer, - .ionic .button .ion-headphone, - .ionic .button .ion-heart, - .ionic .button .ion-help, - .ionic .button .ion-help-buoy, - .ionic .button .ion-help-circled, - .ionic .button .ion-home, - .ionic .button .ion-icecream, - .ionic .button .ion-icon-social-google-plus, - .ionic .button .ion-icon-social-google-plus-outline, - .ionic .button .ion-image, - .ionic .button .ion-images, - .ionic .button .ion-information, - .ionic .button .ion-information-circled, - .ionic .button .ion-ionic, - .ionic .button .ion-ios7-alarm, - .ionic .button .ion-ios7-alarm-outline, - .ionic .button .ion-ios7-albums, - .ionic .button .ion-ios7-albums-outline, - .ionic .button .ion-ios7-arrow-back, - .ionic .button .ion-ios7-arrow-down, - .ionic .button .ion-ios7-arrow-forward, - .ionic .button .ion-ios7-arrow-left, - .ionic .button .ion-ios7-arrow-right, - .ionic .button .ion-ios7-arrow-thin-down, - .ionic .button .ion-ios7-arrow-thin-left, - .ionic .button .ion-ios7-arrow-thin-right, - .ionic .button .ion-ios7-arrow-thin-up, - .ionic .button .ion-ios7-arrow-up, - .ionic .button .ion-ios7-at, - .ionic .button .ion-ios7-at-outline, - .ionic .button .ion-ios7-bell, - .ionic .button .ion-ios7-bell-outline, - .ionic .button .ion-ios7-bolt, - .ionic .button .ion-ios7-bolt-outline, - .ionic .button .ion-ios7-bookmarks, - .ionic .button .ion-ios7-bookmarks-outline, - .ionic .button .ion-ios7-box, - .ionic .button .ion-ios7-box-outline, - .ionic .button .ion-ios7-briefcase, - .ionic .button .ion-ios7-briefcase-outline, - .ionic .button .ion-ios7-browsers, - .ionic .button .ion-ios7-browsers-outline, - .ionic .button .ion-ios7-calculator, - .ionic .button .ion-ios7-calculator-outline, - .ionic .button .ion-ios7-calendar, - .ionic .button .ion-ios7-calendar-outline, - .ionic .button .ion-ios7-camera, - .ionic .button .ion-ios7-camera-outline, - .ionic .button .ion-ios7-cart, - .ionic .button .ion-ios7-cart-outline, - .ionic .button .ion-ios7-chatboxes, - .ionic .button .ion-ios7-chatboxes-outline, - .ionic .button .ion-ios7-chatbubble, - .ionic .button .ion-ios7-chatbubble-outline, - .ionic .button .ion-ios7-checkmark, - .ionic .button .ion-ios7-checkmark-empty, - .ionic .button .ion-ios7-checkmark-outline, - .ionic .button .ion-ios7-circle-filled, - .ionic .button .ion-ios7-circle-outline, - .ionic .button .ion-ios7-clock, - .ionic .button .ion-ios7-clock-outline, - .ionic .button .ion-ios7-cloud, - .ionic .button .ion-ios7-cloud-download, - .ionic .button .ion-ios7-cloud-download-outline, - .ionic .button .ion-ios7-cloud-outline, - .ionic .button .ion-ios7-cloud-upload, - .ionic .button .ion-ios7-cloud-upload-outline, - .ionic .button .ion-ios7-cloudy, - .ionic .button .ion-ios7-cloudy-outline, - .ionic .button .ion-ios7-cog, - .ionic .button .ion-ios7-cog-outline, - .ionic .button .ion-ios7-compose, - .ionic .button .ion-ios7-compose-outline, - .ionic .button .ion-ios7-contact, - .ionic .button .ion-ios7-contact-outline, - .ionic .button .ion-ios7-copy, - .ionic .button .ion-ios7-copy-outline, - .ionic .button .ion-ios7-download, - .ionic .button .ion-ios7-download-outline, - .ionic .button .ion-ios7-drag, - .ionic .button .ion-ios7-email, - .ionic .button .ion-ios7-email-outline, - .ionic .button .ion-ios7-eye, - .ionic .button .ion-ios7-eye-outline, - .ionic .button .ion-ios7-fastforward, - .ionic .button .ion-ios7-fastforward-outline, - .ionic .button .ion-ios7-filing, - .ionic .button .ion-ios7-filing-outline, - .ionic .button .ion-ios7-film, - .ionic .button .ion-ios7-film-outline, - .ionic .button .ion-ios7-flag, - .ionic .button .ion-ios7-flag-outline, - .ionic .button .ion-ios7-folder, - .ionic .button .ion-ios7-folder-outline, - .ionic .button .ion-ios7-gear, - .ionic .button .ion-ios7-gear-outline, - .ionic .button .ion-ios7-glasses, - .ionic .button .ion-ios7-glasses-outline, - .ionic .button .ion-ios7-heart, - .ionic .button .ion-ios7-heart-outline, - .ionic .button .ion-ios7-help, - .ionic .button .ion-ios7-help-empty, - .ionic .button .ion-ios7-help-outline, - .ionic .button .ion-ios7-infinite, - .ionic .button .ion-ios7-infinite-outline, - .ionic .button .ion-ios7-information, - .ionic .button .ion-ios7-information-empty, - .ionic .button .ion-ios7-information-outline, - .ionic .button .ion-ios7-ionic-outline, - .ionic .button .ion-ios7-keypad, - .ionic .button .ion-ios7-keypad-outline, - .ionic .button .ion-ios7-lightbulb, - .ionic .button .ion-ios7-lightbulb-outline, - .ionic .button .ion-ios7-location, - .ionic .button .ion-ios7-location-outline, - .ionic .button .ion-ios7-locked, - .ionic .button .ion-ios7-locked-outline, - .ionic .button .ion-ios7-medkit, - .ionic .button .ion-ios7-medkit-outline, - .ionic .button .ion-ios7-mic, - .ionic .button .ion-ios7-mic-off, - .ionic .button .ion-ios7-mic-outline, - .ionic .button .ion-ios7-minus, - .ionic .button .ion-ios7-minus-empty, - .ionic .button .ion-ios7-minus-outline, - .ionic .button .ion-ios7-monitor, - .ionic .button .ion-ios7-monitor-outline, - .ionic .button .ion-ios7-moon, - .ionic .button .ion-ios7-moon-outline, - .ionic .button .ion-ios7-more, - .ionic .button .ion-ios7-more-outline, - .ionic .button .ion-ios7-musical-note, - .ionic .button .ion-ios7-musical-notes, - .ionic .button .ion-ios7-navigate, - .ionic .button .ion-ios7-navigate-outline, - .ionic .button .ion-ios7-paperplane, - .ionic .button .ion-ios7-paperplane-outline, - .ionic .button .ion-ios7-partlysunny, - .ionic .button .ion-ios7-partlysunny-outline, - .ionic .button .ion-ios7-pause, - .ionic .button .ion-ios7-pause-outline, - .ionic .button .ion-ios7-people, - .ionic .button .ion-ios7-people-outline, - .ionic .button .ion-ios7-person, - .ionic .button .ion-ios7-person-outline, - .ionic .button .ion-ios7-personadd, - .ionic .button .ion-ios7-personadd-outline, - .ionic .button .ion-ios7-photos, - .ionic .button .ion-ios7-photos-outline, - .ionic .button .ion-ios7-pie, - .ionic .button .ion-ios7-pie-outline, - .ionic .button .ion-ios7-play, - .ionic .button .ion-ios7-play-outline, - .ionic .button .ion-ios7-plus, - .ionic .button .ion-ios7-plus-empty, - .ionic .button .ion-ios7-plus-outline, - .ionic .button .ion-ios7-pricetag, - .ionic .button .ion-ios7-pricetag-outline, - .ionic .button .ion-ios7-printer, - .ionic .button .ion-ios7-printer-outline, - .ionic .button .ion-ios7-rainy, - .ionic .button .ion-ios7-rainy-outline, - .ionic .button .ion-ios7-recording, - .ionic .button .ion-ios7-recording-outline, - .ionic .button .ion-ios7-redo, - .ionic .button .ion-ios7-redo-outline, - .ionic .button .ion-ios7-refresh, - .ionic .button .ion-ios7-refresh-empty, - .ionic .button .ion-ios7-refresh-outline, - .ionic .button .ion-ios7-reload, - .ionic .button .ion-ios7-rewind, - .ionic .button .ion-ios7-rewind-outline, - .ionic .button .ion-ios7-search, - .ionic .button .ion-ios7-search-strong, - .ionic .button .ion-ios7-skipbackward, - .ionic .button .ion-ios7-skipbackward-outline, - .ionic .button .ion-ios7-skipforward, - .ionic .button .ion-ios7-skipforward-outline, - .ionic .button .ion-ios7-speedometer, - .ionic .button .ion-ios7-speedometer-outline, - .ionic .button .ion-ios7-star, - .ionic .button .ion-ios7-star-outline, - .ionic .button .ion-ios7-stopwatch, - .ionic .button .ion-ios7-stopwatch-outline, - .ionic .button .ion-ios7-sunny, - .ionic .button .ion-ios7-sunny-outline, - .ionic .button .ion-ios7-telephone, - .ionic .button .ion-ios7-telephone-outline, - .ionic .button .ion-ios7-thunderstorm, - .ionic .button .ion-ios7-thunderstorm-outline, - .ionic .button .ion-ios7-time, - .ionic .button .ion-ios7-time-outline, - .ionic .button .ion-ios7-timer, - .ionic .button .ion-ios7-timer-outline, - .ionic .button .ion-ios7-trash, - .ionic .button .ion-ios7-trash-outline, - .ionic .button .ion-ios7-undo, - .ionic .button .ion-ios7-undo-outline, - .ionic .button .ion-ios7-unlocked, - .ionic .button .ion-ios7-unlocked-outline, - .ionic .button .ion-ios7-upload, - .ionic .button .ion-ios7-upload-outline, - .ionic .button .ion-ios7-videocam, - .ionic .button .ion-ios7-videocam-outline, - .ionic .button .ion-ios7-volume-high, - .ionic .button .ion-ios7-volume-low, - .ionic .button .ion-ios7-wineglass, - .ionic .button .ion-ios7-wineglass-outline, - .ionic .button .ion-ios7-world, - .ionic .button .ion-ios7-world-outline, - .ionic .button .ion-ipad, - .ionic .button .ion-iphone, - .ionic .button .ion-ipod, - .ionic .button .ion-jet, - .ionic .button .ion-key, - .ionic .button .ion-knife, - .ionic .button .ion-laptop, - .ionic .button .ion-leaf, - .ionic .button .ion-levels, - .ionic .button .ion-lightbulb, - .ionic .button .ion-link, - .ionic .button .ion-load-a, - .ionic .button .ion-load-b, - .ionic .button .ion-load-c, - .ionic .button .ion-load-d, - .ionic .button .ion-location, - .ionic .button .ion-locked, - .ionic .button .ion-log-in, - .ionic .button .ion-log-out, - .ionic .button .ion-loop, - .ionic .button .ion-magnet, - .ionic .button .ion-male, - .ionic .button .ion-man, - .ionic .button .ion-map, - .ionic .button .ion-medkit, - .ionic .button .ion-mic-a, - .ionic .button .ion-mic-b, - .ionic .button .ion-mic-c, - .ionic .button .ion-minus, - .ionic .button .ion-minus-circled, - .ionic .button .ion-minus-round, - .ionic .button .ion-monitor, - .ionic .button .ion-more, - .ionic .button .ion-music-note, - .ionic .button .ion-navicon, - .ionic .button .ion-navicon-round, - .ionic .button .ion-navigate, - .ionic .button .ion-nuclear, - .ionic .button .ion-paperclip, - .ionic .button .ion-pause, - .ionic .button .ion-person, - .ionic .button .ion-person-add, - .ionic .button .ion-person-stalker, - .ionic .button .ion-pie-graph, - .ionic .button .ion-pin, - .ionic .button .ion-pinpoint, - .ionic .button .ion-pizza, - .ionic .button .ion-plane, - .ionic .button .ion-play, - .ionic .button .ion-plus, - .ionic .button .ion-plus-circled, - .ionic .button .ion-plus-round, - .ionic .button .ion-pound, - .ionic .button .ion-power, - .ionic .button .ion-pricetag, - .ionic .button .ion-pricetags, - .ionic .button .ion-printer, - .ionic .button .ion-radio-waves, - .ionic .button .ion-record, - .ionic .button .ion-refresh, - .ionic .button .ion-reply, - .ionic .button .ion-reply-all, - .ionic .button .ion-search, - .ionic .button .ion-settings, - .ionic .button .ion-share, - .ionic .button .ion-shuffle, - .ionic .button .ion-skip-backward, - .ionic .button .ion-skip-forward, - .ionic .button .ion-social-android, - .ionic .button .ion-social-android-outline, - .ionic .button .ion-social-apple, - .ionic .button .ion-social-apple-outline, - .ionic .button .ion-social-bitcoin, - .ionic .button .ion-social-bitcoin-outline, - .ionic .button .ion-social-buffer, - .ionic .button .ion-social-buffer-outline, - .ionic .button .ion-social-designernews, - .ionic .button .ion-social-designernews-outline, - .ionic .button .ion-social-dribbble, - .ionic .button .ion-social-dribbble-outline, - .ionic .button .ion-social-dropbox, - .ionic .button .ion-social-dropbox-outline, - .ionic .button .ion-social-facebook, - .ionic .button .ion-social-facebook-outline, - .ionic .button .ion-social-github, - .ionic .button .ion-social-github-outline, - .ionic .button .ion-social-googleplus, - .ionic .button .ion-social-googleplus-outline, - .ionic .button .ion-social-hackernews, - .ionic .button .ion-social-hackernews-outline, - .ionic .button .ion-social-linkedin, - .ionic .button .ion-social-linkedin-outline, - .ionic .button .ion-social-pinterest, - .ionic .button .ion-social-pinterest-outline, - .ionic .button .ion-social-reddit, - .ionic .button .ion-social-reddit-outline, - .ionic .button .ion-social-rss, - .ionic .button .ion-social-rss-outline, - .ionic .button .ion-social-skype, - .ionic .button .ion-social-skype-outline, - .ionic .button .ion-social-tumblr, - .ionic .button .ion-social-tumblr-outline, - .ionic .button .ion-social-twitter, - .ionic .button .ion-social-twitter-outline, - .ionic .button .ion-social-vimeo, - .ionic .button .ion-social-vimeo-outline, - .ionic .button .ion-social-windows, - .ionic .button .ion-social-windows-outline, - .ionic .button .ion-social-wordpress, - .ionic .button .ion-social-wordpress-outline, - .ionic .button .ion-social-yahoo, - .ionic .button .ion-social-yahoo-outline, - .ionic .button .ion-social-youtube, - .ionic .button .ion-social-youtube-outline, - .ionic .button .ion-speakerphone, - .ionic .button .ion-speedometer, - .ionic .button .ion-spoon, - .ionic .button .ion-star, - .ionic .button .ion-stats-bars, - .ionic .button .ion-stop, - .ionic .button .ion-thermometer, - .ionic .button .ion-thumbsdown, - .ionic .button .ion-thumbsup, - .ionic .button .ion-trash-a, - .ionic .button .ion-trash-b, - .ionic .button .ion-umbrella, - .ionic .button .ion-unlocked, - .ionic .button .ion-upload, - .ionic .button .ion-usb, - .ionic .button .ion-videocamera, - .ionic .button .ion-volume-high, - .ionic .button .ion-volume-low, - .ionic .button .ion-volume-medium, - .ionic .button .ion-volume-mute, - .ionic .button .ion-waterdrop, - .ionic .button .ion-wifi, - .ionic .button .ion-wineglass, - .ionic .button .ion-woman, - .ionic .button .ion-wrench { + .ionic .button .icon { display: inline-block; padding: 0 0 1px 0; vertical-align: inherit; font-size: 24px; line-height: 40px; } - .ionic .button.button-icon { - padding: 2px 4px; - background: none; } - .ionic .button.button-icon .icon { - font-size: 32px; } - .ionic .button.button-clear { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - padding: 6px; - max-height: 42px; - border: none; - background: none; - box-shadow: none; } - .ionic .button.button-clear:active, .ionic .button.button-clear.active { - opacity: 0.3; } - .ionic .button.button-default { - color: #333333; - background-color: white; - border-color: #dddddd; } - .ionic .button.button-default:hover { - color: #333333; - text-decoration: none; } - .ionic .button.button-default.active, .ionic .button.button-default:active { - background-color: #fafafa; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #bbbbbb; } - .ionic .button.button-default.button-clear { - color: #dddddd; - background: none; - box-shadow: none; } - .ionic .button.button-default.button-outline { - border-color: #dddddd; - color: #333333; } - .ionic .button.button-default.button-outline.active, .ionic .button.button-default.button-outline:active { - background-color: #dddddd; - color: #fff; - box-shadow: none; } - .ionic .button.button-secondary { - color: #333333; - background-color: whitesmoke; - border-color: #bbbbbb; } - .ionic .button.button-secondary:hover { - color: #333333; - text-decoration: none; } - .ionic .button.button-secondary.active, .ionic .button.button-secondary:active { - background-color: #e5e5e5; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #999999; } - .ionic .button.button-secondary.button-clear { - color: #bbbbbb; - background: none; - box-shadow: none; } - .ionic .button.button-secondary.button-outline { - border-color: #bbbbbb; - color: #333333; } - .ionic .button.button-secondary.button-outline.active, .ionic .button.button-secondary.button-outline:active { - background-color: #bbbbbb; - color: #fff; - box-shadow: none; } - .ionic .button.button-primary { - color: white; - background-color: #4a87ee; - border-color: #3b6dc2; } - .ionic .button.button-primary:hover { - color: white; - text-decoration: none; } - .ionic .button.button-primary.active, .ionic .button.button-primary:active { - background-color: #4175ce; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #32599c; } - .ionic .button.button-primary.button-clear { - color: #4a87ee; - background: none; - box-shadow: none; } - .ionic .button.button-primary.button-outline { - border-color: #4a87ee; - color: #4a87ee; } - .ionic .button.button-primary.button-outline.active, .ionic .button.button-primary.button-outline:active { - background-color: #4a87ee; - color: #fff; - box-shadow: none; } - .ionic .button.button-info { - color: white; - background-color: #43cee6; - border-color: #3bb3c8; } - .ionic .button.button-info:hover { - color: white; - text-decoration: none; } - .ionic .button.button-info.active, .ionic .button.button-info:active { - background-color: #3db8cd; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #3293a4; } - .ionic .button.button-info.button-clear { - color: #43cee6; - background: none; - box-shadow: none; } - .ionic .button.button-info.button-outline { - border-color: #43cee6; - color: #43cee6; } - .ionic .button.button-info.button-outline.active, .ionic .button.button-info.button-outline:active { - background-color: #43cee6; - color: #fff; - box-shadow: none; } - .ionic .button.button-success { - color: white; - background-color: #66cc33; - border-color: #5bb22f; } - .ionic .button.button-success:hover { - color: white; - text-decoration: none; } - .ionic .button.button-success.active, .ionic .button.button-success:active { - background-color: #55aa2b; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #448922; } - .ionic .button.button-success.button-clear { - color: #66cc33; - background: none; - box-shadow: none; } - .ionic .button.button-success.button-outline { - border-color: #66cc33; - color: #66cc33; } - .ionic .button.button-success.button-outline.active, .ionic .button.button-success.button-outline:active { - background-color: #66cc33; - color: #fff; - box-shadow: none; } - .ionic .button.button-warning { - color: white; - background-color: #f0b840; - border-color: #d29f31; } - .ionic .button.button-warning:hover { - color: white; - text-decoration: none; } - .ionic .button.button-warning.active, .ionic .button.button-warning:active { - background-color: #e2a114; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #b88517; } - .ionic .button.button-warning.button-clear { - color: #f0b840; - background: none; - box-shadow: none; } - .ionic .button.button-warning.button-outline { - border-color: #f0b840; - color: #f0b840; } - .ionic .button.button-warning.button-outline.active, .ionic .button.button-warning.button-outline:active { - background-color: #f0b840; - color: #fff; - box-shadow: none; } - .ionic .button.button-danger { - color: white; - background-color: #ef4e3a; - border-color: #c73927; } - .ionic .button.button-danger:hover { - color: white; - text-decoration: none; } - .ionic .button.button-danger.active, .ionic .button.button-danger:active { - background-color: #ce4331; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #9f3527; } - .ionic .button.button-danger.button-clear { - color: #ef4e3a; - background: none; - box-shadow: none; } - .ionic .button.button-danger.button-outline { - border-color: #ef4e3a; - color: #ef4e3a; } - .ionic .button.button-danger.button-outline.active, .ionic .button.button-danger.button-outline:active { - background-color: #ef4e3a; - color: #fff; - box-shadow: none; } - .ionic .button.button-dark { - color: white; - background-color: #444444; - border-color: #111111; } - .ionic .button.button-dark:hover { - color: white; - text-decoration: none; } - .ionic .button.button-dark.active, .ionic .button.button-dark:active { - background-color: #222222; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: black; } - .ionic .button.button-dark.button-clear { - color: #444444; - background: none; - box-shadow: none; } - .ionic .button.button-dark.button-outline { - border-color: #444444; - color: #444444; } - .ionic .button.button-dark.button-outline.active, .ionic .button.button-dark.button-outline:active { - background-color: #444444; - color: #fff; - box-shadow: none; } - .ionic .button.button-outline { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - background: none; - box-shadow: none; } - .ionic .button.button-icon { - border: none; - background: none; } - .ionic .button.button-icon:active, .ionic .button.button-icon.active { - background: none; - box-shadow: none; - text-shadow: 0px 0px 10px #fff; } .ionic .button.block, .ionic .button.button-full { margin-top: 10px; margin-bottom: 10px; } @@ -3893,450 +3247,7 @@ min-height: 28px; font-size: 12px; line-height: 27px; } - .ionic .button-small .ion, .ionic .button-small .ionicons, - .ionic .button-small .ion-alert, - .ionic .button-small .ion-alert-circled, - .ionic .button-small .ion-archive, - .ionic .button-small .ion-arrow-down-a, - .ionic .button-small .ion-arrow-down-b, - .ionic .button-small .ion-arrow-down-c, - .ionic .button-small .ion-arrow-expand, - .ionic .button-small .ion-arrow-graph-down-left, - .ionic .button-small .ion-arrow-graph-down-right, - .ionic .button-small .ion-arrow-graph-up-left, - .ionic .button-small .ion-arrow-graph-up-right, - .ionic .button-small .ion-arrow-left-a, - .ionic .button-small .ion-arrow-left-b, - .ionic .button-small .ion-arrow-left-c, - .ionic .button-small .ion-arrow-move, - .ionic .button-small .ion-arrow-resize, - .ionic .button-small .ion-arrow-return-left, - .ionic .button-small .ion-arrow-return-right, - .ionic .button-small .ion-arrow-right-a, - .ionic .button-small .ion-arrow-right-b, - .ionic .button-small .ion-arrow-right-c, - .ionic .button-small .ion-arrow-shrink, - .ionic .button-small .ion-arrow-swap, - .ionic .button-small .ion-arrow-up-a, - .ionic .button-small .ion-arrow-up-b, - .ionic .button-small .ion-arrow-up-c, - .ionic .button-small .ion-at, - .ionic .button-small .ion-bag, - .ionic .button-small .ion-battery-charging, - .ionic .button-small .ion-battery-empty, - .ionic .button-small .ion-battery-full, - .ionic .button-small .ion-battery-half, - .ionic .button-small .ion-battery-low, - .ionic .button-small .ion-beaker, - .ionic .button-small .ion-beer, - .ionic .button-small .ion-bluetooth, - .ionic .button-small .ion-bookmark, - .ionic .button-small .ion-briefcase, - .ionic .button-small .ion-calculator, - .ionic .button-small .ion-calendar, - .ionic .button-small .ion-camera, - .ionic .button-small .ion-card, - .ionic .button-small .ion-chatbox, - .ionic .button-small .ion-chatbox-working, - .ionic .button-small .ion-chatboxes, - .ionic .button-small .ion-chatbubble, - .ionic .button-small .ion-chatbubble-working, - .ionic .button-small .ion-chatbubbles, - .ionic .button-small .ion-checkmark, - .ionic .button-small .ion-checkmark-circled, - .ionic .button-small .ion-checkmark-round, - .ionic .button-small .ion-chevron-down, - .ionic .button-small .ion-chevron-left, - .ionic .button-small .ion-chevron-right, - .ionic .button-small .ion-chevron-up, - .ionic .button-small .ion-clipboard, - .ionic .button-small .ion-clock, - .ionic .button-small .ion-close, - .ionic .button-small .ion-close-circled, - .ionic .button-small .ion-close-round, - .ionic .button-small .ion-cloud, - .ionic .button-small .ion-code, - .ionic .button-small .ion-code-download, - .ionic .button-small .ion-code-working, - .ionic .button-small .ion-coffee, - .ionic .button-small .ion-compass, - .ionic .button-small .ion-compose, - .ionic .button-small .ion-connection-bars, - .ionic .button-small .ion-contrast, - .ionic .button-small .ion-disc, - .ionic .button-small .ion-document, - .ionic .button-small .ion-document-text, - .ionic .button-small .ion-drag, - .ionic .button-small .ion-earth, - .ionic .button-small .ion-egg, - .ionic .button-small .ion-eject, - .ionic .button-small .ion-email, - .ionic .button-small .ion-eye, - .ionic .button-small .ion-female, - .ionic .button-small .ion-filing, - .ionic .button-small .ion-film-marker, - .ionic .button-small .ion-flag, - .ionic .button-small .ion-flash, - .ionic .button-small .ion-flash-off, - .ionic .button-small .ion-flask, - .ionic .button-small .ion-folder, - .ionic .button-small .ion-fork, - .ionic .button-small .ion-forward, - .ionic .button-small .ion-game-controller-a, - .ionic .button-small .ion-game-controller-b, - .ionic .button-small .ion-gear-a, - .ionic .button-small .ion-gear-b, - .ionic .button-small .ion-grid, - .ionic .button-small .ion-hammer, - .ionic .button-small .ion-headphone, - .ionic .button-small .ion-heart, - .ionic .button-small .ion-help, - .ionic .button-small .ion-help-buoy, - .ionic .button-small .ion-help-circled, - .ionic .button-small .ion-home, - .ionic .button-small .ion-icecream, - .ionic .button-small .ion-icon-social-google-plus, - .ionic .button-small .ion-icon-social-google-plus-outline, - .ionic .button-small .ion-image, - .ionic .button-small .ion-images, - .ionic .button-small .ion-information, - .ionic .button-small .ion-information-circled, - .ionic .button-small .ion-ionic, - .ionic .button-small .ion-ios7-alarm, - .ionic .button-small .ion-ios7-alarm-outline, - .ionic .button-small .ion-ios7-albums, - .ionic .button-small .ion-ios7-albums-outline, - .ionic .button-small .ion-ios7-arrow-back, - .ionic .button-small .ion-ios7-arrow-down, - .ionic .button-small .ion-ios7-arrow-forward, - .ionic .button-small .ion-ios7-arrow-left, - .ionic .button-small .ion-ios7-arrow-right, - .ionic .button-small .ion-ios7-arrow-thin-down, - .ionic .button-small .ion-ios7-arrow-thin-left, - .ionic .button-small .ion-ios7-arrow-thin-right, - .ionic .button-small .ion-ios7-arrow-thin-up, - .ionic .button-small .ion-ios7-arrow-up, - .ionic .button-small .ion-ios7-at, - .ionic .button-small .ion-ios7-at-outline, - .ionic .button-small .ion-ios7-bell, - .ionic .button-small .ion-ios7-bell-outline, - .ionic .button-small .ion-ios7-bolt, - .ionic .button-small .ion-ios7-bolt-outline, - .ionic .button-small .ion-ios7-bookmarks, - .ionic .button-small .ion-ios7-bookmarks-outline, - .ionic .button-small .ion-ios7-box, - .ionic .button-small .ion-ios7-box-outline, - .ionic .button-small .ion-ios7-briefcase, - .ionic .button-small .ion-ios7-briefcase-outline, - .ionic .button-small .ion-ios7-browsers, - .ionic .button-small .ion-ios7-browsers-outline, - .ionic .button-small .ion-ios7-calculator, - .ionic .button-small .ion-ios7-calculator-outline, - .ionic .button-small .ion-ios7-calendar, - .ionic .button-small .ion-ios7-calendar-outline, - .ionic .button-small .ion-ios7-camera, - .ionic .button-small .ion-ios7-camera-outline, - .ionic .button-small .ion-ios7-cart, - .ionic .button-small .ion-ios7-cart-outline, - .ionic .button-small .ion-ios7-chatboxes, - .ionic .button-small .ion-ios7-chatboxes-outline, - .ionic .button-small .ion-ios7-chatbubble, - .ionic .button-small .ion-ios7-chatbubble-outline, - .ionic .button-small .ion-ios7-checkmark, - .ionic .button-small .ion-ios7-checkmark-empty, - .ionic .button-small .ion-ios7-checkmark-outline, - .ionic .button-small .ion-ios7-circle-filled, - .ionic .button-small .ion-ios7-circle-outline, - .ionic .button-small .ion-ios7-clock, - .ionic .button-small .ion-ios7-clock-outline, - .ionic .button-small .ion-ios7-cloud, - .ionic .button-small .ion-ios7-cloud-download, - .ionic .button-small .ion-ios7-cloud-download-outline, - .ionic .button-small .ion-ios7-cloud-outline, - .ionic .button-small .ion-ios7-cloud-upload, - .ionic .button-small .ion-ios7-cloud-upload-outline, - .ionic .button-small .ion-ios7-cloudy, - .ionic .button-small .ion-ios7-cloudy-outline, - .ionic .button-small .ion-ios7-cog, - .ionic .button-small .ion-ios7-cog-outline, - .ionic .button-small .ion-ios7-compose, - .ionic .button-small .ion-ios7-compose-outline, - .ionic .button-small .ion-ios7-contact, - .ionic .button-small .ion-ios7-contact-outline, - .ionic .button-small .ion-ios7-copy, - .ionic .button-small .ion-ios7-copy-outline, - .ionic .button-small .ion-ios7-download, - .ionic .button-small .ion-ios7-download-outline, - .ionic .button-small .ion-ios7-drag, - .ionic .button-small .ion-ios7-email, - .ionic .button-small .ion-ios7-email-outline, - .ionic .button-small .ion-ios7-eye, - .ionic .button-small .ion-ios7-eye-outline, - .ionic .button-small .ion-ios7-fastforward, - .ionic .button-small .ion-ios7-fastforward-outline, - .ionic .button-small .ion-ios7-filing, - .ionic .button-small .ion-ios7-filing-outline, - .ionic .button-small .ion-ios7-film, - .ionic .button-small .ion-ios7-film-outline, - .ionic .button-small .ion-ios7-flag, - .ionic .button-small .ion-ios7-flag-outline, - .ionic .button-small .ion-ios7-folder, - .ionic .button-small .ion-ios7-folder-outline, - .ionic .button-small .ion-ios7-gear, - .ionic .button-small .ion-ios7-gear-outline, - .ionic .button-small .ion-ios7-glasses, - .ionic .button-small .ion-ios7-glasses-outline, - .ionic .button-small .ion-ios7-heart, - .ionic .button-small .ion-ios7-heart-outline, - .ionic .button-small .ion-ios7-help, - .ionic .button-small .ion-ios7-help-empty, - .ionic .button-small .ion-ios7-help-outline, - .ionic .button-small .ion-ios7-infinite, - .ionic .button-small .ion-ios7-infinite-outline, - .ionic .button-small .ion-ios7-information, - .ionic .button-small .ion-ios7-information-empty, - .ionic .button-small .ion-ios7-information-outline, - .ionic .button-small .ion-ios7-ionic-outline, - .ionic .button-small .ion-ios7-keypad, - .ionic .button-small .ion-ios7-keypad-outline, - .ionic .button-small .ion-ios7-lightbulb, - .ionic .button-small .ion-ios7-lightbulb-outline, - .ionic .button-small .ion-ios7-location, - .ionic .button-small .ion-ios7-location-outline, - .ionic .button-small .ion-ios7-locked, - .ionic .button-small .ion-ios7-locked-outline, - .ionic .button-small .ion-ios7-medkit, - .ionic .button-small .ion-ios7-medkit-outline, - .ionic .button-small .ion-ios7-mic, - .ionic .button-small .ion-ios7-mic-off, - .ionic .button-small .ion-ios7-mic-outline, - .ionic .button-small .ion-ios7-minus, - .ionic .button-small .ion-ios7-minus-empty, - .ionic .button-small .ion-ios7-minus-outline, - .ionic .button-small .ion-ios7-monitor, - .ionic .button-small .ion-ios7-monitor-outline, - .ionic .button-small .ion-ios7-moon, - .ionic .button-small .ion-ios7-moon-outline, - .ionic .button-small .ion-ios7-more, - .ionic .button-small .ion-ios7-more-outline, - .ionic .button-small .ion-ios7-musical-note, - .ionic .button-small .ion-ios7-musical-notes, - .ionic .button-small .ion-ios7-navigate, - .ionic .button-small .ion-ios7-navigate-outline, - .ionic .button-small .ion-ios7-paperplane, - .ionic .button-small .ion-ios7-paperplane-outline, - .ionic .button-small .ion-ios7-partlysunny, - .ionic .button-small .ion-ios7-partlysunny-outline, - .ionic .button-small .ion-ios7-pause, - .ionic .button-small .ion-ios7-pause-outline, - .ionic .button-small .ion-ios7-people, - .ionic .button-small .ion-ios7-people-outline, - .ionic .button-small .ion-ios7-person, - .ionic .button-small .ion-ios7-person-outline, - .ionic .button-small .ion-ios7-personadd, - .ionic .button-small .ion-ios7-personadd-outline, - .ionic .button-small .ion-ios7-photos, - .ionic .button-small .ion-ios7-photos-outline, - .ionic .button-small .ion-ios7-pie, - .ionic .button-small .ion-ios7-pie-outline, - .ionic .button-small .ion-ios7-play, - .ionic .button-small .ion-ios7-play-outline, - .ionic .button-small .ion-ios7-plus, - .ionic .button-small .ion-ios7-plus-empty, - .ionic .button-small .ion-ios7-plus-outline, - .ionic .button-small .ion-ios7-pricetag, - .ionic .button-small .ion-ios7-pricetag-outline, - .ionic .button-small .ion-ios7-printer, - .ionic .button-small .ion-ios7-printer-outline, - .ionic .button-small .ion-ios7-rainy, - .ionic .button-small .ion-ios7-rainy-outline, - .ionic .button-small .ion-ios7-recording, - .ionic .button-small .ion-ios7-recording-outline, - .ionic .button-small .ion-ios7-redo, - .ionic .button-small .ion-ios7-redo-outline, - .ionic .button-small .ion-ios7-refresh, - .ionic .button-small .ion-ios7-refresh-empty, - .ionic .button-small .ion-ios7-refresh-outline, - .ionic .button-small .ion-ios7-reload, - .ionic .button-small .ion-ios7-rewind, - .ionic .button-small .ion-ios7-rewind-outline, - .ionic .button-small .ion-ios7-search, - .ionic .button-small .ion-ios7-search-strong, - .ionic .button-small .ion-ios7-skipbackward, - .ionic .button-small .ion-ios7-skipbackward-outline, - .ionic .button-small .ion-ios7-skipforward, - .ionic .button-small .ion-ios7-skipforward-outline, - .ionic .button-small .ion-ios7-speedometer, - .ionic .button-small .ion-ios7-speedometer-outline, - .ionic .button-small .ion-ios7-star, - .ionic .button-small .ion-ios7-star-outline, - .ionic .button-small .ion-ios7-stopwatch, - .ionic .button-small .ion-ios7-stopwatch-outline, - .ionic .button-small .ion-ios7-sunny, - .ionic .button-small .ion-ios7-sunny-outline, - .ionic .button-small .ion-ios7-telephone, - .ionic .button-small .ion-ios7-telephone-outline, - .ionic .button-small .ion-ios7-thunderstorm, - .ionic .button-small .ion-ios7-thunderstorm-outline, - .ionic .button-small .ion-ios7-time, - .ionic .button-small .ion-ios7-time-outline, - .ionic .button-small .ion-ios7-timer, - .ionic .button-small .ion-ios7-timer-outline, - .ionic .button-small .ion-ios7-trash, - .ionic .button-small .ion-ios7-trash-outline, - .ionic .button-small .ion-ios7-undo, - .ionic .button-small .ion-ios7-undo-outline, - .ionic .button-small .ion-ios7-unlocked, - .ionic .button-small .ion-ios7-unlocked-outline, - .ionic .button-small .ion-ios7-upload, - .ionic .button-small .ion-ios7-upload-outline, - .ionic .button-small .ion-ios7-videocam, - .ionic .button-small .ion-ios7-videocam-outline, - .ionic .button-small .ion-ios7-volume-high, - .ionic .button-small .ion-ios7-volume-low, - .ionic .button-small .ion-ios7-wineglass, - .ionic .button-small .ion-ios7-wineglass-outline, - .ionic .button-small .ion-ios7-world, - .ionic .button-small .ion-ios7-world-outline, - .ionic .button-small .ion-ipad, - .ionic .button-small .ion-iphone, - .ionic .button-small .ion-ipod, - .ionic .button-small .ion-jet, - .ionic .button-small .ion-key, - .ionic .button-small .ion-knife, - .ionic .button-small .ion-laptop, - .ionic .button-small .ion-leaf, - .ionic .button-small .ion-levels, - .ionic .button-small .ion-lightbulb, - .ionic .button-small .ion-link, - .ionic .button-small .ion-load-a, - .ionic .button-small .ion-load-b, - .ionic .button-small .ion-load-c, - .ionic .button-small .ion-load-d, - .ionic .button-small .ion-location, - .ionic .button-small .ion-locked, - .ionic .button-small .ion-log-in, - .ionic .button-small .ion-log-out, - .ionic .button-small .ion-loop, - .ionic .button-small .ion-magnet, - .ionic .button-small .ion-male, - .ionic .button-small .ion-man, - .ionic .button-small .ion-map, - .ionic .button-small .ion-medkit, - .ionic .button-small .ion-mic-a, - .ionic .button-small .ion-mic-b, - .ionic .button-small .ion-mic-c, - .ionic .button-small .ion-minus, - .ionic .button-small .ion-minus-circled, - .ionic .button-small .ion-minus-round, - .ionic .button-small .ion-monitor, - .ionic .button-small .ion-more, - .ionic .button-small .ion-music-note, - .ionic .button-small .ion-navicon, - .ionic .button-small .ion-navicon-round, - .ionic .button-small .ion-navigate, - .ionic .button-small .ion-nuclear, - .ionic .button-small .ion-paperclip, - .ionic .button-small .ion-pause, - .ionic .button-small .ion-person, - .ionic .button-small .ion-person-add, - .ionic .button-small .ion-person-stalker, - .ionic .button-small .ion-pie-graph, - .ionic .button-small .ion-pin, - .ionic .button-small .ion-pinpoint, - .ionic .button-small .ion-pizza, - .ionic .button-small .ion-plane, - .ionic .button-small .ion-play, - .ionic .button-small .ion-plus, - .ionic .button-small .ion-plus-circled, - .ionic .button-small .ion-plus-round, - .ionic .button-small .ion-pound, - .ionic .button-small .ion-power, - .ionic .button-small .ion-pricetag, - .ionic .button-small .ion-pricetags, - .ionic .button-small .ion-printer, - .ionic .button-small .ion-radio-waves, - .ionic .button-small .ion-record, - .ionic .button-small .ion-refresh, - .ionic .button-small .ion-reply, - .ionic .button-small .ion-reply-all, - .ionic .button-small .ion-search, - .ionic .button-small .ion-settings, - .ionic .button-small .ion-share, - .ionic .button-small .ion-shuffle, - .ionic .button-small .ion-skip-backward, - .ionic .button-small .ion-skip-forward, - .ionic .button-small .ion-social-android, - .ionic .button-small .ion-social-android-outline, - .ionic .button-small .ion-social-apple, - .ionic .button-small .ion-social-apple-outline, - .ionic .button-small .ion-social-bitcoin, - .ionic .button-small .ion-social-bitcoin-outline, - .ionic .button-small .ion-social-buffer, - .ionic .button-small .ion-social-buffer-outline, - .ionic .button-small .ion-social-designernews, - .ionic .button-small .ion-social-designernews-outline, - .ionic .button-small .ion-social-dribbble, - .ionic .button-small .ion-social-dribbble-outline, - .ionic .button-small .ion-social-dropbox, - .ionic .button-small .ion-social-dropbox-outline, - .ionic .button-small .ion-social-facebook, - .ionic .button-small .ion-social-facebook-outline, - .ionic .button-small .ion-social-github, - .ionic .button-small .ion-social-github-outline, - .ionic .button-small .ion-social-googleplus, - .ionic .button-small .ion-social-googleplus-outline, - .ionic .button-small .ion-social-hackernews, - .ionic .button-small .ion-social-hackernews-outline, - .ionic .button-small .ion-social-linkedin, - .ionic .button-small .ion-social-linkedin-outline, - .ionic .button-small .ion-social-pinterest, - .ionic .button-small .ion-social-pinterest-outline, - .ionic .button-small .ion-social-reddit, - .ionic .button-small .ion-social-reddit-outline, - .ionic .button-small .ion-social-rss, - .ionic .button-small .ion-social-rss-outline, - .ionic .button-small .ion-social-skype, - .ionic .button-small .ion-social-skype-outline, - .ionic .button-small .ion-social-tumblr, - .ionic .button-small .ion-social-tumblr-outline, - .ionic .button-small .ion-social-twitter, - .ionic .button-small .ion-social-twitter-outline, - .ionic .button-small .ion-social-vimeo, - .ionic .button-small .ion-social-vimeo-outline, - .ionic .button-small .ion-social-windows, - .ionic .button-small .ion-social-windows-outline, - .ionic .button-small .ion-social-wordpress, - .ionic .button-small .ion-social-wordpress-outline, - .ionic .button-small .ion-social-yahoo, - .ionic .button-small .ion-social-yahoo-outline, - .ionic .button-small .ion-social-youtube, - .ionic .button-small .ion-social-youtube-outline, - .ionic .button-small .ion-speakerphone, - .ionic .button-small .ion-speedometer, - .ionic .button-small .ion-spoon, - .ionic .button-small .ion-star, - .ionic .button-small .ion-stats-bars, - .ionic .button-small .ion-stop, - .ionic .button-small .ion-thermometer, - .ionic .button-small .ion-thumbsdown, - .ionic .button-small .ion-thumbsup, - .ionic .button-small .ion-trash-a, - .ionic .button-small .ion-trash-b, - .ionic .button-small .ion-umbrella, - .ionic .button-small .ion-unlocked, - .ionic .button-small .ion-upload, - .ionic .button-small .ion-usb, - .ionic .button-small .ion-videocamera, - .ionic .button-small .ion-volume-high, - .ionic .button-small .ion-volume-low, - .ionic .button-small .ion-volume-medium, - .ionic .button-small .ion-volume-mute, - .ionic .button-small .ion-waterdrop, - .ionic .button-small .ion-wifi, - .ionic .button-small .ion-wineglass, - .ionic .button-small .ion-woman, - .ionic .button-small .ion-wrench { + .ionic .button-small .icon { font-size: 16px; line-height: 26px; } .ionic .button-large { @@ -4349,6 +3260,209 @@ font-size: 32px; line-height: 51px; padding-bottom: 2px; } + .ionic .button-icon { + padding: 2px 4px; + background: none; } + .ionic .button-icon .icon { + font-size: 32px; } + .ionic .button-clear { + -webkit-transition: opacity 0.1s; + transition: opacity 0.1s; + padding: 6px; + max-height: 42px; + border: none; + background: none; + box-shadow: none; } + .ionic .button-clear:active, .ionic .button-clear.active { + opacity: 0.3; } + .ionic .button-default { + color: #333333; + background-color: white; + border-color: #dddddd; } + .ionic .button-default:hover { + color: #333333; + text-decoration: none; } + .ionic .button-default.active, .ionic .button-default:active { + background-color: #fafafa; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #bbbbbb; } + .ionic .button-default.button-clear { + color: #dddddd; + background: none; + box-shadow: none; } + .ionic .button-default.button-outline { + border-color: #dddddd; + color: #333333; } + .ionic .button-default.button-outline.active, .ionic .button-default.button-outline:active { + background-color: #dddddd; + color: #fff; + box-shadow: none; } + .ionic .button-secondary { + color: #333333; + background-color: whitesmoke; + border-color: #bbbbbb; } + .ionic .button-secondary:hover { + color: #333333; + text-decoration: none; } + .ionic .button-secondary.active, .ionic .button-secondary:active { + background-color: #e5e5e5; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #999999; } + .ionic .button-secondary.button-clear { + color: #bbbbbb; + background: none; + box-shadow: none; } + .ionic .button-secondary.button-outline { + border-color: #bbbbbb; + color: #333333; } + .ionic .button-secondary.button-outline.active, .ionic .button-secondary.button-outline:active { + background-color: #bbbbbb; + color: #fff; + box-shadow: none; } + .ionic .button-primary { + color: white; + background-color: #4a87ee; + border-color: #3b6dc2; } + .ionic .button-primary:hover { + color: white; + text-decoration: none; } + .ionic .button-primary.active, .ionic .button-primary:active { + background-color: #4175ce; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #32599c; } + .ionic .button-primary.button-clear { + color: #4a87ee; + background: none; + box-shadow: none; } + .ionic .button-primary.button-outline { + border-color: #4a87ee; + color: #4a87ee; } + .ionic .button-primary.button-outline.active, .ionic .button-primary.button-outline:active { + background-color: #4a87ee; + color: #fff; + box-shadow: none; } + .ionic .button-info { + color: white; + background-color: #43cee6; + border-color: #3bb3c8; } + .ionic .button-info:hover { + color: white; + text-decoration: none; } + .ionic .button-info.active, .ionic .button-info:active { + background-color: #3db8cd; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #3293a4; } + .ionic .button-info.button-clear { + color: #43cee6; + background: none; + box-shadow: none; } + .ionic .button-info.button-outline { + border-color: #43cee6; + color: #43cee6; } + .ionic .button-info.button-outline.active, .ionic .button-info.button-outline:active { + background-color: #43cee6; + color: #fff; + box-shadow: none; } + .ionic .button-success { + color: white; + background-color: #66cc33; + border-color: #5bb22f; } + .ionic .button-success:hover { + color: white; + text-decoration: none; } + .ionic .button-success.active, .ionic .button-success:active { + background-color: #55aa2b; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #448922; } + .ionic .button-success.button-clear { + color: #66cc33; + background: none; + box-shadow: none; } + .ionic .button-success.button-outline { + border-color: #66cc33; + color: #66cc33; } + .ionic .button-success.button-outline.active, .ionic .button-success.button-outline:active { + background-color: #66cc33; + color: #fff; + box-shadow: none; } + .ionic .button-warning { + color: white; + background-color: #f0b840; + border-color: #d29f31; } + .ionic .button-warning:hover { + color: white; + text-decoration: none; } + .ionic .button-warning.active, .ionic .button-warning:active { + background-color: #e2a114; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #b88517; } + .ionic .button-warning.button-clear { + color: #f0b840; + background: none; + box-shadow: none; } + .ionic .button-warning.button-outline { + border-color: #f0b840; + color: #f0b840; } + .ionic .button-warning.button-outline.active, .ionic .button-warning.button-outline:active { + background-color: #f0b840; + color: #fff; + box-shadow: none; } + .ionic .button-danger { + color: white; + background-color: #ef4e3a; + border-color: #c73927; } + .ionic .button-danger:hover { + color: white; + text-decoration: none; } + .ionic .button-danger.active, .ionic .button-danger:active { + background-color: #ce4331; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #9f3527; } + .ionic .button-danger.button-clear { + color: #ef4e3a; + background: none; + box-shadow: none; } + .ionic .button-danger.button-outline { + border-color: #ef4e3a; + color: #ef4e3a; } + .ionic .button-danger.button-outline.active, .ionic .button-danger.button-outline:active { + background-color: #ef4e3a; + color: #fff; + box-shadow: none; } + .ionic .button-dark { + color: white; + background-color: #444444; + border-color: #111111; } + .ionic .button-dark:hover { + color: white; + text-decoration: none; } + .ionic .button-dark.active, .ionic .button-dark:active { + background-color: #222222; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: black; } + .ionic .button-dark.button-clear { + color: #444444; + background: none; + box-shadow: none; } + .ionic .button-dark.button-outline { + border-color: #444444; + color: #444444; } + .ionic .button-dark.button-outline.active, .ionic .button-dark.button-outline:active { + background-color: #444444; + color: #fff; + box-shadow: none; } + .ionic .button-outline { + -webkit-transition: opacity 0.1s; + transition: opacity 0.1s; + background: none; + box-shadow: none; } + .ionic .button-icon { + border: none; + background: none; } + .ionic .button-icon:active, .ionic .button-icon.active { + background: none; + box-shadow: none; + text-shadow: 0px 0px 10px #fff; } .ionic .padding > .button.block:first-child { margin-top: 0; } .ionic .button-full, diff --git a/dist/css/ionic.css b/dist/css/ionic.css index 7694039a41..80123f105a 100644 --- a/dist/css/ionic.css +++ b/dist/css/ionic.css @@ -3860,658 +3860,12 @@ input[type="range"] { font-size: 16px; line-height: 41px; cursor: pointer; } - .button .ion, .button .ionicons, - .button .ion-alert, - .button .ion-alert-circled, - .button .ion-archive, - .button .ion-arrow-down-a, - .button .ion-arrow-down-b, - .button .ion-arrow-down-c, - .button .ion-arrow-expand, - .button .ion-arrow-graph-down-left, - .button .ion-arrow-graph-down-right, - .button .ion-arrow-graph-up-left, - .button .ion-arrow-graph-up-right, - .button .ion-arrow-left-a, - .button .ion-arrow-left-b, - .button .ion-arrow-left-c, - .button .ion-arrow-move, - .button .ion-arrow-resize, - .button .ion-arrow-return-left, - .button .ion-arrow-return-right, - .button .ion-arrow-right-a, - .button .ion-arrow-right-b, - .button .ion-arrow-right-c, - .button .ion-arrow-shrink, - .button .ion-arrow-swap, - .button .ion-arrow-up-a, - .button .ion-arrow-up-b, - .button .ion-arrow-up-c, - .button .ion-at, - .button .ion-bag, - .button .ion-battery-charging, - .button .ion-battery-empty, - .button .ion-battery-full, - .button .ion-battery-half, - .button .ion-battery-low, - .button .ion-beaker, - .button .ion-beer, - .button .ion-bluetooth, - .button .ion-bookmark, - .button .ion-briefcase, - .button .ion-calculator, - .button .ion-calendar, - .button .ion-camera, - .button .ion-card, - .button .ion-chatbox, - .button .ion-chatbox-working, - .button .ion-chatboxes, - .button .ion-chatbubble, - .button .ion-chatbubble-working, - .button .ion-chatbubbles, - .button .ion-checkmark, - .button .ion-checkmark-circled, - .button .ion-checkmark-round, - .button .ion-chevron-down, - .button .ion-chevron-left, - .button .ion-chevron-right, - .button .ion-chevron-up, - .button .ion-clipboard, - .button .ion-clock, - .button .ion-close, - .button .ion-close-circled, - .button .ion-close-round, - .button .ion-cloud, - .button .ion-code, - .button .ion-code-download, - .button .ion-code-working, - .button .ion-coffee, - .button .ion-compass, - .button .ion-compose, - .button .ion-connection-bars, - .button .ion-contrast, - .button .ion-disc, - .button .ion-document, - .button .ion-document-text, - .button .ion-drag, - .button .ion-earth, - .button .ion-egg, - .button .ion-eject, - .button .ion-email, - .button .ion-eye, - .button .ion-female, - .button .ion-filing, - .button .ion-film-marker, - .button .ion-flag, - .button .ion-flash, - .button .ion-flash-off, - .button .ion-flask, - .button .ion-folder, - .button .ion-fork, - .button .ion-forward, - .button .ion-game-controller-a, - .button .ion-game-controller-b, - .button .ion-gear-a, - .button .ion-gear-b, - .button .ion-grid, - .button .ion-hammer, - .button .ion-headphone, - .button .ion-heart, - .button .ion-help, - .button .ion-help-buoy, - .button .ion-help-circled, - .button .ion-home, - .button .ion-icecream, - .button .ion-icon-social-google-plus, - .button .ion-icon-social-google-plus-outline, - .button .ion-image, - .button .ion-images, - .button .ion-information, - .button .ion-information-circled, - .button .ion-ionic, - .button .ion-ios7-alarm, - .button .ion-ios7-alarm-outline, - .button .ion-ios7-albums, - .button .ion-ios7-albums-outline, - .button .ion-ios7-arrow-back, - .button .ion-ios7-arrow-down, - .button .ion-ios7-arrow-forward, - .button .ion-ios7-arrow-left, - .button .ion-ios7-arrow-right, - .button .ion-ios7-arrow-thin-down, - .button .ion-ios7-arrow-thin-left, - .button .ion-ios7-arrow-thin-right, - .button .ion-ios7-arrow-thin-up, - .button .ion-ios7-arrow-up, - .button .ion-ios7-at, - .button .ion-ios7-at-outline, - .button .ion-ios7-bell, - .button .ion-ios7-bell-outline, - .button .ion-ios7-bolt, - .button .ion-ios7-bolt-outline, - .button .ion-ios7-bookmarks, - .button .ion-ios7-bookmarks-outline, - .button .ion-ios7-box, - .button .ion-ios7-box-outline, - .button .ion-ios7-briefcase, - .button .ion-ios7-briefcase-outline, - .button .ion-ios7-browsers, - .button .ion-ios7-browsers-outline, - .button .ion-ios7-calculator, - .button .ion-ios7-calculator-outline, - .button .ion-ios7-calendar, - .button .ion-ios7-calendar-outline, - .button .ion-ios7-camera, - .button .ion-ios7-camera-outline, - .button .ion-ios7-cart, - .button .ion-ios7-cart-outline, - .button .ion-ios7-chatboxes, - .button .ion-ios7-chatboxes-outline, - .button .ion-ios7-chatbubble, - .button .ion-ios7-chatbubble-outline, - .button .ion-ios7-checkmark, - .button .ion-ios7-checkmark-empty, - .button .ion-ios7-checkmark-outline, - .button .ion-ios7-circle-filled, - .button .ion-ios7-circle-outline, - .button .ion-ios7-clock, - .button .ion-ios7-clock-outline, - .button .ion-ios7-cloud, - .button .ion-ios7-cloud-download, - .button .ion-ios7-cloud-download-outline, - .button .ion-ios7-cloud-outline, - .button .ion-ios7-cloud-upload, - .button .ion-ios7-cloud-upload-outline, - .button .ion-ios7-cloudy, - .button .ion-ios7-cloudy-outline, - .button .ion-ios7-cog, - .button .ion-ios7-cog-outline, - .button .ion-ios7-compose, - .button .ion-ios7-compose-outline, - .button .ion-ios7-contact, - .button .ion-ios7-contact-outline, - .button .ion-ios7-copy, - .button .ion-ios7-copy-outline, - .button .ion-ios7-download, - .button .ion-ios7-download-outline, - .button .ion-ios7-drag, - .button .ion-ios7-email, - .button .ion-ios7-email-outline, - .button .ion-ios7-eye, - .button .ion-ios7-eye-outline, - .button .ion-ios7-fastforward, - .button .ion-ios7-fastforward-outline, - .button .ion-ios7-filing, - .button .ion-ios7-filing-outline, - .button .ion-ios7-film, - .button .ion-ios7-film-outline, - .button .ion-ios7-flag, - .button .ion-ios7-flag-outline, - .button .ion-ios7-folder, - .button .ion-ios7-folder-outline, - .button .ion-ios7-gear, - .button .ion-ios7-gear-outline, - .button .ion-ios7-glasses, - .button .ion-ios7-glasses-outline, - .button .ion-ios7-heart, - .button .ion-ios7-heart-outline, - .button .ion-ios7-help, - .button .ion-ios7-help-empty, - .button .ion-ios7-help-outline, - .button .ion-ios7-infinite, - .button .ion-ios7-infinite-outline, - .button .ion-ios7-information, - .button .ion-ios7-information-empty, - .button .ion-ios7-information-outline, - .button .ion-ios7-ionic-outline, - .button .ion-ios7-keypad, - .button .ion-ios7-keypad-outline, - .button .ion-ios7-lightbulb, - .button .ion-ios7-lightbulb-outline, - .button .ion-ios7-location, - .button .ion-ios7-location-outline, - .button .ion-ios7-locked, - .button .ion-ios7-locked-outline, - .button .ion-ios7-medkit, - .button .ion-ios7-medkit-outline, - .button .ion-ios7-mic, - .button .ion-ios7-mic-off, - .button .ion-ios7-mic-outline, - .button .ion-ios7-minus, - .button .ion-ios7-minus-empty, - .button .ion-ios7-minus-outline, - .button .ion-ios7-monitor, - .button .ion-ios7-monitor-outline, - .button .ion-ios7-moon, - .button .ion-ios7-moon-outline, - .button .ion-ios7-more, - .button .ion-ios7-more-outline, - .button .ion-ios7-musical-note, - .button .ion-ios7-musical-notes, - .button .ion-ios7-navigate, - .button .ion-ios7-navigate-outline, - .button .ion-ios7-paperplane, - .button .ion-ios7-paperplane-outline, - .button .ion-ios7-partlysunny, - .button .ion-ios7-partlysunny-outline, - .button .ion-ios7-pause, - .button .ion-ios7-pause-outline, - .button .ion-ios7-people, - .button .ion-ios7-people-outline, - .button .ion-ios7-person, - .button .ion-ios7-person-outline, - .button .ion-ios7-personadd, - .button .ion-ios7-personadd-outline, - .button .ion-ios7-photos, - .button .ion-ios7-photos-outline, - .button .ion-ios7-pie, - .button .ion-ios7-pie-outline, - .button .ion-ios7-play, - .button .ion-ios7-play-outline, - .button .ion-ios7-plus, - .button .ion-ios7-plus-empty, - .button .ion-ios7-plus-outline, - .button .ion-ios7-pricetag, - .button .ion-ios7-pricetag-outline, - .button .ion-ios7-printer, - .button .ion-ios7-printer-outline, - .button .ion-ios7-rainy, - .button .ion-ios7-rainy-outline, - .button .ion-ios7-recording, - .button .ion-ios7-recording-outline, - .button .ion-ios7-redo, - .button .ion-ios7-redo-outline, - .button .ion-ios7-refresh, - .button .ion-ios7-refresh-empty, - .button .ion-ios7-refresh-outline, - .button .ion-ios7-reload, - .button .ion-ios7-rewind, - .button .ion-ios7-rewind-outline, - .button .ion-ios7-search, - .button .ion-ios7-search-strong, - .button .ion-ios7-skipbackward, - .button .ion-ios7-skipbackward-outline, - .button .ion-ios7-skipforward, - .button .ion-ios7-skipforward-outline, - .button .ion-ios7-speedometer, - .button .ion-ios7-speedometer-outline, - .button .ion-ios7-star, - .button .ion-ios7-star-outline, - .button .ion-ios7-stopwatch, - .button .ion-ios7-stopwatch-outline, - .button .ion-ios7-sunny, - .button .ion-ios7-sunny-outline, - .button .ion-ios7-telephone, - .button .ion-ios7-telephone-outline, - .button .ion-ios7-thunderstorm, - .button .ion-ios7-thunderstorm-outline, - .button .ion-ios7-time, - .button .ion-ios7-time-outline, - .button .ion-ios7-timer, - .button .ion-ios7-timer-outline, - .button .ion-ios7-trash, - .button .ion-ios7-trash-outline, - .button .ion-ios7-undo, - .button .ion-ios7-undo-outline, - .button .ion-ios7-unlocked, - .button .ion-ios7-unlocked-outline, - .button .ion-ios7-upload, - .button .ion-ios7-upload-outline, - .button .ion-ios7-videocam, - .button .ion-ios7-videocam-outline, - .button .ion-ios7-volume-high, - .button .ion-ios7-volume-low, - .button .ion-ios7-wineglass, - .button .ion-ios7-wineglass-outline, - .button .ion-ios7-world, - .button .ion-ios7-world-outline, - .button .ion-ipad, - .button .ion-iphone, - .button .ion-ipod, - .button .ion-jet, - .button .ion-key, - .button .ion-knife, - .button .ion-laptop, - .button .ion-leaf, - .button .ion-levels, - .button .ion-lightbulb, - .button .ion-link, - .button .ion-load-a, - .button .ion-load-b, - .button .ion-load-c, - .button .ion-load-d, - .button .ion-location, - .button .ion-locked, - .button .ion-log-in, - .button .ion-log-out, - .button .ion-loop, - .button .ion-magnet, - .button .ion-male, - .button .ion-man, - .button .ion-map, - .button .ion-medkit, - .button .ion-mic-a, - .button .ion-mic-b, - .button .ion-mic-c, - .button .ion-minus, - .button .ion-minus-circled, - .button .ion-minus-round, - .button .ion-monitor, - .button .ion-more, - .button .ion-music-note, - .button .ion-navicon, - .button .ion-navicon-round, - .button .ion-navigate, - .button .ion-nuclear, - .button .ion-paperclip, - .button .ion-pause, - .button .ion-person, - .button .ion-person-add, - .button .ion-person-stalker, - .button .ion-pie-graph, - .button .ion-pin, - .button .ion-pinpoint, - .button .ion-pizza, - .button .ion-plane, - .button .ion-play, - .button .ion-plus, - .button .ion-plus-circled, - .button .ion-plus-round, - .button .ion-pound, - .button .ion-power, - .button .ion-pricetag, - .button .ion-pricetags, - .button .ion-printer, - .button .ion-radio-waves, - .button .ion-record, - .button .ion-refresh, - .button .ion-reply, - .button .ion-reply-all, - .button .ion-search, - .button .ion-settings, - .button .ion-share, - .button .ion-shuffle, - .button .ion-skip-backward, - .button .ion-skip-forward, - .button .ion-social-android, - .button .ion-social-android-outline, - .button .ion-social-apple, - .button .ion-social-apple-outline, - .button .ion-social-bitcoin, - .button .ion-social-bitcoin-outline, - .button .ion-social-buffer, - .button .ion-social-buffer-outline, - .button .ion-social-designernews, - .button .ion-social-designernews-outline, - .button .ion-social-dribbble, - .button .ion-social-dribbble-outline, - .button .ion-social-dropbox, - .button .ion-social-dropbox-outline, - .button .ion-social-facebook, - .button .ion-social-facebook-outline, - .button .ion-social-github, - .button .ion-social-github-outline, - .button .ion-social-googleplus, - .button .ion-social-googleplus-outline, - .button .ion-social-hackernews, - .button .ion-social-hackernews-outline, - .button .ion-social-linkedin, - .button .ion-social-linkedin-outline, - .button .ion-social-pinterest, - .button .ion-social-pinterest-outline, - .button .ion-social-reddit, - .button .ion-social-reddit-outline, - .button .ion-social-rss, - .button .ion-social-rss-outline, - .button .ion-social-skype, - .button .ion-social-skype-outline, - .button .ion-social-tumblr, - .button .ion-social-tumblr-outline, - .button .ion-social-twitter, - .button .ion-social-twitter-outline, - .button .ion-social-vimeo, - .button .ion-social-vimeo-outline, - .button .ion-social-windows, - .button .ion-social-windows-outline, - .button .ion-social-wordpress, - .button .ion-social-wordpress-outline, - .button .ion-social-yahoo, - .button .ion-social-yahoo-outline, - .button .ion-social-youtube, - .button .ion-social-youtube-outline, - .button .ion-speakerphone, - .button .ion-speedometer, - .button .ion-spoon, - .button .ion-star, - .button .ion-stats-bars, - .button .ion-stop, - .button .ion-thermometer, - .button .ion-thumbsdown, - .button .ion-thumbsup, - .button .ion-trash-a, - .button .ion-trash-b, - .button .ion-umbrella, - .button .ion-unlocked, - .button .ion-upload, - .button .ion-usb, - .button .ion-videocamera, - .button .ion-volume-high, - .button .ion-volume-low, - .button .ion-volume-medium, - .button .ion-volume-mute, - .button .ion-waterdrop, - .button .ion-wifi, - .button .ion-wineglass, - .button .ion-woman, - .button .ion-wrench { + .button .icon { display: inline-block; padding: 0 0 1px 0; vertical-align: inherit; font-size: 24px; line-height: 40px; } - .button.button-icon { - padding: 2px 4px; - background: none; } - .button.button-icon .icon { - font-size: 32px; } - .button.button-clear { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - padding: 6px; - max-height: 42px; - border: none; - background: none; - box-shadow: none; } - .button.button-clear:active, .button.button-clear.active { - opacity: 0.3; } - .button.button-default { - color: #333333; - background-color: white; - border-color: #dddddd; } - .button.button-default:hover { - color: #333333; - text-decoration: none; } - .button.button-default.active, .button.button-default:active { - background-color: #fafafa; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #bbbbbb; } - .button.button-default.button-clear { - color: #dddddd; - background: none; - box-shadow: none; } - .button.button-default.button-outline { - border-color: #dddddd; - color: #333333; } - .button.button-default.button-outline.active, .button.button-default.button-outline:active { - background-color: #dddddd; - color: #fff; - box-shadow: none; } - .button.button-secondary { - color: #333333; - background-color: whitesmoke; - border-color: #bbbbbb; } - .button.button-secondary:hover { - color: #333333; - text-decoration: none; } - .button.button-secondary.active, .button.button-secondary:active { - background-color: #e5e5e5; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #999999; } - .button.button-secondary.button-clear { - color: #bbbbbb; - background: none; - box-shadow: none; } - .button.button-secondary.button-outline { - border-color: #bbbbbb; - color: #333333; } - .button.button-secondary.button-outline.active, .button.button-secondary.button-outline:active { - background-color: #bbbbbb; - color: #fff; - box-shadow: none; } - .button.button-primary { - color: white; - background-color: #4a87ee; - border-color: #3b6dc2; } - .button.button-primary:hover { - color: white; - text-decoration: none; } - .button.button-primary.active, .button.button-primary:active { - background-color: #4175ce; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #32599c; } - .button.button-primary.button-clear { - color: #4a87ee; - background: none; - box-shadow: none; } - .button.button-primary.button-outline { - border-color: #4a87ee; - color: #4a87ee; } - .button.button-primary.button-outline.active, .button.button-primary.button-outline:active { - background-color: #4a87ee; - color: #fff; - box-shadow: none; } - .button.button-info { - color: white; - background-color: #43cee6; - border-color: #3bb3c8; } - .button.button-info:hover { - color: white; - text-decoration: none; } - .button.button-info.active, .button.button-info:active { - background-color: #3db8cd; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #3293a4; } - .button.button-info.button-clear { - color: #43cee6; - background: none; - box-shadow: none; } - .button.button-info.button-outline { - border-color: #43cee6; - color: #43cee6; } - .button.button-info.button-outline.active, .button.button-info.button-outline:active { - background-color: #43cee6; - color: #fff; - box-shadow: none; } - .button.button-success { - color: white; - background-color: #66cc33; - border-color: #5bb22f; } - .button.button-success:hover { - color: white; - text-decoration: none; } - .button.button-success.active, .button.button-success:active { - background-color: #55aa2b; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #448922; } - .button.button-success.button-clear { - color: #66cc33; - background: none; - box-shadow: none; } - .button.button-success.button-outline { - border-color: #66cc33; - color: #66cc33; } - .button.button-success.button-outline.active, .button.button-success.button-outline:active { - background-color: #66cc33; - color: #fff; - box-shadow: none; } - .button.button-warning { - color: white; - background-color: #f0b840; - border-color: #d29f31; } - .button.button-warning:hover { - color: white; - text-decoration: none; } - .button.button-warning.active, .button.button-warning:active { - background-color: #e2a114; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #b88517; } - .button.button-warning.button-clear { - color: #f0b840; - background: none; - box-shadow: none; } - .button.button-warning.button-outline { - border-color: #f0b840; - color: #f0b840; } - .button.button-warning.button-outline.active, .button.button-warning.button-outline:active { - background-color: #f0b840; - color: #fff; - box-shadow: none; } - .button.button-danger { - color: white; - background-color: #ef4e3a; - border-color: #c73927; } - .button.button-danger:hover { - color: white; - text-decoration: none; } - .button.button-danger.active, .button.button-danger:active { - background-color: #ce4331; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: #9f3527; } - .button.button-danger.button-clear { - color: #ef4e3a; - background: none; - box-shadow: none; } - .button.button-danger.button-outline { - border-color: #ef4e3a; - color: #ef4e3a; } - .button.button-danger.button-outline.active, .button.button-danger.button-outline:active { - background-color: #ef4e3a; - color: #fff; - box-shadow: none; } - .button.button-dark { - color: white; - background-color: #444444; - border-color: #111111; } - .button.button-dark:hover { - color: white; - text-decoration: none; } - .button.button-dark.active, .button.button-dark:active { - background-color: #222222; - box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); - border-color: black; } - .button.button-dark.button-clear { - color: #444444; - background: none; - box-shadow: none; } - .button.button-dark.button-outline { - border-color: #444444; - color: #444444; } - .button.button-dark.button-outline.active, .button.button-dark.button-outline:active { - background-color: #444444; - color: #fff; - box-shadow: none; } - .button.button-outline { - -webkit-transition: opacity 0.1s; - transition: opacity 0.1s; - background: none; - box-shadow: none; } - .button.button-icon { - border: none; - background: none; } - .button.button-icon:active, .button.button-icon.active { - background: none; - box-shadow: none; - text-shadow: 0px 0px 10px #fff; } .button.block, .button.button-full { margin-top: 10px; margin-bottom: 10px; } @@ -4522,450 +3876,7 @@ input[type="range"] { min-height: 28px; font-size: 12px; line-height: 27px; } - .button-small .ion, .button-small .ionicons, - .button-small .ion-alert, - .button-small .ion-alert-circled, - .button-small .ion-archive, - .button-small .ion-arrow-down-a, - .button-small .ion-arrow-down-b, - .button-small .ion-arrow-down-c, - .button-small .ion-arrow-expand, - .button-small .ion-arrow-graph-down-left, - .button-small .ion-arrow-graph-down-right, - .button-small .ion-arrow-graph-up-left, - .button-small .ion-arrow-graph-up-right, - .button-small .ion-arrow-left-a, - .button-small .ion-arrow-left-b, - .button-small .ion-arrow-left-c, - .button-small .ion-arrow-move, - .button-small .ion-arrow-resize, - .button-small .ion-arrow-return-left, - .button-small .ion-arrow-return-right, - .button-small .ion-arrow-right-a, - .button-small .ion-arrow-right-b, - .button-small .ion-arrow-right-c, - .button-small .ion-arrow-shrink, - .button-small .ion-arrow-swap, - .button-small .ion-arrow-up-a, - .button-small .ion-arrow-up-b, - .button-small .ion-arrow-up-c, - .button-small .ion-at, - .button-small .ion-bag, - .button-small .ion-battery-charging, - .button-small .ion-battery-empty, - .button-small .ion-battery-full, - .button-small .ion-battery-half, - .button-small .ion-battery-low, - .button-small .ion-beaker, - .button-small .ion-beer, - .button-small .ion-bluetooth, - .button-small .ion-bookmark, - .button-small .ion-briefcase, - .button-small .ion-calculator, - .button-small .ion-calendar, - .button-small .ion-camera, - .button-small .ion-card, - .button-small .ion-chatbox, - .button-small .ion-chatbox-working, - .button-small .ion-chatboxes, - .button-small .ion-chatbubble, - .button-small .ion-chatbubble-working, - .button-small .ion-chatbubbles, - .button-small .ion-checkmark, - .button-small .ion-checkmark-circled, - .button-small .ion-checkmark-round, - .button-small .ion-chevron-down, - .button-small .ion-chevron-left, - .button-small .ion-chevron-right, - .button-small .ion-chevron-up, - .button-small .ion-clipboard, - .button-small .ion-clock, - .button-small .ion-close, - .button-small .ion-close-circled, - .button-small .ion-close-round, - .button-small .ion-cloud, - .button-small .ion-code, - .button-small .ion-code-download, - .button-small .ion-code-working, - .button-small .ion-coffee, - .button-small .ion-compass, - .button-small .ion-compose, - .button-small .ion-connection-bars, - .button-small .ion-contrast, - .button-small .ion-disc, - .button-small .ion-document, - .button-small .ion-document-text, - .button-small .ion-drag, - .button-small .ion-earth, - .button-small .ion-egg, - .button-small .ion-eject, - .button-small .ion-email, - .button-small .ion-eye, - .button-small .ion-female, - .button-small .ion-filing, - .button-small .ion-film-marker, - .button-small .ion-flag, - .button-small .ion-flash, - .button-small .ion-flash-off, - .button-small .ion-flask, - .button-small .ion-folder, - .button-small .ion-fork, - .button-small .ion-forward, - .button-small .ion-game-controller-a, - .button-small .ion-game-controller-b, - .button-small .ion-gear-a, - .button-small .ion-gear-b, - .button-small .ion-grid, - .button-small .ion-hammer, - .button-small .ion-headphone, - .button-small .ion-heart, - .button-small .ion-help, - .button-small .ion-help-buoy, - .button-small .ion-help-circled, - .button-small .ion-home, - .button-small .ion-icecream, - .button-small .ion-icon-social-google-plus, - .button-small .ion-icon-social-google-plus-outline, - .button-small .ion-image, - .button-small .ion-images, - .button-small .ion-information, - .button-small .ion-information-circled, - .button-small .ion-ionic, - .button-small .ion-ios7-alarm, - .button-small .ion-ios7-alarm-outline, - .button-small .ion-ios7-albums, - .button-small .ion-ios7-albums-outline, - .button-small .ion-ios7-arrow-back, - .button-small .ion-ios7-arrow-down, - .button-small .ion-ios7-arrow-forward, - .button-small .ion-ios7-arrow-left, - .button-small .ion-ios7-arrow-right, - .button-small .ion-ios7-arrow-thin-down, - .button-small .ion-ios7-arrow-thin-left, - .button-small .ion-ios7-arrow-thin-right, - .button-small .ion-ios7-arrow-thin-up, - .button-small .ion-ios7-arrow-up, - .button-small .ion-ios7-at, - .button-small .ion-ios7-at-outline, - .button-small .ion-ios7-bell, - .button-small .ion-ios7-bell-outline, - .button-small .ion-ios7-bolt, - .button-small .ion-ios7-bolt-outline, - .button-small .ion-ios7-bookmarks, - .button-small .ion-ios7-bookmarks-outline, - .button-small .ion-ios7-box, - .button-small .ion-ios7-box-outline, - .button-small .ion-ios7-briefcase, - .button-small .ion-ios7-briefcase-outline, - .button-small .ion-ios7-browsers, - .button-small .ion-ios7-browsers-outline, - .button-small .ion-ios7-calculator, - .button-small .ion-ios7-calculator-outline, - .button-small .ion-ios7-calendar, - .button-small .ion-ios7-calendar-outline, - .button-small .ion-ios7-camera, - .button-small .ion-ios7-camera-outline, - .button-small .ion-ios7-cart, - .button-small .ion-ios7-cart-outline, - .button-small .ion-ios7-chatboxes, - .button-small .ion-ios7-chatboxes-outline, - .button-small .ion-ios7-chatbubble, - .button-small .ion-ios7-chatbubble-outline, - .button-small .ion-ios7-checkmark, - .button-small .ion-ios7-checkmark-empty, - .button-small .ion-ios7-checkmark-outline, - .button-small .ion-ios7-circle-filled, - .button-small .ion-ios7-circle-outline, - .button-small .ion-ios7-clock, - .button-small .ion-ios7-clock-outline, - .button-small .ion-ios7-cloud, - .button-small .ion-ios7-cloud-download, - .button-small .ion-ios7-cloud-download-outline, - .button-small .ion-ios7-cloud-outline, - .button-small .ion-ios7-cloud-upload, - .button-small .ion-ios7-cloud-upload-outline, - .button-small .ion-ios7-cloudy, - .button-small .ion-ios7-cloudy-outline, - .button-small .ion-ios7-cog, - .button-small .ion-ios7-cog-outline, - .button-small .ion-ios7-compose, - .button-small .ion-ios7-compose-outline, - .button-small .ion-ios7-contact, - .button-small .ion-ios7-contact-outline, - .button-small .ion-ios7-copy, - .button-small .ion-ios7-copy-outline, - .button-small .ion-ios7-download, - .button-small .ion-ios7-download-outline, - .button-small .ion-ios7-drag, - .button-small .ion-ios7-email, - .button-small .ion-ios7-email-outline, - .button-small .ion-ios7-eye, - .button-small .ion-ios7-eye-outline, - .button-small .ion-ios7-fastforward, - .button-small .ion-ios7-fastforward-outline, - .button-small .ion-ios7-filing, - .button-small .ion-ios7-filing-outline, - .button-small .ion-ios7-film, - .button-small .ion-ios7-film-outline, - .button-small .ion-ios7-flag, - .button-small .ion-ios7-flag-outline, - .button-small .ion-ios7-folder, - .button-small .ion-ios7-folder-outline, - .button-small .ion-ios7-gear, - .button-small .ion-ios7-gear-outline, - .button-small .ion-ios7-glasses, - .button-small .ion-ios7-glasses-outline, - .button-small .ion-ios7-heart, - .button-small .ion-ios7-heart-outline, - .button-small .ion-ios7-help, - .button-small .ion-ios7-help-empty, - .button-small .ion-ios7-help-outline, - .button-small .ion-ios7-infinite, - .button-small .ion-ios7-infinite-outline, - .button-small .ion-ios7-information, - .button-small .ion-ios7-information-empty, - .button-small .ion-ios7-information-outline, - .button-small .ion-ios7-ionic-outline, - .button-small .ion-ios7-keypad, - .button-small .ion-ios7-keypad-outline, - .button-small .ion-ios7-lightbulb, - .button-small .ion-ios7-lightbulb-outline, - .button-small .ion-ios7-location, - .button-small .ion-ios7-location-outline, - .button-small .ion-ios7-locked, - .button-small .ion-ios7-locked-outline, - .button-small .ion-ios7-medkit, - .button-small .ion-ios7-medkit-outline, - .button-small .ion-ios7-mic, - .button-small .ion-ios7-mic-off, - .button-small .ion-ios7-mic-outline, - .button-small .ion-ios7-minus, - .button-small .ion-ios7-minus-empty, - .button-small .ion-ios7-minus-outline, - .button-small .ion-ios7-monitor, - .button-small .ion-ios7-monitor-outline, - .button-small .ion-ios7-moon, - .button-small .ion-ios7-moon-outline, - .button-small .ion-ios7-more, - .button-small .ion-ios7-more-outline, - .button-small .ion-ios7-musical-note, - .button-small .ion-ios7-musical-notes, - .button-small .ion-ios7-navigate, - .button-small .ion-ios7-navigate-outline, - .button-small .ion-ios7-paperplane, - .button-small .ion-ios7-paperplane-outline, - .button-small .ion-ios7-partlysunny, - .button-small .ion-ios7-partlysunny-outline, - .button-small .ion-ios7-pause, - .button-small .ion-ios7-pause-outline, - .button-small .ion-ios7-people, - .button-small .ion-ios7-people-outline, - .button-small .ion-ios7-person, - .button-small .ion-ios7-person-outline, - .button-small .ion-ios7-personadd, - .button-small .ion-ios7-personadd-outline, - .button-small .ion-ios7-photos, - .button-small .ion-ios7-photos-outline, - .button-small .ion-ios7-pie, - .button-small .ion-ios7-pie-outline, - .button-small .ion-ios7-play, - .button-small .ion-ios7-play-outline, - .button-small .ion-ios7-plus, - .button-small .ion-ios7-plus-empty, - .button-small .ion-ios7-plus-outline, - .button-small .ion-ios7-pricetag, - .button-small .ion-ios7-pricetag-outline, - .button-small .ion-ios7-printer, - .button-small .ion-ios7-printer-outline, - .button-small .ion-ios7-rainy, - .button-small .ion-ios7-rainy-outline, - .button-small .ion-ios7-recording, - .button-small .ion-ios7-recording-outline, - .button-small .ion-ios7-redo, - .button-small .ion-ios7-redo-outline, - .button-small .ion-ios7-refresh, - .button-small .ion-ios7-refresh-empty, - .button-small .ion-ios7-refresh-outline, - .button-small .ion-ios7-reload, - .button-small .ion-ios7-rewind, - .button-small .ion-ios7-rewind-outline, - .button-small .ion-ios7-search, - .button-small .ion-ios7-search-strong, - .button-small .ion-ios7-skipbackward, - .button-small .ion-ios7-skipbackward-outline, - .button-small .ion-ios7-skipforward, - .button-small .ion-ios7-skipforward-outline, - .button-small .ion-ios7-speedometer, - .button-small .ion-ios7-speedometer-outline, - .button-small .ion-ios7-star, - .button-small .ion-ios7-star-outline, - .button-small .ion-ios7-stopwatch, - .button-small .ion-ios7-stopwatch-outline, - .button-small .ion-ios7-sunny, - .button-small .ion-ios7-sunny-outline, - .button-small .ion-ios7-telephone, - .button-small .ion-ios7-telephone-outline, - .button-small .ion-ios7-thunderstorm, - .button-small .ion-ios7-thunderstorm-outline, - .button-small .ion-ios7-time, - .button-small .ion-ios7-time-outline, - .button-small .ion-ios7-timer, - .button-small .ion-ios7-timer-outline, - .button-small .ion-ios7-trash, - .button-small .ion-ios7-trash-outline, - .button-small .ion-ios7-undo, - .button-small .ion-ios7-undo-outline, - .button-small .ion-ios7-unlocked, - .button-small .ion-ios7-unlocked-outline, - .button-small .ion-ios7-upload, - .button-small .ion-ios7-upload-outline, - .button-small .ion-ios7-videocam, - .button-small .ion-ios7-videocam-outline, - .button-small .ion-ios7-volume-high, - .button-small .ion-ios7-volume-low, - .button-small .ion-ios7-wineglass, - .button-small .ion-ios7-wineglass-outline, - .button-small .ion-ios7-world, - .button-small .ion-ios7-world-outline, - .button-small .ion-ipad, - .button-small .ion-iphone, - .button-small .ion-ipod, - .button-small .ion-jet, - .button-small .ion-key, - .button-small .ion-knife, - .button-small .ion-laptop, - .button-small .ion-leaf, - .button-small .ion-levels, - .button-small .ion-lightbulb, - .button-small .ion-link, - .button-small .ion-load-a, - .button-small .ion-load-b, - .button-small .ion-load-c, - .button-small .ion-load-d, - .button-small .ion-location, - .button-small .ion-locked, - .button-small .ion-log-in, - .button-small .ion-log-out, - .button-small .ion-loop, - .button-small .ion-magnet, - .button-small .ion-male, - .button-small .ion-man, - .button-small .ion-map, - .button-small .ion-medkit, - .button-small .ion-mic-a, - .button-small .ion-mic-b, - .button-small .ion-mic-c, - .button-small .ion-minus, - .button-small .ion-minus-circled, - .button-small .ion-minus-round, - .button-small .ion-monitor, - .button-small .ion-more, - .button-small .ion-music-note, - .button-small .ion-navicon, - .button-small .ion-navicon-round, - .button-small .ion-navigate, - .button-small .ion-nuclear, - .button-small .ion-paperclip, - .button-small .ion-pause, - .button-small .ion-person, - .button-small .ion-person-add, - .button-small .ion-person-stalker, - .button-small .ion-pie-graph, - .button-small .ion-pin, - .button-small .ion-pinpoint, - .button-small .ion-pizza, - .button-small .ion-plane, - .button-small .ion-play, - .button-small .ion-plus, - .button-small .ion-plus-circled, - .button-small .ion-plus-round, - .button-small .ion-pound, - .button-small .ion-power, - .button-small .ion-pricetag, - .button-small .ion-pricetags, - .button-small .ion-printer, - .button-small .ion-radio-waves, - .button-small .ion-record, - .button-small .ion-refresh, - .button-small .ion-reply, - .button-small .ion-reply-all, - .button-small .ion-search, - .button-small .ion-settings, - .button-small .ion-share, - .button-small .ion-shuffle, - .button-small .ion-skip-backward, - .button-small .ion-skip-forward, - .button-small .ion-social-android, - .button-small .ion-social-android-outline, - .button-small .ion-social-apple, - .button-small .ion-social-apple-outline, - .button-small .ion-social-bitcoin, - .button-small .ion-social-bitcoin-outline, - .button-small .ion-social-buffer, - .button-small .ion-social-buffer-outline, - .button-small .ion-social-designernews, - .button-small .ion-social-designernews-outline, - .button-small .ion-social-dribbble, - .button-small .ion-social-dribbble-outline, - .button-small .ion-social-dropbox, - .button-small .ion-social-dropbox-outline, - .button-small .ion-social-facebook, - .button-small .ion-social-facebook-outline, - .button-small .ion-social-github, - .button-small .ion-social-github-outline, - .button-small .ion-social-googleplus, - .button-small .ion-social-googleplus-outline, - .button-small .ion-social-hackernews, - .button-small .ion-social-hackernews-outline, - .button-small .ion-social-linkedin, - .button-small .ion-social-linkedin-outline, - .button-small .ion-social-pinterest, - .button-small .ion-social-pinterest-outline, - .button-small .ion-social-reddit, - .button-small .ion-social-reddit-outline, - .button-small .ion-social-rss, - .button-small .ion-social-rss-outline, - .button-small .ion-social-skype, - .button-small .ion-social-skype-outline, - .button-small .ion-social-tumblr, - .button-small .ion-social-tumblr-outline, - .button-small .ion-social-twitter, - .button-small .ion-social-twitter-outline, - .button-small .ion-social-vimeo, - .button-small .ion-social-vimeo-outline, - .button-small .ion-social-windows, - .button-small .ion-social-windows-outline, - .button-small .ion-social-wordpress, - .button-small .ion-social-wordpress-outline, - .button-small .ion-social-yahoo, - .button-small .ion-social-yahoo-outline, - .button-small .ion-social-youtube, - .button-small .ion-social-youtube-outline, - .button-small .ion-speakerphone, - .button-small .ion-speedometer, - .button-small .ion-spoon, - .button-small .ion-star, - .button-small .ion-stats-bars, - .button-small .ion-stop, - .button-small .ion-thermometer, - .button-small .ion-thumbsdown, - .button-small .ion-thumbsup, - .button-small .ion-trash-a, - .button-small .ion-trash-b, - .button-small .ion-umbrella, - .button-small .ion-unlocked, - .button-small .ion-upload, - .button-small .ion-usb, - .button-small .ion-videocamera, - .button-small .ion-volume-high, - .button-small .ion-volume-low, - .button-small .ion-volume-medium, - .button-small .ion-volume-mute, - .button-small .ion-waterdrop, - .button-small .ion-wifi, - .button-small .ion-wineglass, - .button-small .ion-woman, - .button-small .ion-wrench { + .button-small .icon { font-size: 16px; line-height: 26px; } @@ -4980,6 +3891,221 @@ input[type="range"] { line-height: 51px; padding-bottom: 2px; } +.button-icon { + padding: 2px 4px; + background: none; } + .button-icon .icon { + font-size: 32px; } + +.button-clear { + -webkit-transition: opacity 0.1s; + transition: opacity 0.1s; + padding: 6px; + max-height: 42px; + border: none; + background: none; + box-shadow: none; } + .button-clear:active, .button-clear.active { + opacity: 0.3; } + +.button-default { + color: #333333; + background-color: white; + border-color: #dddddd; } + .button-default:hover { + color: #333333; + text-decoration: none; } + .button-default.active, .button-default:active { + background-color: #fafafa; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #bbbbbb; } + .button-default.button-clear { + color: #dddddd; + background: none; + box-shadow: none; } + .button-default.button-outline { + border-color: #dddddd; + color: #333333; } + .button-default.button-outline.active, .button-default.button-outline:active { + background-color: #dddddd; + color: #fff; + box-shadow: none; } + +.button-secondary { + color: #333333; + background-color: whitesmoke; + border-color: #bbbbbb; } + .button-secondary:hover { + color: #333333; + text-decoration: none; } + .button-secondary.active, .button-secondary:active { + background-color: #e5e5e5; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #999999; } + .button-secondary.button-clear { + color: #bbbbbb; + background: none; + box-shadow: none; } + .button-secondary.button-outline { + border-color: #bbbbbb; + color: #333333; } + .button-secondary.button-outline.active, .button-secondary.button-outline:active { + background-color: #bbbbbb; + color: #fff; + box-shadow: none; } + +.button-primary { + color: white; + background-color: #4a87ee; + border-color: #3b6dc2; } + .button-primary:hover { + color: white; + text-decoration: none; } + .button-primary.active, .button-primary:active { + background-color: #4175ce; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #32599c; } + .button-primary.button-clear { + color: #4a87ee; + background: none; + box-shadow: none; } + .button-primary.button-outline { + border-color: #4a87ee; + color: #4a87ee; } + .button-primary.button-outline.active, .button-primary.button-outline:active { + background-color: #4a87ee; + color: #fff; + box-shadow: none; } + +.button-info { + color: white; + background-color: #43cee6; + border-color: #3bb3c8; } + .button-info:hover { + color: white; + text-decoration: none; } + .button-info.active, .button-info:active { + background-color: #3db8cd; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #3293a4; } + .button-info.button-clear { + color: #43cee6; + background: none; + box-shadow: none; } + .button-info.button-outline { + border-color: #43cee6; + color: #43cee6; } + .button-info.button-outline.active, .button-info.button-outline:active { + background-color: #43cee6; + color: #fff; + box-shadow: none; } + +.button-success { + color: white; + background-color: #66cc33; + border-color: #5bb22f; } + .button-success:hover { + color: white; + text-decoration: none; } + .button-success.active, .button-success:active { + background-color: #55aa2b; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #448922; } + .button-success.button-clear { + color: #66cc33; + background: none; + box-shadow: none; } + .button-success.button-outline { + border-color: #66cc33; + color: #66cc33; } + .button-success.button-outline.active, .button-success.button-outline:active { + background-color: #66cc33; + color: #fff; + box-shadow: none; } + +.button-warning { + color: white; + background-color: #f0b840; + border-color: #d29f31; } + .button-warning:hover { + color: white; + text-decoration: none; } + .button-warning.active, .button-warning:active { + background-color: #e2a114; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #b88517; } + .button-warning.button-clear { + color: #f0b840; + background: none; + box-shadow: none; } + .button-warning.button-outline { + border-color: #f0b840; + color: #f0b840; } + .button-warning.button-outline.active, .button-warning.button-outline:active { + background-color: #f0b840; + color: #fff; + box-shadow: none; } + +.button-danger { + color: white; + background-color: #ef4e3a; + border-color: #c73927; } + .button-danger:hover { + color: white; + text-decoration: none; } + .button-danger.active, .button-danger:active { + background-color: #ce4331; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: #9f3527; } + .button-danger.button-clear { + color: #ef4e3a; + background: none; + box-shadow: none; } + .button-danger.button-outline { + border-color: #ef4e3a; + color: #ef4e3a; } + .button-danger.button-outline.active, .button-danger.button-outline:active { + background-color: #ef4e3a; + color: #fff; + box-shadow: none; } + +.button-dark { + color: white; + background-color: #444444; + border-color: #111111; } + .button-dark:hover { + color: white; + text-decoration: none; } + .button-dark.active, .button-dark:active { + background-color: #222222; + box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15); + border-color: black; } + .button-dark.button-clear { + color: #444444; + background: none; + box-shadow: none; } + .button-dark.button-outline { + border-color: #444444; + color: #444444; } + .button-dark.button-outline.active, .button-dark.button-outline:active { + background-color: #444444; + color: #fff; + box-shadow: none; } + +.button-outline { + -webkit-transition: opacity 0.1s; + transition: opacity 0.1s; + background: 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 #fff; } + .padding > .button.block:first-child { margin-top: 0; } diff --git a/scss/ionic/_bar.scss b/scss/ionic/_bar.scss index 2d2852054e..73fe4fa6a9 100644 --- a/scss/ionic/_bar.scss +++ b/scss/ionic/_bar.scss @@ -109,7 +109,7 @@ font-size: $button-bar-button-font-size; line-height: $button-bar-button-height - $button-border-width; - .ion { + .icon { font-size: $button-bar-button-icon-size; line-height: $button-bar-button-height - $button-border-width - 1; } diff --git a/scss/ionic/_button.scss b/scss/ionic/_button.scss index f981784baa..f1fafe2518 100644 --- a/scss/ionic/_button.scss +++ b/scss/ionic/_button.scss @@ -26,7 +26,7 @@ cursor: pointer; - .ion { + .icon { display: inline-block; padding: 0 0 $button-border-width 0; vertical-align: inherit; @@ -34,85 +34,6 @@ line-height: $button-height - $button-border-width - 1; } - &.button-icon { - padding: 2px 4px; - background: none; - - .ion { - font-size: $button-large-icon-size; - } - } - - &.button-clear { - @include transition(opacity .1s); - padding: $button-clear-padding; - max-height: $button-height; - border: none; - background: none; - box-shadow: none; - - &:active, &.active { - opacity: 0.3; - } - } - - &.button-default { - @include button-style($button-default-bg, $button-default-border, $button-default-active-bg, $button-default-active-border, $gray-dark); - @include button-clear($button-default-border); - @include button-outline($button-default-border, $gray-dark); - } - &.button-secondary { - @include button-style($button-secondary-bg, $button-secondary-border, $button-secondary-active-bg, $button-secondary-active-border, $gray-dark); - @include button-clear($button-secondary-border); - @include button-outline($button-secondary-border, $gray-dark); - } - &.button-primary { - @include button-style($button-primary-bg, $button-primary-border, $button-primary-active-bg, $button-primary-active-border, $white); - @include button-clear($button-primary-bg); - @include button-outline($button-primary-bg); - } - &.button-info { - @include button-style($button-info-bg, $button-info-border, $button-info-active-bg, $button-info-active-border, $white); - @include button-clear($button-info-bg); - @include button-outline($button-info-bg); - } - &.button-success { - @include button-style($button-success-bg, $button-success-border, $button-success-active-bg, $button-success-active-border, $white); - @include button-clear($button-success-bg); - @include button-outline($button-success-bg); - } - &.button-warning { - @include button-style($button-warning-bg, $button-warning-border, $button-warning-active-bg, $button-warning-active-border, $white); - @include button-clear($button-warning-bg); - @include button-outline($button-warning-bg); - } - &.button-danger { - @include button-style($button-danger-bg, $button-danger-border, $button-danger-active-bg, $button-danger-active-border, $white); - @include button-clear($button-danger-bg); - @include button-outline($button-danger-bg); - } - &.button-dark { - @include button-style($button-dark-bg, $button-dark-border, $button-dark-active-bg, $button-dark-active-border, $white); - @include button-clear($button-dark-bg); - @include button-outline($button-dark-bg); - } - - &.button-outline { - @include transition(opacity .1s); - background: none; - box-shadow: none; - } - - &.button-icon { - border: none; - background: none; - &:active, &.active { - background: none; - box-shadow: none; - text-shadow: 0px 0px 10px #fff; - } - } - &.block, &.button-full { margin-top: $button-block-margin; margin-bottom: $button-block-margin; @@ -127,7 +48,7 @@ font-size: $button-small-font-size; line-height: $button-small-height - $button-border-width; - .ion { + .icon { font-size: $button-small-icon-size; line-height: $button-small-height - $button-border-width - 1; } @@ -140,13 +61,100 @@ font-size: $button-large-font-size; line-height: $button-large-height - $button-border-width; - .ion { + .icon { font-size: $button-large-icon-size; line-height: $button-large-height - ($button-border-width * 2) - 1; padding-bottom: ($button-border-width * 2); } } +.button-icon { + padding: 2px 4px; + background: none; + + .icon { + font-size: $button-large-icon-size; + } +} + +.button-clear { + @include transition(opacity .1s); + padding: $button-clear-padding; + max-height: $button-height; + border: none; + background: none; + box-shadow: none; + + &:active, &.active { + opacity: 0.3; + } +} + +.button-default { + @include button-style($button-default-bg, $button-default-border, $button-default-active-bg, $button-default-active-border, $gray-dark); + @include button-clear($button-default-border); + @include button-outline($button-default-border, $gray-dark); +} + +.button-secondary { + @include button-style($button-secondary-bg, $button-secondary-border, $button-secondary-active-bg, $button-secondary-active-border, $gray-dark); + @include button-clear($button-secondary-border); + @include button-outline($button-secondary-border, $gray-dark); +} + +.button-primary { + @include button-style($button-primary-bg, $button-primary-border, $button-primary-active-bg, $button-primary-active-border, $white); + @include button-clear($button-primary-bg); + @include button-outline($button-primary-bg); +} + +.button-info { + @include button-style($button-info-bg, $button-info-border, $button-info-active-bg, $button-info-active-border, $white); + @include button-clear($button-info-bg); + @include button-outline($button-info-bg); +} + +.button-success { + @include button-style($button-success-bg, $button-success-border, $button-success-active-bg, $button-success-active-border, $white); + @include button-clear($button-success-bg); + @include button-outline($button-success-bg); +} + +.button-warning { + @include button-style($button-warning-bg, $button-warning-border, $button-warning-active-bg, $button-warning-active-border, $white); + @include button-clear($button-warning-bg); + @include button-outline($button-warning-bg); +} + +.button-danger { + @include button-style($button-danger-bg, $button-danger-border, $button-danger-active-bg, $button-danger-active-border, $white); + @include button-clear($button-danger-bg); + @include button-outline($button-danger-bg); +} + +.button-dark { + @include button-style($button-dark-bg, $button-dark-border, $button-dark-active-bg, $button-dark-active-border, $white); + @include button-clear($button-dark-bg); + @include button-outline($button-dark-bg); +} + +.button-outline { + @include transition(opacity .1s); + background: 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.block:first-child { margin-top: 0; } diff --git a/scss/ionic/_form.scss b/scss/ionic/_form.scss index 185b11ea87..2c3da4671c 100644 --- a/scss/ionic/_form.scss +++ b/scss/ionic/_form.scss @@ -60,14 +60,7 @@ textarea { -webkit-appearance: none; } - .input-label { - @include flex(1, 0, 100px); - padding: 7px 10px 7px 3px; - max-width: 200px; - color: $input-label-color; - font-weight: bold; - } - .ion { + .icon { @include flex(0, 0, 24px); position: static; height: auto; @@ -75,9 +68,18 @@ textarea { text-align: center; font-size: 16px; } - .placeholder-icon { - color: #999; - } +} + +.input-label { + @include flex(1, 0, 100px); + padding: 7px 10px 7px 3px; + max-width: 200px; + color: $input-label-color; + font-weight: bold; +} + +.placeholder-icon { + color: #999; } .item-stacked-label { @@ -85,7 +87,7 @@ textarea { background-color: transparent; box-shadow: none; - .input-label, .ion { + .input-label, .icon { display: inline-block; padding: 4px 0; vertical-align: middle; diff --git a/scss/ionic/_items.scss b/scss/ionic/_items.scss index c3b75ef9da..cbadf5753f 100644 --- a/scss/ionic/_items.scss +++ b/scss/ionic/_items.scss @@ -174,7 +174,7 @@ a.item { // List Icons // ------------------------------- -.item .ion { +.item .icon { @include display-flex(); @include align-items(center); position: absolute; @@ -192,7 +192,7 @@ a.item { .item-icon-left { padding-left: ($item-padding * 3); - .ion { + .icon { left: $item-padding / 2; } } @@ -204,14 +204,14 @@ a.item { } } -.item-icon-right .ion { +.item-icon-right .icon { right: $item-padding / 2; } -.item-icon-left.item-icon-right .ion:first-child { +.item-icon-left.item-icon-right .icon:first-child { right: auto; } -.item-icon-left.item-icon-right .ion:last-child { +.item-icon-left.item-icon-right .icon:last-child { left: auto; } @@ -239,7 +239,7 @@ button.item:active, font-size: $item-icon-font-size; min-height: $item-icon-font-size; - .ion { + .icon { position: relative; line-height: $item-icon-font-size - 1; left: auto; @@ -260,7 +260,7 @@ button.item:active, font-size: $item-icon-font-size; min-height: $item-icon-font-size; - .ion { + .icon { position: relative; line-height: $item-icon-font-size - 1; left: auto; @@ -444,7 +444,7 @@ button.item-button-right:after { height: 100%; } - .ion { + .icon { color: $brand-danger; font-size: 24px; } diff --git a/scss/ionic/_tabs.scss b/scss/ionic/_tabs.scss index 636e50a56e..c2efab3ba1 100644 --- a/scss/ionic/_tabs.scss +++ b/scss/ionic/_tabs.scss @@ -93,7 +93,7 @@ line-height: $tabs-text-font-size; } -.tab-item .ion { +.tab-item .icon { display: block; margin: 0 auto; height: $tabs-icon-size; @@ -103,7 +103,8 @@ .tabs-icon-left .tab-item, .tabs-icon-right .tab-item { font-size: $tabs-text-with-icon-font-size; - .ion { + + .icon { font-size: $tabs-icon-size - 8; display: inline-block; vertical-align: top; @@ -111,7 +112,7 @@ } } -.tabs-icon-only .ion { +.tabs-icon-only .icon { line-height: inherit; } @@ -148,7 +149,7 @@ @include display-flex(); padding: 0; - .ion { + .icon { position: relative; } } diff --git a/test/buttons.html b/test/buttons.html index fd865f620f..d57f438fd6 100644 --- a/test/buttons.html +++ b/test/buttons.html @@ -30,119 +30,119 @@

a.button default

- MB.button-default|!PL - - .button-primary - + MB.button-default|!PL + + .button-primary + .button-success - .button-warning + .button-warning .button-danger - .button-dark + .button-dark

button.button default

- + - + - + - - + +

a.button.button-large default

- MB.button-default|!PL - - .button-primary - + MB.button-default|!PL + + .button-primary + .button-success - .button-warning + .button-warning .button-danger - .button-dark + .button-dark

button.button. button-large default

- + - + - + - - + +

a.button.button-small default

- MB.button-default|!PL - - .button-primary - + MB.button-default|!PL + + .button-primary + .button-success - .button-warning + .button-warning .button-danger - .button-dark + .button-dark

button.button.button-small

- + - + - + - - + +

a.button.button-clear (Mixed in with others)

- MB.button-default|!PL - - .button-primary - + MB.button-default|!PL + + .button-primary + .button-success - .button-warning + .button-warning .button-danger - .button-dark + .button-dark

button.button.button-clear default

- + - + - + - - + +

a.block (parent w/ padding)

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -156,7 +156,7 @@

button.block (parent w/ padding)

- + @@ -170,35 +170,35 @@

a.button-icon (Borderless, 32px)

- +

button.button-icon (Borderless, 32px)

- +

a.block.button-icon (Borderless, 32px)

- +

button.block.button-icon (Borderless, 32px)

- +

a.button-outline

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -212,7 +212,7 @@

button.button-outline

- + @@ -226,7 +226,7 @@

a.block.button-outline (parent w/ padding)

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -240,7 +240,7 @@

button.block.button-outline (parent w/ padding)

- + @@ -254,7 +254,7 @@

a.button-clear

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -268,7 +268,7 @@

button.button-clear

- + @@ -282,7 +282,7 @@

a.block.button-clear (parent w/ padding)

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -296,7 +296,7 @@

button.block.button-clear (parent w/ padding)

- + @@ -312,7 +312,7 @@

a.block (parent w/out padding)

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -326,7 +326,7 @@

a.block (.button-full on the parent)

- MB.button-default|!PL + MB.button-default|!PL .button-secondary .button-primary .button-info @@ -340,7 +340,7 @@

button.block.button-full on each button and nothing on the parent

- + diff --git a/test/cards.html b/test/cards.html index 71bf0f5a6a..2c26409ec7 100644 --- a/test/cards.html +++ b/test/cards.html @@ -47,22 +47,22 @@

- + Enter home address - + Enter phone number - + Enter wireless password - + Enter card information @@ -81,7 +81,7 @@
- + Start listening @@ -122,15 +122,15 @@
- + Like - + Comment - + Share
diff --git a/test/controllers/sideMenu.html b/test/controllers/sideMenu.html index b2492f522a..935e9bfe59 100644 --- a/test/controllers/sideMenu.html +++ b/test/controllers/sideMenu.html @@ -13,7 +13,7 @@
- +

Tab Bars

diff --git a/test/headers.html b/test/headers.html index fc6f50ca5d..d955527f78 100644 --- a/test/headers.html +++ b/test/headers.html @@ -21,12 +21,12 @@
Back

Really really really really really really really really long title!

- Home + Home
- Home + Home
Success @@ -40,7 +40,7 @@
- Home + Home
Success @@ -48,13 +48,13 @@ Danger
- Favorites + Favorites
- +
Edit @@ -62,13 +62,13 @@ Delete
- +
- +
Success @@ -76,7 +76,7 @@ Danger
- +
diff --git a/test/index.html b/test/index.html index f357ec0fdd..92723043c5 100644 --- a/test/index.html +++ b/test/index.html @@ -8,48 +8,35 @@ -
+
+

Ionic Tests

+
-
-

Ionic Tests

-
- -
- -
-

Alerts

-

Buttons

-

Button Bar

-

Cards

-

Footers

-

Headers

-

Input: Text (single-line)

-

Input: Text (multi-line)

-

Input: Radio Buttons

-

Input: Range

-

Input: Select

-

Input: Checkbox

-

Input: Toggle

-

Lists

-

Modals

-

Popovers

-

Pull To Refresh

-

Side Menus

-

Swipe

-

Tab Bars

-

Type

-
+
+ +

Alerts

+

Buttons

+

Button Bar

+

Cards

+

Footers

+

Headers

+

Input: Text (single-line)

+

Input: Text (multi-line)

+

Input: Radio Buttons

+

Input: Range

+

Input: Select

+

Input: Checkbox

+

Input: Toggle

+

Lists

+

Modals

+

Popovers

+

Pull To Refresh

+

Side Menus

+

Swipe

+

Tab Bars

+

Type

-
- - - - + \ No newline at end of file diff --git a/test/input-text.html b/test/input-text.html index 9c8b530fed..d4d2c63b8d 100644 --- a/test/input-text.html +++ b/test/input-text.html @@ -107,12 +107,12 @@

Label left of input, No Parent Content Padding

@@ -212,7 +212,7 @@

Default Text Input, No Parent Content Padding

@@ -220,7 +220,7 @@

Default Text Input, list-inset, No Parent Content Padding

@@ -229,7 +229,7 @@

Stacked Label On Top Of Text Input, No Parent Content Padding

@@ -240,7 +240,7 @@

Stacked Label On Top Of Text Input, With Parent Content Padding

@@ -249,7 +249,7 @@

Stacked Label On Top Of Text Input, list-inset, With Parent Content Padding

diff --git a/test/lists.html b/test/lists.html index 03551ec41c..fa61c366ea 100644 --- a/test/lists.html +++ b/test/lists.html @@ -30,12 +30,12 @@
- + Check mail - + Call Ma @@ -48,28 +48,28 @@
- + Check mail 5 - + Call Ma Me Button - + Record album Grammy @@ -77,7 +77,7 @@ - + Breaking Bad Blue, yellow, pink @@ -89,7 +89,7 @@
- + Games Super Mario @@ -97,7 +97,7 @@ - + Music JT @@ -105,7 +105,7 @@ - + Shopping Bag @@ -113,7 +113,7 @@ - + Friends 0 @@ -139,7 +139,7 @@
Processing Icon - +
@@ -252,19 +252,19 @@
- + Madison, WI - + Driving Directions - + Settings - +
@@ -273,17 +273,17 @@
- + Madison, WI - +
- + Driving Directions - +
@@ -292,9 +292,9 @@
- + Settings - +
@@ -308,14 +308,14 @@
- + Icon is filled!!
- + .fill-icon
@@ -325,28 +325,28 @@
- + Default has no wrap! This is a list item with really really really really really really really really really long long long long long long text text text texxxxxttt text testy text!!! - + - + Assigned "item-text-wrap". This is a list item with really really really really really really really really really long long long long long long text text text texxxxxttt text testy text!!! - +
- + Default no wrap and has item-content! This is a list item with really really really really really really really really really long long long long long long text text text texxxxxttt text testy text!!! - +
@@ -355,11 +355,11 @@
- + Assigned "item-text-wrap" and has item-content. This is a list item with really really really really really really really really really long long long long long long text text text texxxxxttt text testy text!!! - +
diff --git a/test/menu_controller.html b/test/menu_controller.html index d85d0e44fb..8e4abe96b5 100644 --- a/test/menu_controller.html +++ b/test/menu_controller.html @@ -14,13 +14,13 @@
- +

Chats

@@ -65,103 +65,103 @@
  • Left Nav Things
    • Sasafras - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - +
    @@ -171,103 +171,103 @@
  • Left Nav Things
    • Sasafras - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + diff --git a/test/menus.html b/test/menus.html index 0161fa1b35..a66b0cf32a 100644 --- a/test/menus.html +++ b/test/menus.html @@ -14,11 +14,11 @@

    Panels

    @@ -39,103 +39,103 @@
  • Left Nav Things
    • Sasafras - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + @@ -145,103 +145,103 @@
  • Right Nav Things
    • Sasafras - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Candy - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + Cheese cords - + diff --git a/test/side-menus.html b/test/side-menus.html index ca751f9cbd..1728daeb75 100644 --- a/test/side-menus.html +++ b/test/side-menus.html @@ -13,13 +13,13 @@
    - +

    Chats

    diff --git a/test/slideBox.html b/test/slideBox.html index ce78995bf1..262977a937 100644 --- a/test/slideBox.html +++ b/test/slideBox.html @@ -38,9 +38,9 @@
    - - - + + +
    diff --git a/test/splitPane.html b/test/splitPane.html index 1424549310..d8c190ae20 100644 --- a/test/splitPane.html +++ b/test/splitPane.html @@ -24,127 +24,127 @@

    Left side

    diff --git a/test/tab-bars-icons-bottom.html b/test/tab-bars-icons-bottom.html index d3d9b71efe..6f390117a2 100644 --- a/test/tab-bars-icons-bottom.html +++ b/test/tab-bars-icons-bottom.html @@ -31,23 +31,23 @@ diff --git a/test/tab-bars-icons-left.html b/test/tab-bars-icons-left.html index af2969d73e..29e280518f 100644 --- a/test/tab-bars-icons-left.html +++ b/test/tab-bars-icons-left.html @@ -30,23 +30,23 @@ diff --git a/test/tab-bars-icons-right.html b/test/tab-bars-icons-right.html index f743ccc013..bb42e7a35a 100644 --- a/test/tab-bars-icons-right.html +++ b/test/tab-bars-icons-right.html @@ -31,23 +31,23 @@ diff --git a/test/tab-bars-only-icons.html b/test/tab-bars-only-icons.html index 32f8b8b709..757cb92459 100644 --- a/test/tab-bars-only-icons.html +++ b/test/tab-bars-only-icons.html @@ -30,19 +30,19 @@ diff --git a/test/tab-bars.html b/test/tab-bars.html index c12c468f18..58c62d0ba5 100644 --- a/test/tab-bars.html +++ b/test/tab-bars.html @@ -30,23 +30,23 @@