diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css
index 57f3fad552..883eddd8ed 100644
--- a/dist/css/ionic-ios7.css
+++ b/dist/css/ionic-ios7.css
@@ -647,11 +647,11 @@ a.subdued {
color: inherit; }
.bar > .button {
z-index: 1;
- padding: 0 8px;
+ padding: 8px;
min-height: 31px;
font-size: 12px;
line-height: 30px; }
- .bar > .button i, .bar > .button .icon {
+ .bar > .button .ion {
font-size: 24px;
line-height: 29px; }
.bar .button-bar > .button {
@@ -935,8 +935,7 @@ a.subdued {
font-size: 10px;
line-height: 14px; }
-.tab-item i,
-.tab-item .icon {
+.tab-item .ion {
display: block;
margin: 0 auto;
height: 32px;
@@ -945,16 +944,14 @@ a.subdued {
.tabs-icon-left .tab-item,
.tabs-icon-right .tab-item {
font-size: 10px; }
- .tabs-icon-left .tab-item i, .tabs-icon-left .tab-item .icon,
- .tabs-icon-right .tab-item i,
- .tabs-icon-right .tab-item .icon {
+ .tabs-icon-left .tab-item .ion,
+ .tabs-icon-right .tab-item .ion {
font-size: 24px;
display: inline-block;
vertical-align: top;
line-height: 49px; }
-.tabs-icon-only i,
-.tabs-icon-only .icon {
+.tabs-icon-only .ion {
line-height: inherit; }
/* Navigational tab */
@@ -983,7 +980,7 @@ a.subdued {
display: -ms-flexbox;
display: flex;
padding: 0; }
- .item.tabs i, .item.tabs .icon {
+ .item.tabs .ion {
position: relative; }
.menu {
@@ -1196,8 +1193,7 @@ a.item {
overflow: hidden;
white-space: nowrap; }
-.item i,
-.item .icon {
+.item .ion {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
@@ -1220,7 +1216,7 @@ a.item {
.item-icon-left {
padding-left: 45px; }
- .item-icon-left i, .item-icon-left .icon {
+ .item-icon-left .ion {
left: 7.5px; }
.item-slider.item-icon-left {
@@ -1228,16 +1224,13 @@ a.item {
.item-slider.item-icon-left .item-content {
padding-left: 45px; }
-.item-icon-right i,
-.item-icon-right .icon {
+.item-icon-right .ion {
right: 7.5px; }
-.item-icon-left.item-icon-right i:first-child,
-.item-icon-left.item-icon-right .icon:first-child {
+.item-icon-left.item-icon-right .ion:first-child {
right: auto; }
-.item-icon-left.item-icon-right i:last-child,
-.item-icon-left.item-icon-right .icon:last-child {
+.item-icon-left.item-icon-right .ion:last-child {
left: auto; }
a.item:active,
@@ -1265,8 +1258,8 @@ button.item:active,
left: 7.5px;
font-size: 32px;
min-height: 32px; }
- .item-button-left > .button i,
- .item-button-left .item-content > .button i {
+ .item-button-left > .button .ion,
+ .item-button-left .item-content > .button .ion {
position: relative;
line-height: 31px;
left: auto; }
@@ -1291,8 +1284,8 @@ button.item:active,
right: 15px;
font-size: 32px;
min-height: 32px; }
- .item-button-right > .button i,
- .item-button-right .item-content > .button i {
+ .item-button-right > .button .ion,
+ .item-button-right .item-content > .button .ion {
position: relative;
line-height: 31px;
left: auto; }
@@ -1423,7 +1416,7 @@ button.item-button-right:after {
-webkit-transition: left 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.item-edit .button {
height: 100%; }
- .item-edit i, .item-edit .icon {
+ .item-edit .ion {
color: #ef4e3a;
font-size: 24px; }
.item-edit.ng-enter {
@@ -1631,7 +1624,7 @@ textarea {
max-width: 200px;
color: black;
font-weight: bold; }
- .item-input i, .item-input .icon {
+ .item-input .ion {
-webkit-box-flex: 0;
-webkit-flex: 0 0 24px;
-moz-box-flex: 0;
@@ -1650,7 +1643,7 @@ textarea {
display: block;
background-color: transparent;
box-shadow: none; }
- .item-stacked-label .input-label, .item-stacked-label [class^="icon-"], .item-stacked-label [class*=" icon-"] {
+ .item-stacked-label .input-label, .item-stacked-label .ion {
display: inline-block;
padding: 4px 0;
vertical-align: middle; }
@@ -1887,8 +1880,8 @@ input[type="range"] {
position: relative;
display: inline-block;
margin: 0;
- padding: 0 12px;
- padding-top: 1px;
+ padding: 1px 12px 0 12px;
+ min-width: 52px;
min-height: 42px;
border-width: 1px;
border-style: solid;
@@ -1900,7 +1893,7 @@ input[type="range"] {
font-size: 16px;
line-height: 41px;
cursor: pointer; }
- .button i, .button .icon {
+ .button .ion {
display: inline-block;
padding: 0 0 1px 0;
vertical-align: inherit;
@@ -1909,12 +1902,12 @@ input[type="range"] {
.button.button-icon {
padding: 2px 4px;
background: none; }
- .button.button-icon i, .button.button-icon .icon {
+ .button.button-icon .ion {
font-size: 32px; }
.button.button-clear {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
- padding: 0 6px;
+ padding: 6px;
max-height: 42px;
border: none;
background: none;
@@ -2115,21 +2108,24 @@ input[type="range"] {
.button-small {
padding: 0 4px;
+ min-width: 28px;
min-height: 28px;
font-size: 12px;
line-height: 27px; }
- .button-small i, .button-small .icon {
+ .button-small .ion {
font-size: 16px;
line-height: 26px; }
.button-large {
- padding: 0 12px;
+ padding: 0 16px;
+ min-width: 66px;
min-height: 54px;
font-size: 18px;
line-height: 53px; }
- .button-large i, .button-large .icon {
+ .button-large .ion {
font-size: 32px;
- line-height: 52px; }
+ line-height: 51px;
+ padding-bottom: 2px; }
.padding > .button.block:first-child {
margin-top: 0; }
@@ -2367,43 +2363,43 @@ a.button {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
-i.icon-default, .icon.icon-default {
+.ion-default {
color: white; }
-i.icon-secondary, .icon.icon-secondary {
+.ion-secondary {
color: gainsboro; }
-i.icon-primary, .icon.icon-primary {
+.ion-primary {
color: #4a87ee; }
-i.icon-info, .icon.icon-info {
+.ion-info {
color: #43cee6; }
-i.icon-success, .icon.icon-success {
+.ion-success {
color: #66cc33; }
-i.icon-warning, .icon.icon-warning {
+.ion-warning {
color: #f0b840; }
-i.icon-danger, .icon.icon-danger {
+.ion-danger {
color: #ef4e3a; }
-i.icon-dark, .icon.icon-dark {
+.ion-dark {
color: #444444; }
-i.icon-gray-darker, .icon.icon-gray-darker {
+.ion-gray-darker {
color: #222222; }
-i.icon-gray-dark, .icon.icon-gray-dark {
+.ion-gray-dark {
color: #333333; }
-i.icon-gray, .icon.icon-gray {
+.ion-gray {
color: #555555; }
-i.icon-gray-light, .icon.icon-gray-light {
+.ion-gray-light {
color: #999999; }
-i.icon-gray-lighter, .icon.icon-gray-lighter {
+.ion-gray-lighter {
color: #999999; }
.fill-icon {
@@ -2413,35 +2409,35 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
position: relative;
border-radius: 6px;
padding: 1px; }
- .fill-icon.icon-default:before {
+ .fill-icon.ion-default:before {
background: white; }
- .fill-icon.icon-secondary:before {
+ .fill-icon.ion-secondary:before {
background: whitesmoke; }
- .fill-icon.icon-primary:before {
+ .fill-icon.ion-primary:before {
background: #4a87ee; }
- .fill-icon.icon-info:before {
+ .fill-icon.ion-info:before {
background: #43cee6; }
- .fill-icon.icon-success:before {
+ .fill-icon.ion-success:before {
background: #66cc33; }
- .fill-icon.icon-warning:before {
+ .fill-icon.ion-warning:before {
background: #f0b840; }
- .fill-icon.icon-danger:before {
+ .fill-icon.ion-danger:before {
background: #ef4e3a; }
- .fill-icon.icon-dark:before {
+ .fill-icon.ion-dark:before {
background: #444444; }
- .fill-icon.icon-gray-darker:before {
+ .fill-icon.ion-gray-darker:before {
background: #222222; }
- .fill-icon.icon-gray-dark:before {
+ .fill-icon.ion-gray-dark:before {
background: #333333; }
- .fill-icon.icon-gray:before {
+ .fill-icon.ion-gray:before {
background: #555555; }
- .fill-icon.icon-gray-light:before {
+ .fill-icon.ion-gray-light:before {
background: #999999; }
- .fill-icon.icon-gray-lighter:before {
+ .fill-icon.ion-gray-lighter:before {
background: #eeeeee; }
-.icon-loading {
- font-family: 'ionicons';
+.ion-loading {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -2452,11 +2448,11 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
- .icon-loading:before {
+ .ion-loading:before {
content: "\e144"; }
-.icon-refreshing {
- font-family: 'ionicons';
+.ion-refreshing {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -2467,7 +2463,7 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
- .icon-refreshing:before {
+ .ion-refreshing:before {
content: "\e144"; }
.hidden,
diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
index 8955c009c9..2941d15abd 100644
--- a/dist/css/ionic-scoped.css
+++ b/dist/css/ionic-scoped.css
@@ -1,9 +1,9 @@
@charset "UTF-8";
.ionic {
@font-face {
- font-family: 'ionicons';
- src: url("fonts/ionicons.eot");
- src: url("fonts/ionicons.eot?#iefix") format("embedded-opentype"), url("fonts/ionicons.ttf") format("truetype"), url("fonts/ionicons.woff") format("woff"), url("fonts/ionicons.svg#ionicons") format("svg");
+ font-family: 'Ionicons';
+ src: url("fonts/Ionicons.eot");
+ src: url("fonts/Ionicons.eot?#iefix") format("embedded-opentype"), url("fonts/Ionicons.ttf") format("truetype"), url("fonts/Ionicons.woff") format("woff"), url("fonts/Ionicons.svg#Ionicons") format("svg");
font-weight: normal;
font-style: normal; }
@@ -209,8 +209,8 @@
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
}
- .ionic i, .ionic .icon {
- font-family: 'ionicons' !important;
+ .ionic .ion {
+ font-family: 'Ionicons' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
@@ -220,885 +220,885 @@
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
- .ionic .icon-social-youtube:before {
+ .ionic .ion-social-youtube:before {
content: "\e600"; }
- .ionic .icon-social-youtube-outline:before {
+ .ionic .ion-social-youtube-outline:before {
content: "\e601"; }
- .ionic .icon-social-yahoo:before {
+ .ionic .ion-social-yahoo:before {
content: "\e602"; }
- .ionic .icon-social-yahoo-outline:before {
+ .ionic .ion-social-yahoo-outline:before {
content: "\e603"; }
- .ionic .icon-social-wordpress:before {
+ .ionic .ion-social-wordpress:before {
content: "\e604"; }
- .ionic .icon-social-wordpress-outline:before {
+ .ionic .ion-social-wordpress-outline:before {
content: "\e605"; }
- .ionic .icon-social-windows:before {
+ .ionic .ion-social-windows:before {
content: "\e606"; }
- .ionic .icon-social-windows-outline:before {
+ .ionic .ion-social-windows-outline:before {
content: "\e607"; }
- .ionic .icon-social-vimeo:before {
+ .ionic .ion-social-vimeo:before {
content: "\e608"; }
- .ionic .icon-social-vimeo-outline:before {
+ .ionic .ion-social-vimeo-outline:before {
content: "\e609"; }
- .ionic .icon-social-twitter:before {
+ .ionic .ion-social-twitter:before {
content: "\e60a"; }
- .ionic .icon-social-twitter-outline:before {
+ .ionic .ion-social-twitter-outline:before {
content: "\e60b"; }
- .ionic .icon-social-tumblr:before {
+ .ionic .ion-social-tumblr:before {
content: "\e60c"; }
- .ionic .icon-social-tumblr-outline:before {
+ .ionic .ion-social-tumblr-outline:before {
content: "\e60d"; }
- .ionic .icon-social-skype:before {
+ .ionic .ion-social-skype:before {
content: "\e60e"; }
- .ionic .icon-social-skype-outline:before {
+ .ionic .ion-social-skype-outline:before {
content: "\e60f"; }
- .ionic .icon-social-rss:before {
+ .ionic .ion-social-rss:before {
content: "\e610"; }
- .ionic .icon-social-rss-outline:before {
+ .ionic .ion-social-rss-outline:before {
content: "\e611"; }
- .ionic .icon-social-reddit:before {
+ .ionic .ion-social-reddit:before {
content: "\e612"; }
- .ionic .icon-social-reddit-outline:before {
+ .ionic .ion-social-reddit-outline:before {
content: "\e613"; }
- .ionic .icon-social-pinterest:before {
+ .ionic .ion-social-pinterest:before {
content: "\e614"; }
- .ionic .icon-social-pinterest-outline:before {
+ .ionic .ion-social-pinterest-outline:before {
content: "\e615"; }
- .ionic .icon-social-linkedin:before {
+ .ionic .ion-social-linkedin:before {
content: "\e616"; }
- .ionic .icon-social-linkedin-outline:before {
+ .ionic .ion-social-linkedin-outline:before {
content: "\e617"; }
- .ionic .icon-social-hackernews:before {
+ .ionic .ion-social-hackernews:before {
content: "\e618"; }
- .ionic .icon-social-hackernews-outline:before {
+ .ionic .ion-social-hackernews-outline:before {
content: "\e619"; }
- .ionic .icon-social-googleplus:before {
+ .ionic .ion-social-googleplus:before {
content: "\e61a"; }
- .ionic .icon-social-googleplus-outline:before {
+ .ionic .ion-social-googleplus-outline:before {
content: "\e61b"; }
- .ionic .icon-social-github:before {
+ .ionic .ion-social-github:before {
content: "\e61c"; }
- .ionic .icon-social-github-outline:before {
+ .ionic .ion-social-github-outline:before {
content: "\e61d"; }
- .ionic .icon-social-facebook:before {
+ .ionic .ion-social-facebook:before {
content: "\e61e"; }
- .ionic .icon-social-facebook-outline:before {
+ .ionic .ion-social-facebook-outline:before {
content: "\e61f"; }
- .ionic .icon-social-dropbox:before {
+ .ionic .ion-social-dropbox:before {
content: "\e620"; }
- .ionic .icon-social-dropbox-outline:before {
+ .ionic .ion-social-dropbox-outline:before {
content: "\e621"; }
- .ionic .icon-social-dribbble:before {
+ .ionic .ion-social-dribbble:before {
content: "\e622"; }
- .ionic .icon-social-dribbble-outline:before {
+ .ionic .ion-social-dribbble-outline:before {
content: "\e623"; }
- .ionic .icon-social-designernews:before {
+ .ionic .ion-social-designernews:before {
content: "\e624"; }
- .ionic .icon-social-designernews-outline:before {
+ .ionic .ion-social-designernews-outline:before {
content: "\e625"; }
- .ionic .icon-social-buffer:before {
+ .ionic .ion-social-buffer:before {
content: "\e626"; }
- .ionic .icon-social-buffer-outline:before {
+ .ionic .ion-social-buffer-outline:before {
content: "\e627"; }
- .ionic .icon-social-bitcoin:before {
+ .ionic .ion-social-bitcoin:before {
content: "\e628"; }
- .ionic .icon-social-bitcoin-outline:before {
+ .ionic .ion-social-bitcoin-outline:before {
content: "\e629"; }
- .ionic .icon-social-apple:before {
+ .ionic .ion-social-apple:before {
content: "\e62a"; }
- .ionic .icon-social-apple-outline:before {
+ .ionic .ion-social-apple-outline:before {
content: "\e62b"; }
- .ionic .icon-social-android:before {
+ .ionic .ion-social-android:before {
content: "\e62c"; }
- .ionic .icon-social-android-outline:before {
+ .ionic .ion-social-android-outline:before {
content: "\e62d"; }
- .ionic .icon-ios7-world:before {
+ .ionic .ion-ios7-world:before {
content: "\e62e"; }
- .ionic .icon-ios7-world-outline:before {
+ .ionic .ion-ios7-world-outline:before {
content: "\e62f"; }
- .ionic .icon-ios7-wineglass:before {
+ .ionic .ion-ios7-wineglass:before {
content: "\e630"; }
- .ionic .icon-ios7-wineglass-outline:before {
+ .ionic .ion-ios7-wineglass-outline:before {
content: "\e631"; }
- .ionic .icon-ios7-volume-low:before {
+ .ionic .ion-ios7-volume-low:before {
content: "\e632"; }
- .ionic .icon-ios7-volume-high:before {
+ .ionic .ion-ios7-volume-high:before {
content: "\e633"; }
- .ionic .icon-ios7-videocam:before {
+ .ionic .ion-ios7-videocam:before {
content: "\e634"; }
- .ionic .icon-ios7-videocam-outline:before {
+ .ionic .ion-ios7-videocam-outline:before {
content: "\e635"; }
- .ionic .icon-ios7-upload:before {
+ .ionic .ion-ios7-upload:before {
content: "\e636"; }
- .ionic .icon-ios7-upload-outline:before {
+ .ionic .ion-ios7-upload-outline:before {
content: "\e637"; }
- .ionic .icon-ios7-unlocked:before {
+ .ionic .ion-ios7-unlocked:before {
content: "\e638"; }
- .ionic .icon-ios7-unlocked-outline:before {
+ .ionic .ion-ios7-unlocked-outline:before {
content: "\e639"; }
- .ionic .icon-ios7-undo:before {
+ .ionic .ion-ios7-undo:before {
content: "\e63a"; }
- .ionic .icon-ios7-undo-outline:before {
+ .ionic .ion-ios7-undo-outline:before {
content: "\e63b"; }
- .ionic .icon-ios7-trash:before {
+ .ionic .ion-ios7-trash:before {
content: "\e63c"; }
- .ionic .icon-ios7-trash-outline:before {
+ .ionic .ion-ios7-trash-outline:before {
content: "\e63d"; }
- .ionic .icon-ios7-timer:before {
+ .ionic .ion-ios7-timer:before {
content: "\e63e"; }
- .ionic .icon-ios7-timer-outline:before {
+ .ionic .ion-ios7-timer-outline:before {
content: "\e63f"; }
- .ionic .icon-ios7-time:before {
+ .ionic .ion-ios7-time:before {
content: "\e640"; }
- .ionic .icon-ios7-time-outline:before {
+ .ionic .ion-ios7-time-outline:before {
content: "\e641"; }
- .ionic .icon-ios7-thunderstorm:before {
+ .ionic .ion-ios7-thunderstorm:before {
content: "\e642"; }
- .ionic .icon-ios7-thunderstorm-outline:before {
+ .ionic .ion-ios7-thunderstorm-outline:before {
content: "\e643"; }
- .ionic .icon-ios7-telephone:before {
+ .ionic .ion-ios7-telephone:before {
content: "\e644"; }
- .ionic .icon-ios7-telephone-outline:before {
+ .ionic .ion-ios7-telephone-outline:before {
content: "\e645"; }
- .ionic .icon-ios7-sunny:before {
+ .ionic .ion-ios7-sunny:before {
content: "\e646"; }
- .ionic .icon-ios7-sunny-outline:before {
+ .ionic .ion-ios7-sunny-outline:before {
content: "\e647"; }
- .ionic .icon-ios7-stopwatch:before {
+ .ionic .ion-ios7-stopwatch:before {
content: "\e648"; }
- .ionic .icon-ios7-stopwatch-outline:before {
+ .ionic .ion-ios7-stopwatch-outline:before {
content: "\e649"; }
- .ionic .icon-ios7-star:before {
+ .ionic .ion-ios7-star:before {
content: "\e64a"; }
- .ionic .icon-ios7-star-outline:before {
+ .ionic .ion-ios7-star-outline:before {
content: "\e64b"; }
- .ionic .icon-ios7-speedometer:before {
+ .ionic .ion-ios7-speedometer:before {
content: "\e64c"; }
- .ionic .icon-ios7-speedometer-outline:before {
+ .ionic .ion-ios7-speedometer-outline:before {
content: "\e64d"; }
- .ionic .icon-ios7-skipforward:before {
+ .ionic .ion-ios7-skipforward:before {
content: "\e64e"; }
- .ionic .icon-ios7-skipforward-outline:before {
+ .ionic .ion-ios7-skipforward-outline:before {
content: "\e64f"; }
- .ionic .icon-ios7-skipbackward:before {
+ .ionic .ion-ios7-skipbackward:before {
content: "\e650"; }
- .ionic .icon-ios7-skipbackward-outline:before {
+ .ionic .ion-ios7-skipbackward-outline:before {
content: "\e651"; }
- .ionic .icon-ios7-search:before {
+ .ionic .ion-ios7-search:before {
content: "\e652"; }
- .ionic .icon-ios7-search-strong:before {
+ .ionic .ion-ios7-search-strong:before {
content: "\e653"; }
- .ionic .icon-ios7-rewind:before {
+ .ionic .ion-ios7-rewind:before {
content: "\e654"; }
- .ionic .icon-ios7-rewind-outline:before {
+ .ionic .ion-ios7-rewind-outline:before {
content: "\e655"; }
- .ionic .icon-ios7-reload:before {
+ .ionic .ion-ios7-reload:before {
content: "\e656"; }
- .ionic .icon-ios7-refresh:before {
+ .ionic .ion-ios7-refresh:before {
content: "\e657"; }
- .ionic .icon-ios7-refresh-outline:before {
+ .ionic .ion-ios7-refresh-outline:before {
content: "\e658"; }
- .ionic .icon-ios7-refresh-empty:before {
+ .ionic .ion-ios7-refresh-empty:before {
content: "\e659"; }
- .ionic .icon-ios7-redo:before {
+ .ionic .ion-ios7-redo:before {
content: "\e65a"; }
- .ionic .icon-ios7-redo-outline:before {
+ .ionic .ion-ios7-redo-outline:before {
content: "\e65b"; }
- .ionic .icon-ios7-recording:before {
+ .ionic .ion-ios7-recording:before {
content: "\e65c"; }
- .ionic .icon-ios7-recording-outline:before {
+ .ionic .ion-ios7-recording-outline:before {
content: "\e65d"; }
- .ionic .icon-ios7-rainy:before {
+ .ionic .ion-ios7-rainy:before {
content: "\e65e"; }
- .ionic .icon-ios7-rainy-outline:before {
+ .ionic .ion-ios7-rainy-outline:before {
content: "\e65f"; }
- .ionic .icon-ios7-printer:before {
+ .ionic .ion-ios7-printer:before {
content: "\e660"; }
- .ionic .icon-ios7-printer-outline:before {
+ .ionic .ion-ios7-printer-outline:before {
content: "\e661"; }
- .ionic .icon-ios7-pricetag:before {
+ .ionic .ion-ios7-pricetag:before {
content: "\e662"; }
- .ionic .icon-ios7-pricetag-outline:before {
+ .ionic .ion-ios7-pricetag-outline:before {
content: "\e663"; }
- .ionic .icon-ios7-plus:before {
+ .ionic .ion-ios7-plus:before {
content: "\e664"; }
- .ionic .icon-ios7-plus-outline:before {
+ .ionic .ion-ios7-plus-outline:before {
content: "\e665"; }
- .ionic .icon-ios7-plus-empty:before {
+ .ionic .ion-ios7-plus-empty:before {
content: "\e666"; }
- .ionic .icon-ios7-play:before {
+ .ionic .ion-ios7-play:before {
content: "\e667"; }
- .ionic .icon-ios7-play-outline:before {
+ .ionic .ion-ios7-play-outline:before {
content: "\e668"; }
- .ionic .icon-ios7-pie:before {
+ .ionic .ion-ios7-pie:before {
content: "\e669"; }
- .ionic .icon-ios7-pie-outline:before {
+ .ionic .ion-ios7-pie-outline:before {
content: "\e66a"; }
- .ionic .icon-ios7-photos:before {
+ .ionic .ion-ios7-photos:before {
content: "\e66b"; }
- .ionic .icon-ios7-photos-outline:before {
+ .ionic .ion-ios7-photos-outline:before {
content: "\e66c"; }
- .ionic .icon-ios7-personadd:before {
+ .ionic .ion-ios7-personadd:before {
content: "\e66d"; }
- .ionic .icon-ios7-personadd-outline:before {
+ .ionic .ion-ios7-personadd-outline:before {
content: "\e66e"; }
- .ionic .icon-ios7-person:before {
+ .ionic .ion-ios7-person:before {
content: "\e66f"; }
- .ionic .icon-ios7-person-outline:before {
+ .ionic .ion-ios7-person-outline:before {
content: "\e670"; }
- .ionic .icon-ios7-people:before {
+ .ionic .ion-ios7-people:before {
content: "\e671"; }
- .ionic .icon-ios7-people-outline:before {
+ .ionic .ion-ios7-people-outline:before {
content: "\e672"; }
- .ionic .icon-ios7-pause:before {
+ .ionic .ion-ios7-pause:before {
content: "\e673"; }
- .ionic .icon-ios7-pause-outline:before {
+ .ionic .ion-ios7-pause-outline:before {
content: "\e674"; }
- .ionic .icon-ios7-partlysunny:before {
+ .ionic .ion-ios7-partlysunny:before {
content: "\e675"; }
- .ionic .icon-ios7-partlysunny-outline:before {
+ .ionic .ion-ios7-partlysunny-outline:before {
content: "\e676"; }
- .ionic .icon-ios7-paperplane:before {
+ .ionic .ion-ios7-paperplane:before {
content: "\e677"; }
- .ionic .icon-ios7-paperplane-outline:before {
+ .ionic .ion-ios7-paperplane-outline:before {
content: "\e678"; }
- .ionic .icon-ios7-navigate:before {
+ .ionic .ion-ios7-navigate:before {
content: "\e679"; }
- .ionic .icon-ios7-navigate-outline:before {
+ .ionic .ion-ios7-navigate-outline:before {
content: "\e67a"; }
- .ionic .icon-ios7-musical-notes:before {
+ .ionic .ion-ios7-musical-notes:before {
content: "\e67b"; }
- .ionic .icon-ios7-musical-note:before {
+ .ionic .ion-ios7-musical-note:before {
content: "\e67c"; }
- .ionic .icon-ios7-more:before {
+ .ionic .ion-ios7-more:before {
content: "\e67d"; }
- .ionic .icon-ios7-more-outline:before {
+ .ionic .ion-ios7-more-outline:before {
content: "\e67e"; }
- .ionic .icon-ios7-moon:before {
+ .ionic .ion-ios7-moon:before {
content: "\e67f"; }
- .ionic .icon-ios7-moon-outline:before {
+ .ionic .ion-ios7-moon-outline:before {
content: "\e680"; }
- .ionic .icon-ios7-monitor:before {
+ .ionic .ion-ios7-monitor:before {
content: "\e681"; }
- .ionic .icon-ios7-monitor-outline:before {
+ .ionic .ion-ios7-monitor-outline:before {
content: "\e682"; }
- .ionic .icon-ios7-minus:before {
+ .ionic .ion-ios7-minus:before {
content: "\e683"; }
- .ionic .icon-ios7-minus-outline:before {
+ .ionic .ion-ios7-minus-outline:before {
content: "\e684"; }
- .ionic .icon-ios7-minus-empty:before {
+ .ionic .ion-ios7-minus-empty:before {
content: "\e685"; }
- .ionic .icon-ios7-mic:before {
+ .ionic .ion-ios7-mic:before {
content: "\e686"; }
- .ionic .icon-ios7-mic-outline:before {
+ .ionic .ion-ios7-mic-outline:before {
content: "\e687"; }
- .ionic .icon-ios7-mic-off:before {
+ .ionic .ion-ios7-mic-off:before {
content: "\e688"; }
- .ionic .icon-ios7-medkit:before {
+ .ionic .ion-ios7-medkit:before {
content: "\e689"; }
- .ionic .icon-ios7-medkit-outline:before {
+ .ionic .ion-ios7-medkit-outline:before {
content: "\e68a"; }
- .ionic .icon-ios7-locked:before {
+ .ionic .ion-ios7-locked:before {
content: "\e68b"; }
- .ionic .icon-ios7-locked-outline:before {
+ .ionic .ion-ios7-locked-outline:before {
content: "\e68c"; }
- .ionic .icon-ios7-location:before {
+ .ionic .ion-ios7-location:before {
content: "\e68d"; }
- .ionic .icon-ios7-location-outline:before {
+ .ionic .ion-ios7-location-outline:before {
content: "\e68e"; }
- .ionic .icon-ios7-lightbulb:before {
+ .ionic .ion-ios7-lightbulb:before {
content: "\e68f"; }
- .ionic .icon-ios7-lightbulb-outline:before {
+ .ionic .ion-ios7-lightbulb-outline:before {
content: "\e690"; }
- .ionic .icon-ios7-keypad:before {
+ .ionic .ion-ios7-keypad:before {
content: "\e691"; }
- .ionic .icon-ios7-keypad-outline:before {
+ .ionic .ion-ios7-keypad-outline:before {
content: "\e692"; }
- .ionic .icon-ios7-ionic-outline:before {
+ .ionic .ion-ios7-ionic-outline:before {
content: "\e693"; }
- .ionic .icon-ios7-information:before {
+ .ionic .ion-ios7-information:before {
content: "\e694"; }
- .ionic .icon-ios7-information-outline:before {
+ .ionic .ion-ios7-information-outline:before {
content: "\e695"; }
- .ionic .icon-ios7-information-empty:before {
+ .ionic .ion-ios7-information-empty:before {
content: "\e696"; }
- .ionic .icon-ios7-infinite:before {
+ .ionic .ion-ios7-infinite:before {
content: "\e697"; }
- .ionic .icon-ios7-infinite-outline:before {
+ .ionic .ion-ios7-infinite-outline:before {
content: "\e698"; }
- .ionic .icon-ios7-help:before {
+ .ionic .ion-ios7-help:before {
content: "\e699"; }
- .ionic .icon-ios7-help-outline:before {
+ .ionic .ion-ios7-help-outline:before {
content: "\e69a"; }
- .ionic .icon-ios7-help-empty:before {
+ .ionic .ion-ios7-help-empty:before {
content: "\e69b"; }
- .ionic .icon-ios7-heart:before {
+ .ionic .ion-ios7-heart:before {
content: "\e69c"; }
- .ionic .icon-ios7-heart-outline:before {
+ .ionic .ion-ios7-heart-outline:before {
content: "\e69d"; }
- .ionic .icon-ios7-glasses:before {
+ .ionic .ion-ios7-glasses:before {
content: "\e69e"; }
- .ionic .icon-ios7-glasses-outline:before {
+ .ionic .ion-ios7-glasses-outline:before {
content: "\e69f"; }
- .ionic .icon-ios7-gear:before {
+ .ionic .ion-ios7-gear:before {
content: "\e6a0"; }
- .ionic .icon-ios7-gear-outline:before {
+ .ionic .ion-ios7-gear-outline:before {
content: "\e6a1"; }
- .ionic .icon-ios7-folder:before {
+ .ionic .ion-ios7-folder:before {
content: "\e6a2"; }
- .ionic .icon-ios7-folder-outline:before {
+ .ionic .ion-ios7-folder-outline:before {
content: "\e6a3"; }
- .ionic .icon-ios7-flag:before {
+ .ionic .ion-ios7-flag:before {
content: "\e6a4"; }
- .ionic .icon-ios7-flag-outline:before {
+ .ionic .ion-ios7-flag-outline:before {
content: "\e6a5"; }
- .ionic .icon-ios7-film:before {
+ .ionic .ion-ios7-film:before {
content: "\e6a6"; }
- .ionic .icon-ios7-film-outline:before {
+ .ionic .ion-ios7-film-outline:before {
content: "\e6a7"; }
- .ionic .icon-ios7-filing:before {
+ .ionic .ion-ios7-filing:before {
content: "\e6a8"; }
- .ionic .icon-ios7-filing-outline:before {
+ .ionic .ion-ios7-filing-outline:before {
content: "\e6a9"; }
- .ionic .icon-ios7-fastforward:before {
+ .ionic .ion-ios7-fastforward:before {
content: "\e6aa"; }
- .ionic .icon-ios7-fastforward-outline:before {
+ .ionic .ion-ios7-fastforward-outline:before {
content: "\e6ab"; }
- .ionic .icon-ios7-eye:before {
+ .ionic .ion-ios7-eye:before {
content: "\e6ac"; }
- .ionic .icon-ios7-eye-outline:before {
+ .ionic .ion-ios7-eye-outline:before {
content: "\e6ad"; }
- .ionic .icon-ios7-email:before {
+ .ionic .ion-ios7-email:before {
content: "\e6ae"; }
- .ionic .icon-ios7-email-outline:before {
+ .ionic .ion-ios7-email-outline:before {
content: "\e6af"; }
- .ionic .icon-ios7-drag:before {
+ .ionic .ion-ios7-drag:before {
content: "\e6b0"; }
- .ionic .icon-ios7-download:before {
+ .ionic .ion-ios7-download:before {
content: "\e6b1"; }
- .ionic .icon-ios7-download-outline:before {
+ .ionic .ion-ios7-download-outline:before {
content: "\e6b2"; }
- .ionic .icon-ios7-copy:before {
+ .ionic .ion-ios7-copy:before {
content: "\e6b3"; }
- .ionic .icon-ios7-copy-outline:before {
+ .ionic .ion-ios7-copy-outline:before {
content: "\e6b4"; }
- .ionic .icon-ios7-contact:before {
+ .ionic .ion-ios7-contact:before {
content: "\e6b5"; }
- .ionic .icon-ios7-contact-outline:before {
+ .ionic .ion-ios7-contact-outline:before {
content: "\e6b6"; }
- .ionic .icon-ios7-compose:before {
+ .ionic .ion-ios7-compose:before {
content: "\e6b7"; }
- .ionic .icon-ios7-compose-outline:before {
+ .ionic .ion-ios7-compose-outline:before {
content: "\e6b8"; }
- .ionic .icon-ios7-cog:before {
+ .ionic .ion-ios7-cog:before {
content: "\e6b9"; }
- .ionic .icon-ios7-cog-outline:before {
+ .ionic .ion-ios7-cog-outline:before {
content: "\e6ba"; }
- .ionic .icon-ios7-cloudy:before {
+ .ionic .ion-ios7-cloudy:before {
content: "\e6bb"; }
- .ionic .icon-ios7-cloudy-outline:before {
+ .ionic .ion-ios7-cloudy-outline:before {
content: "\e6bc"; }
- .ionic .icon-ios7-cloud:before {
+ .ionic .ion-ios7-cloud:before {
content: "\e6bd"; }
- .ionic .icon-ios7-cloud-upload:before {
+ .ionic .ion-ios7-cloud-upload:before {
content: "\e6be"; }
- .ionic .icon-ios7-cloud-upload-outline:before {
+ .ionic .ion-ios7-cloud-upload-outline:before {
content: "\e6bf"; }
- .ionic .icon-ios7-cloud-outline:before {
+ .ionic .ion-ios7-cloud-outline:before {
content: "\e6c0"; }
- .ionic .icon-ios7-cloud-download:before {
+ .ionic .ion-ios7-cloud-download:before {
content: "\e6c1"; }
- .ionic .icon-ios7-cloud-download-outline:before {
+ .ionic .ion-ios7-cloud-download-outline:before {
content: "\e6c2"; }
- .ionic .icon-ios7-clock:before {
+ .ionic .ion-ios7-clock:before {
content: "\e6c3"; }
- .ionic .icon-ios7-clock-outline:before {
+ .ionic .ion-ios7-clock-outline:before {
content: "\e6c4"; }
- .ionic .icon-ios7-circle-outline:before {
+ .ionic .ion-ios7-circle-outline:before {
content: "\e6c5"; }
- .ionic .icon-ios7-circle-filled:before {
+ .ionic .ion-ios7-circle-filled:before {
content: "\e6c6"; }
- .ionic .icon-ios7-checkmark:before {
+ .ionic .ion-ios7-checkmark:before {
content: "\e6c7"; }
- .ionic .icon-ios7-checkmark-outline:before {
+ .ionic .ion-ios7-checkmark-outline:before {
content: "\e6c8"; }
- .ionic .icon-ios7-checkmark-empty:before {
+ .ionic .ion-ios7-checkmark-empty:before {
content: "\e6c9"; }
- .ionic .icon-ios7-chatbubble:before {
+ .ionic .ion-ios7-chatbubble:before {
content: "\e6ca"; }
- .ionic .icon-ios7-chatbubble-outline:before {
+ .ionic .ion-ios7-chatbubble-outline:before {
content: "\e6cb"; }
- .ionic .icon-ios7-chatboxes:before {
+ .ionic .ion-ios7-chatboxes:before {
content: "\e6cc"; }
- .ionic .icon-ios7-chatboxes-outline:before {
+ .ionic .ion-ios7-chatboxes-outline:before {
content: "\e6cd"; }
- .ionic .icon-ios7-cart:before {
+ .ionic .ion-ios7-cart:before {
content: "\e6ce"; }
- .ionic .icon-ios7-cart-outline:before {
+ .ionic .ion-ios7-cart-outline:before {
content: "\e6cf"; }
- .ionic .icon-ios7-camera:before {
+ .ionic .ion-ios7-camera:before {
content: "\e6d0"; }
- .ionic .icon-ios7-camera-outline:before {
+ .ionic .ion-ios7-camera-outline:before {
content: "\e6d1"; }
- .ionic .icon-ios7-calendar:before {
+ .ionic .ion-ios7-calendar:before {
content: "\e6d2"; }
- .ionic .icon-ios7-calendar-outline:before {
+ .ionic .ion-ios7-calendar-outline:before {
content: "\e6d3"; }
- .ionic .icon-ios7-calculator:before {
+ .ionic .ion-ios7-calculator:before {
content: "\e6d4"; }
- .ionic .icon-ios7-calculator-outline:before {
+ .ionic .ion-ios7-calculator-outline:before {
content: "\e6d5"; }
- .ionic .icon-ios7-browsers:before {
+ .ionic .ion-ios7-browsers:before {
content: "\e6d6"; }
- .ionic .icon-ios7-browsers-outline:before {
+ .ionic .ion-ios7-browsers-outline:before {
content: "\e6d7"; }
- .ionic .icon-ios7-briefcase:before {
+ .ionic .ion-ios7-briefcase:before {
content: "\e6d8"; }
- .ionic .icon-ios7-briefcase-outline:before {
+ .ionic .ion-ios7-briefcase-outline:before {
content: "\e6d9"; }
- .ionic .icon-ios7-box:before {
+ .ionic .ion-ios7-box:before {
content: "\e6da"; }
- .ionic .icon-ios7-box-outline:before {
+ .ionic .ion-ios7-box-outline:before {
content: "\e6db"; }
- .ionic .icon-ios7-bookmarks:before {
+ .ionic .ion-ios7-bookmarks:before {
content: "\e6dc"; }
- .ionic .icon-ios7-bookmarks-outline:before {
+ .ionic .ion-ios7-bookmarks-outline:before {
content: "\e6dd"; }
- .ionic .icon-ios7-bolt:before {
+ .ionic .ion-ios7-bolt:before {
content: "\e6de"; }
- .ionic .icon-ios7-bolt-outline:before {
+ .ionic .ion-ios7-bolt-outline:before {
content: "\e6df"; }
- .ionic .icon-ios7-bell:before {
+ .ionic .ion-ios7-bell:before {
content: "\e6e0"; }
- .ionic .icon-ios7-bell-outline:before {
+ .ionic .ion-ios7-bell-outline:before {
content: "\e6e1"; }
- .ionic .icon-ios7-at:before {
+ .ionic .ion-ios7-at:before {
content: "\e6e2"; }
- .ionic .icon-ios7-at-outline:before {
+ .ionic .ion-ios7-at-outline:before {
content: "\e6e3"; }
- .ionic .icon-ios7-arrow-up:before {
+ .ionic .ion-ios7-arrow-up:before {
content: "\e6e4"; }
- .ionic .icon-ios7-arrow-thin-up:before {
+ .ionic .ion-ios7-arrow-thin-up:before {
content: "\e6e5"; }
- .ionic .icon-ios7-arrow-thin-right:before {
+ .ionic .ion-ios7-arrow-thin-right:before {
content: "\e6e6"; }
- .ionic .icon-ios7-arrow-thin-left:before {
+ .ionic .ion-ios7-arrow-thin-left:before {
content: "\e6e7"; }
- .ionic .icon-ios7-arrow-thin-down:before {
+ .ionic .ion-ios7-arrow-thin-down:before {
content: "\e6e8"; }
- .ionic .icon-ios7-arrow-right:before {
+ .ionic .ion-ios7-arrow-right:before {
content: "\e6e9"; }
- .ionic .icon-ios7-arrow-left:before {
+ .ionic .ion-ios7-arrow-left:before {
content: "\e6ea"; }
- .ionic .icon-ios7-arrow-forward:before {
+ .ionic .ion-ios7-arrow-forward:before {
content: "\e6eb"; }
- .ionic .icon-ios7-arrow-down:before {
+ .ionic .ion-ios7-arrow-down:before {
content: "\e6ec"; }
- .ionic .icon-ios7-arrow-back:before {
+ .ionic .ion-ios7-arrow-back:before {
content: "\e6ed"; }
- .ionic .icon-ios7-albums:before {
+ .ionic .ion-ios7-albums:before {
content: "\e6ee"; }
- .ionic .icon-ios7-albums-outline:before {
+ .ionic .ion-ios7-albums-outline:before {
content: "\e6ef"; }
- .ionic .icon-ios7-alarm:before {
+ .ionic .ion-ios7-alarm:before {
content: "\e6f0"; }
- .ionic .icon-ios7-alarm-outline:before {
+ .ionic .ion-ios7-alarm-outline:before {
content: "\e6f1"; }
- .ionic .icon-wrench:before {
+ .ionic .ion-wrench:before {
content: "\e6f2"; }
- .ionic .icon-woman:before {
+ .ionic .ion-woman:before {
content: "\e6f3"; }
- .ionic .icon-wineglass:before {
+ .ionic .ion-wineglass:before {
content: "\e6f4"; }
- .ionic .icon-wifi:before {
+ .ionic .ion-wifi:before {
content: "\e6f5"; }
- .ionic .icon-waterdrop:before {
+ .ionic .ion-waterdrop:before {
content: "\e6f6"; }
- .ionic .icon-volume-mute:before {
+ .ionic .ion-volume-mute:before {
content: "\e6f7"; }
- .ionic .icon-volume-medium:before {
+ .ionic .ion-volume-medium:before {
content: "\e6f8"; }
- .ionic .icon-volume-low:before {
+ .ionic .ion-volume-low:before {
content: "\e6f9"; }
- .ionic .icon-volume-high:before {
+ .ionic .ion-volume-high:before {
content: "\e6fa"; }
- .ionic .icon-videocamera:before {
+ .ionic .ion-videocamera:before {
content: "\e6fb"; }
- .ionic .icon-usb:before {
+ .ionic .ion-usb:before {
content: "\e6fc"; }
- .ionic .icon-upload:before {
+ .ionic .ion-upload:before {
content: "\e6fd"; }
- .ionic .icon-unlocked:before {
+ .ionic .ion-unlocked:before {
content: "\e6fe"; }
- .ionic .icon-umbrella:before {
+ .ionic .ion-umbrella:before {
content: "\e6ff"; }
- .ionic .icon-trash-b:before {
+ .ionic .ion-trash-b:before {
content: "\e700"; }
- .ionic .icon-trash-a:before {
+ .ionic .ion-trash-a:before {
content: "\e701"; }
- .ionic .icon-thumbsup:before {
+ .ionic .ion-thumbsup:before {
content: "\e702"; }
- .ionic .icon-thumbsdown:before {
+ .ionic .ion-thumbsdown:before {
content: "\e703"; }
- .ionic .icon-thermometer:before {
+ .ionic .ion-thermometer:before {
content: "\e704"; }
- .ionic .icon-stop:before {
+ .ionic .ion-stop:before {
content: "\e705"; }
- .ionic .icon-stats-bars:before {
+ .ionic .ion-stats-bars:before {
content: "\e706"; }
- .ionic .icon-star:before {
+ .ionic .ion-star:before {
content: "\e707"; }
- .ionic .icon-spoon:before {
+ .ionic .ion-spoon:before {
content: "\e708"; }
- .ionic .icon-speedometer:before {
+ .ionic .ion-speedometer:before {
content: "\e709"; }
- .ionic .icon-speakerphone:before {
+ .ionic .ion-speakerphone:before {
content: "\e70a"; }
- .ionic .icon-skip-forward:before {
+ .ionic .ion-skip-forward:before {
content: "\e70b"; }
- .ionic .icon-skip-backward:before {
+ .ionic .ion-skip-backward:before {
content: "\e70c"; }
- .ionic .icon-shuffle:before {
+ .ionic .ion-shuffle:before {
content: "\e70d"; }
- .ionic .icon-share:before {
+ .ionic .ion-share:before {
content: "\e70e"; }
- .ionic .icon-settings:before {
+ .ionic .ion-settings:before {
content: "\e70f"; }
- .ionic .icon-search:before {
+ .ionic .ion-search:before {
content: "\e710"; }
- .ionic .icon-reply:before {
+ .ionic .ion-reply:before {
content: "\e711"; }
- .ionic .icon-reply-all:before {
+ .ionic .ion-reply-all:before {
content: "\e712"; }
- .ionic .icon-refresh:before {
+ .ionic .ion-refresh:before {
content: "\e713"; }
- .ionic .icon-record:before {
+ .ionic .ion-record:before {
content: "\e714"; }
- .ionic .icon-radio-waves:before {
+ .ionic .ion-radio-waves:before {
content: "\e715"; }
- .ionic .icon-printer:before {
+ .ionic .ion-printer:before {
content: "\e716"; }
- .ionic .icon-pricetags:before {
+ .ionic .ion-pricetags:before {
content: "\e717"; }
- .ionic .icon-pricetag:before {
+ .ionic .ion-pricetag:before {
content: "\e718"; }
- .ionic .icon-power:before {
+ .ionic .ion-power:before {
content: "\e719"; }
- .ionic .icon-pound:before {
+ .ionic .ion-pound:before {
content: "\e71a"; }
- .ionic .icon-plus:before {
+ .ionic .ion-plus:before {
content: "\e71b"; }
- .ionic .icon-plus-round:before {
+ .ionic .ion-plus-round:before {
content: "\e71c"; }
- .ionic .icon-plus-circled:before {
+ .ionic .ion-plus-circled:before {
content: "\e71d"; }
- .ionic .icon-play:before {
+ .ionic .ion-play:before {
content: "\e71e"; }
- .ionic .icon-plane:before {
+ .ionic .ion-plane:before {
content: "\e71f"; }
- .ionic .icon-pizza:before {
+ .ionic .ion-pizza:before {
content: "\e720"; }
- .ionic .icon-pinpoint:before {
+ .ionic .ion-pinpoint:before {
content: "\e721"; }
- .ionic .icon-pin:before {
+ .ionic .ion-pin:before {
content: "\e722"; }
- .ionic .icon-pie-graph:before {
+ .ionic .ion-pie-graph:before {
content: "\e723"; }
- .ionic .icon-person:before {
+ .ionic .ion-person:before {
content: "\e724"; }
- .ionic .icon-person-stalker:before {
+ .ionic .ion-person-stalker:before {
content: "\e725"; }
- .ionic .icon-person-add:before {
+ .ionic .ion-person-add:before {
content: "\e726"; }
- .ionic .icon-pause:before {
+ .ionic .ion-pause:before {
content: "\e727"; }
- .ionic .icon-paperclip:before {
+ .ionic .ion-paperclip:before {
content: "\e728"; }
- .ionic .icon-nuclear:before {
+ .ionic .ion-nuclear:before {
content: "\e729"; }
- .ionic .icon-navigate:before {
+ .ionic .ion-navigate:before {
content: "\e72a"; }
- .ionic .icon-navicon:before {
+ .ionic .ion-navicon:before {
content: "\e72b"; }
- .ionic .icon-navicon-round:before {
+ .ionic .ion-navicon-round:before {
content: "\e72c"; }
- .ionic .icon-music-note:before {
+ .ionic .ion-music-note:before {
content: "\e72d"; }
- .ionic .icon-more:before {
+ .ionic .ion-more:before {
content: "\e72e"; }
- .ionic .icon-monitor:before {
+ .ionic .ion-monitor:before {
content: "\e72f"; }
- .ionic .icon-minus:before {
+ .ionic .ion-minus:before {
content: "\e730"; }
- .ionic .icon-minus-round:before {
+ .ionic .ion-minus-round:before {
content: "\e731"; }
- .ionic .icon-minus-circled:before {
+ .ionic .ion-minus-circled:before {
content: "\e732"; }
- .ionic .icon-mic-c:before {
+ .ionic .ion-mic-c:before {
content: "\e733"; }
- .ionic .icon-mic-b:before {
+ .ionic .ion-mic-b:before {
content: "\e734"; }
- .ionic .icon-mic-a:before {
+ .ionic .ion-mic-a:before {
content: "\e735"; }
- .ionic .icon-medkit:before {
+ .ionic .ion-medkit:before {
content: "\e736"; }
- .ionic .icon-map:before {
+ .ionic .ion-map:before {
content: "\e737"; }
- .ionic .icon-man:before {
+ .ionic .ion-man:before {
content: "\e738"; }
- .ionic .icon-male:before {
+ .ionic .ion-male:before {
content: "\e739"; }
- .ionic .icon-magnet:before {
+ .ionic .ion-magnet:before {
content: "\e73a"; }
- .ionic .icon-loop:before {
+ .ionic .ion-loop:before {
content: "\e73b"; }
- .ionic .icon-log-out:before {
+ .ionic .ion-log-out:before {
content: "\e73c"; }
- .ionic .icon-log-in:before {
+ .ionic .ion-log-in:before {
content: "\e73d"; }
- .ionic .icon-locked:before {
+ .ionic .ion-locked:before {
content: "\e73e"; }
- .ionic .icon-location:before {
+ .ionic .ion-location:before {
content: "\e73f"; }
- .ionic .icon-load-d:before {
+ .ionic .ion-load-d:before {
content: "\e740"; }
- .ionic .icon-load-c:before {
+ .ionic .ion-load-c:before {
content: "\e741"; }
- .ionic .icon-load-b:before {
+ .ionic .ion-load-b:before {
content: "\e742"; }
- .ionic .icon-load-a:before {
+ .ionic .ion-load-a:before {
content: "\e743"; }
- .ionic .icon-link:before {
+ .ionic .ion-link:before {
content: "\e744"; }
- .ionic .icon-lightbulb:before {
+ .ionic .ion-lightbulb:before {
content: "\e745"; }
- .ionic .icon-levels:before {
+ .ionic .ion-levels:before {
content: "\e746"; }
- .ionic .icon-leaf:before {
+ .ionic .ion-leaf:before {
content: "\e747"; }
- .ionic .icon-laptop:before {
+ .ionic .ion-laptop:before {
content: "\e748"; }
- .ionic .icon-knife:before {
+ .ionic .ion-knife:before {
content: "\e749"; }
- .ionic .icon-key:before {
+ .ionic .ion-key:before {
content: "\e74a"; }
- .ionic .icon-jet:before {
+ .ionic .ion-jet:before {
content: "\e74b"; }
- .ionic .icon-ipod:before {
+ .ionic .ion-ipod:before {
content: "\e74c"; }
- .ionic .icon-iphone:before {
+ .ionic .ion-iphone:before {
content: "\e74d"; }
- .ionic .icon-ipad:before {
+ .ionic .ion-ipad:before {
content: "\e74e"; }
- .ionic .icon-ionic:before {
+ .ionic .ion-ionic:before {
content: "\e74f"; }
- .ionic .icon-information:before {
+ .ionic .ion-information:before {
content: "\e750"; }
- .ionic .icon-information-circled:before {
+ .ionic .ion-information-circled:before {
content: "\e751"; }
- .ionic .icon-images:before {
+ .ionic .ion-images:before {
content: "\e752"; }
- .ionic .icon-image:before {
+ .ionic .ion-image:before {
content: "\e753"; }
- .ionic .icon-icecream:before {
+ .ionic .ion-icecream:before {
content: "\e754"; }
- .ionic .icon-home:before {
+ .ionic .ion-home:before {
content: "\e755"; }
- .ionic .icon-help:before {
+ .ionic .ion-help:before {
content: "\e756"; }
- .ionic .icon-help-circled:before {
+ .ionic .ion-help-circled:before {
content: "\e757"; }
- .ionic .icon-help-buoy:before {
+ .ionic .ion-help-buoy:before {
content: "\e758"; }
- .ionic .icon-heart:before {
+ .ionic .ion-heart:before {
content: "\e759"; }
- .ionic .icon-headphone:before {
+ .ionic .ion-headphone:before {
content: "\e75a"; }
- .ionic .icon-hammer:before {
+ .ionic .ion-hammer:before {
content: "\e75b"; }
- .ionic .icon-grid:before {
+ .ionic .ion-grid:before {
content: "\e75c"; }
- .ionic .icon-gear-b:before {
+ .ionic .ion-gear-b:before {
content: "\e75d"; }
- .ionic .icon-gear-a:before {
+ .ionic .ion-gear-a:before {
content: "\e75e"; }
- .ionic .icon-game-controller-b:before {
+ .ionic .ion-game-controller-b:before {
content: "\e75f"; }
- .ionic .icon-game-controller-a:before {
+ .ionic .ion-game-controller-a:before {
content: "\e760"; }
- .ionic .icon-forward:before {
+ .ionic .ion-forward:before {
content: "\e761"; }
- .ionic .icon-fork:before {
+ .ionic .ion-fork:before {
content: "\e762"; }
- .ionic .icon-folder:before {
+ .ionic .ion-folder:before {
content: "\e763"; }
- .ionic .icon-flask:before {
+ .ionic .ion-flask:before {
content: "\e764"; }
- .ionic .icon-flash:before {
+ .ionic .ion-flash:before {
content: "\e765"; }
- .ionic .icon-flash-off:before {
+ .ionic .ion-flash-off:before {
content: "\e766"; }
- .ionic .icon-flag:before {
+ .ionic .ion-flag:before {
content: "\e767"; }
- .ionic .icon-film-marker:before {
+ .ionic .ion-film-marker:before {
content: "\e768"; }
- .ionic .icon-filing:before {
+ .ionic .ion-filing:before {
content: "\e769"; }
- .ionic .icon-female:before {
+ .ionic .ion-female:before {
content: "\e76a"; }
- .ionic .icon-eye:before {
+ .ionic .ion-eye:before {
content: "\e76b"; }
- .ionic .icon-email:before {
+ .ionic .ion-email:before {
content: "\e76c"; }
- .ionic .icon-eject:before {
+ .ionic .ion-eject:before {
content: "\e76d"; }
- .ionic .icon-egg:before {
+ .ionic .ion-egg:before {
content: "\e76e"; }
- .ionic .icon-earth:before {
+ .ionic .ion-earth:before {
content: "\e76f"; }
- .ionic .icon-drag:before {
+ .ionic .ion-drag:before {
content: "\e770"; }
- .ionic .icon-document:before {
+ .ionic .ion-document:before {
content: "\e771"; }
- .ionic .icon-document-text:before {
+ .ionic .ion-document-text:before {
content: "\e772"; }
- .ionic .icon-disc:before {
+ .ionic .ion-disc:before {
content: "\e773"; }
- .ionic .icon-contrast:before {
+ .ionic .ion-contrast:before {
content: "\e774"; }
- .ionic .icon-connection-bars:before {
+ .ionic .ion-connection-bars:before {
content: "\e775"; }
- .ionic .icon-compose:before {
+ .ionic .ion-compose:before {
content: "\e776"; }
- .ionic .icon-compass:before {
+ .ionic .ion-compass:before {
content: "\e777"; }
- .ionic .icon-coffee:before {
+ .ionic .ion-coffee:before {
content: "\e778"; }
- .ionic .icon-code:before {
+ .ionic .ion-code:before {
content: "\e779"; }
- .ionic .icon-code-working:before {
+ .ionic .ion-code-working:before {
content: "\e77a"; }
- .ionic .icon-code-download:before {
+ .ionic .ion-code-download:before {
content: "\e77b"; }
- .ionic .icon-cloud:before {
+ .ionic .ion-cloud:before {
content: "\e77c"; }
- .ionic .icon-close:before {
+ .ionic .ion-close:before {
content: "\e77d"; }
- .ionic .icon-close-round:before {
+ .ionic .ion-close-round:before {
content: "\e77e"; }
- .ionic .icon-close-circled:before {
+ .ionic .ion-close-circled:before {
content: "\e77f"; }
- .ionic .icon-clock:before {
+ .ionic .ion-clock:before {
content: "\e780"; }
- .ionic .icon-clipboard:before {
+ .ionic .ion-clipboard:before {
content: "\e781"; }
- .ionic .icon-chevron-up:before {
+ .ionic .ion-chevron-up:before {
content: "\e782"; }
- .ionic .icon-chevron-right:before {
+ .ionic .ion-chevron-right:before {
content: "\e0fc"; }
- .ionic .icon-chevron-left:before {
+ .ionic .ion-chevron-left:before {
content: "\e784"; }
- .ionic .icon-chevron-down:before {
+ .ionic .ion-chevron-down:before {
content: "\e785"; }
- .ionic .icon-checkmark:before {
+ .ionic .ion-checkmark:before {
content: "\e786"; }
- .ionic .icon-checkmark-round:before {
+ .ionic .ion-checkmark-round:before {
content: "\e787"; }
- .ionic .icon-checkmark-circled:before {
+ .ionic .ion-checkmark-circled:before {
content: "\e788"; }
- .ionic .icon-chatbubbles:before {
+ .ionic .ion-chatbubbles:before {
content: "\e789"; }
- .ionic .icon-chatbubble:before {
+ .ionic .ion-chatbubble:before {
content: "\e78a"; }
- .ionic .icon-chatbubble-working:before {
+ .ionic .ion-chatbubble-working:before {
content: "\e78b"; }
- .ionic .icon-chatboxes:before {
+ .ionic .ion-chatboxes:before {
content: "\e78c"; }
- .ionic .icon-chatbox:before {
+ .ionic .ion-chatbox:before {
content: "\e78d"; }
- .ionic .icon-chatbox-working:before {
+ .ionic .ion-chatbox-working:before {
content: "\e78e"; }
- .ionic .icon-card:before {
+ .ionic .ion-card:before {
content: "\e78f"; }
- .ionic .icon-camera:before {
+ .ionic .ion-camera:before {
content: "\e790"; }
- .ionic .icon-calendar:before {
+ .ionic .ion-calendar:before {
content: "\e791"; }
- .ionic .icon-calculator:before {
+ .ionic .ion-calculator:before {
content: "\e792"; }
- .ionic .icon-briefcase:before {
+ .ionic .ion-briefcase:before {
content: "\e793"; }
- .ionic .icon-bookmark:before {
+ .ionic .ion-bookmark:before {
content: "\e794"; }
- .ionic .icon-bluetooth:before {
+ .ionic .ion-bluetooth:before {
content: "\e795"; }
- .ionic .icon-beaker:before {
+ .ionic .ion-beaker:before {
content: "\e796"; }
- .ionic .icon-battery-low:before {
+ .ionic .ion-battery-low:before {
content: "\e797"; }
- .ionic .icon-battery-half:before {
+ .ionic .ion-battery-half:before {
content: "\e798"; }
- .ionic .icon-battery-full:before {
+ .ionic .ion-battery-full:before {
content: "\e799"; }
- .ionic .icon-battery-empty:before {
+ .ionic .ion-battery-empty:before {
content: "\e79a"; }
- .ionic .icon-battery-charging:before {
+ .ionic .ion-battery-charging:before {
content: "\e79b"; }
- .ionic .icon-bag:before {
+ .ionic .ion-bag:before {
content: "\e79c"; }
- .ionic .icon-at:before {
+ .ionic .ion-at:before {
content: "\e79d"; }
- .ionic .icon-arrow-up-c:before {
+ .ionic .ion-arrow-up-c:before {
content: "\e79e"; }
- .ionic .icon-arrow-up-b:before {
+ .ionic .ion-arrow-up-b:before {
content: "\e79f"; }
- .ionic .icon-arrow-up-a:before {
+ .ionic .ion-arrow-up-a:before {
content: "\e7a0"; }
- .ionic .icon-arrow-swap:before {
+ .ionic .ion-arrow-swap:before {
content: "\e7a1"; }
- .ionic .icon-arrow-shrink:before {
+ .ionic .ion-arrow-shrink:before {
content: "\e7a2"; }
- .ionic .icon-arrow-right-c:before {
+ .ionic .ion-arrow-right-c:before {
content: "\e7a3"; }
- .ionic .icon-arrow-right-b:before {
+ .ionic .ion-arrow-right-b:before {
content: "\e7a4"; }
- .ionic .icon-arrow-right-a:before {
+ .ionic .ion-arrow-right-a:before {
content: "\e7a5"; }
- .ionic .icon-arrow-return-right:before {
+ .ionic .ion-arrow-return-right:before {
content: "\e7a6"; }
- .ionic .icon-arrow-return-left:before {
+ .ionic .ion-arrow-return-left:before {
content: "\e7a7"; }
- .ionic .icon-arrow-resize:before {
+ .ionic .ion-arrow-resize:before {
content: "\e7a8"; }
- .ionic .icon-arrow-move:before {
+ .ionic .ion-arrow-move:before {
content: "\e7a9"; }
- .ionic .icon-arrow-left-c:before {
+ .ionic .ion-arrow-left-c:before {
content: "\e7aa"; }
- .ionic .icon-arrow-left-b:before {
+ .ionic .ion-arrow-left-b:before {
content: "\e7ab"; }
- .ionic .icon-arrow-left-a:before {
+ .ionic .ion-arrow-left-a:before {
content: "\e7ac"; }
- .ionic .icon-arrow-graph-up-right:before {
+ .ionic .ion-arrow-graph-up-right:before {
content: "\e7ad"; }
- .ionic .icon-arrow-graph-up-left:before {
+ .ionic .ion-arrow-graph-up-left:before {
content: "\e7ae"; }
- .ionic .icon-arrow-graph-down-right:before {
+ .ionic .ion-arrow-graph-down-right:before {
content: "\e7af"; }
- .ionic .icon-arrow-graph-down-left:before {
+ .ionic .ion-arrow-graph-down-left:before {
content: "\e7b0"; }
- .ionic .icon-arrow-expand:before {
+ .ionic .ion-arrow-expand:before {
content: "\e7b1"; }
- .ionic .icon-arrow-down-c:before {
+ .ionic .ion-arrow-down-c:before {
content: "\e7b2"; }
- .ionic .icon-arrow-down-b:before {
+ .ionic .ion-arrow-down-b:before {
content: "\e7b3"; }
- .ionic .icon-arrow-down-a:before {
+ .ionic .ion-arrow-down-a:before {
content: "\e7b4"; }
- .ionic .icon-archive:before {
+ .ionic .ion-archive:before {
content: "\e7b5"; }
- .ionic .icon-alert:before {
+ .ionic .ion-alert:before {
content: "\e7b6"; }
- .ionic .icon-alert-circled:before {
+ .ionic .ion-alert-circled:before {
content: "\e7b7"; }
.ionic html, .ionic body, .ionic div, .ionic span, .ionic applet, .ionic object, .ionic iframe,
.ionic h1, .ionic h2, .ionic h3, .ionic h4, .ionic h5, .ionic h6, .ionic p, .ionic blockquote, .ionic pre,
@@ -1577,11 +1577,11 @@
color: inherit; }
.ionic .bar > .button {
z-index: 1;
- padding: 0 8px;
+ padding: 8px;
min-height: 31px;
font-size: 12px;
line-height: 30px; }
- .ionic .bar > .button i, .ionic .bar > .button .icon {
+ .ionic .bar > .button .ion {
font-size: 24px;
line-height: 29px; }
.ionic .bar .button-bar > .button {
@@ -1842,8 +1842,7 @@
.ionic .tabs-icon-bottom .tab-item {
font-size: 10px;
line-height: 14px; }
- .ionic .tab-item i,
- .ionic .tab-item .icon {
+ .ionic .tab-item .ion {
display: block;
margin: 0 auto;
height: 32px;
@@ -1851,15 +1850,13 @@
.ionic .tabs-icon-left .tab-item,
.ionic .tabs-icon-right .tab-item {
font-size: 10px; }
- .ionic .tabs-icon-left .tab-item i, .ionic .tabs-icon-left .tab-item .icon,
- .ionic .tabs-icon-right .tab-item i,
- .ionic .tabs-icon-right .tab-item .icon {
+ .ionic .tabs-icon-left .tab-item .ion,
+ .ionic .tabs-icon-right .tab-item .ion {
font-size: 24px;
display: inline-block;
vertical-align: top;
line-height: 49px; }
- .ionic .tabs-icon-only i,
- .ionic .tabs-icon-only .icon {
+ .ionic .tabs-icon-only .ion {
line-height: inherit; }
.ionic .tab-item.active, .ionic .tab-item:active {
opacity: 1; }
@@ -1884,7 +1881,7 @@
display: -ms-flexbox;
display: flex;
padding: 0; }
- .ionic .item.tabs i, .ionic .item.tabs .icon {
+ .ionic .item.tabs .ion {
position: relative; }
.ionic .menu {
position: absolute;
@@ -2081,8 +2078,7 @@
.ionic .item-slider.item-text-wrap p {
overflow: hidden;
white-space: nowrap; }
- .ionic .item i,
- .ionic .item .icon {
+ .ionic .item .ion {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
@@ -2103,20 +2099,17 @@
min-height: 30px; }
.ionic .item-icon-left {
padding-left: 45px; }
- .ionic .item-icon-left i, .ionic .item-icon-left .icon {
+ .ionic .item-icon-left .ion {
left: 7.5px; }
.ionic .item-slider.item-icon-left {
padding-left: 0; }
.ionic .item-slider.item-icon-left .item-content {
padding-left: 45px; }
- .ionic .item-icon-right i,
- .ionic .item-icon-right .icon {
+ .ionic .item-icon-right .ion {
right: 7.5px; }
- .ionic .item-icon-left.item-icon-right i:first-child,
- .ionic .item-icon-left.item-icon-right .icon:first-child {
+ .ionic .item-icon-left.item-icon-right .ion:first-child {
right: auto; }
- .ionic .item-icon-left.item-icon-right i:last-child,
- .ionic .item-icon-left.item-icon-right .icon:last-child {
+ .ionic .item-icon-left.item-icon-right .ion:last-child {
left: auto; }
.ionic a.item:active,
.ionic button.item:active,
@@ -2141,8 +2134,8 @@
left: 7.5px;
font-size: 32px;
min-height: 32px; }
- .ionic .item-button-left > .button i,
- .ionic .item-button-left .item-content > .button i {
+ .ionic .item-button-left > .button .ion,
+ .ionic .item-button-left .item-content > .button .ion {
position: relative;
line-height: 31px;
left: auto; }
@@ -2165,8 +2158,8 @@
right: 15px;
font-size: 32px;
min-height: 32px; }
- .ionic .item-button-right > .button i,
- .ionic .item-button-right .item-content > .button i {
+ .ionic .item-button-right > .button .ion,
+ .ionic .item-button-right .item-content > .button .ion {
position: relative;
line-height: 31px;
left: auto; }
@@ -2280,7 +2273,7 @@
-webkit-transition: left 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.ionic .item-edit .button {
height: 100%; }
- .ionic .item-edit i, .ionic .item-edit .icon {
+ .ionic .item-edit .ion {
color: #ef4e3a;
font-size: 24px; }
.ionic .item-edit.ng-enter {
@@ -2458,7 +2451,7 @@
max-width: 200px;
color: black;
font-weight: bold; }
- .ionic .item-input i, .ionic .item-input .icon {
+ .ionic .item-input .ion {
-webkit-box-flex: 0;
-webkit-flex: 0 0 24px;
-moz-box-flex: 0;
@@ -2476,7 +2469,7 @@
display: block;
background-color: transparent;
box-shadow: none; }
- .ionic .item-stacked-label .input-label, .ionic .item-stacked-label [class^="icon-"], .ionic .item-stacked-label [class*=" icon-"] {
+ .ionic .item-stacked-label .input-label, .ionic .item-stacked-label .ion {
display: inline-block;
padding: 4px 0;
vertical-align: middle; }
@@ -2745,8 +2738,8 @@
position: relative;
display: inline-block;
margin: 0;
- padding: 0 12px;
- padding-top: 1px;
+ padding: 1px 12px 0 12px;
+ min-width: 52px;
min-height: 42px;
border-width: 1px;
border-style: solid;
@@ -2758,7 +2751,7 @@
font-size: 16px;
line-height: 41px;
cursor: pointer; }
- .ionic .button i, .ionic .button .icon {
+ .ionic .button .ion {
display: inline-block;
padding: 0 0 1px 0;
vertical-align: inherit;
@@ -2767,12 +2760,12 @@
.ionic .button.button-icon {
padding: 2px 4px;
background: none; }
- .ionic .button.button-icon i, .ionic .button.button-icon .icon {
+ .ionic .button.button-icon .ion {
font-size: 32px; }
.ionic .button.button-clear {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
- padding: 0 6px;
+ padding: 6px;
max-height: 42px;
border: none;
background: none;
@@ -2972,20 +2965,23 @@
margin-bottom: 10px; }
.ionic .button-small {
padding: 0 4px;
+ min-width: 28px;
min-height: 28px;
font-size: 12px;
line-height: 27px; }
- .ionic .button-small i, .ionic .button-small .icon {
+ .ionic .button-small .ion {
font-size: 16px;
line-height: 26px; }
.ionic .button-large {
- padding: 0 12px;
+ padding: 0 16px;
+ min-width: 66px;
min-height: 54px;
font-size: 18px;
line-height: 53px; }
- .ionic .button-large i, .ionic .button-large .icon {
+ .ionic .button-large .ion {
font-size: 32px;
- line-height: 52px; }
+ line-height: 51px;
+ padding-bottom: 2px; }
.ionic .padding > .button.block:first-child {
margin-top: 0; }
.ionic .button-full,
@@ -3145,31 +3141,31 @@
.ionic .fade-in.active {
-webkit-animation: fadeIn 0.3s;
animation: fadeIn 0.3s; }
- .ionic i.icon-default, .ionic .icon.icon-default {
+ .ionic .ion-default {
color: white; }
- .ionic i.icon-secondary, .ionic .icon.icon-secondary {
+ .ionic .ion-secondary {
color: gainsboro; }
- .ionic i.icon-primary, .ionic .icon.icon-primary {
+ .ionic .ion-primary {
color: #4a87ee; }
- .ionic i.icon-info, .ionic .icon.icon-info {
+ .ionic .ion-info {
color: #43cee6; }
- .ionic i.icon-success, .ionic .icon.icon-success {
+ .ionic .ion-success {
color: #66cc33; }
- .ionic i.icon-warning, .ionic .icon.icon-warning {
+ .ionic .ion-warning {
color: #f0b840; }
- .ionic i.icon-danger, .ionic .icon.icon-danger {
+ .ionic .ion-danger {
color: #ef4e3a; }
- .ionic i.icon-dark, .ionic .icon.icon-dark {
+ .ionic .ion-dark {
color: #444444; }
- .ionic i.icon-gray-darker, .ionic .icon.icon-gray-darker {
+ .ionic .ion-gray-darker {
color: #222222; }
- .ionic i.icon-gray-dark, .ionic .icon.icon-gray-dark {
+ .ionic .ion-gray-dark {
color: #333333; }
- .ionic i.icon-gray, .ionic .icon.icon-gray {
+ .ionic .ion-gray {
color: #555555; }
- .ionic i.icon-gray-light, .ionic .icon.icon-gray-light {
+ .ionic .ion-gray-light {
color: #999999; }
- .ionic i.icon-gray-lighter, .ionic .icon.icon-gray-lighter {
+ .ionic .ion-gray-lighter {
color: #999999; }
.ionic .fill-icon {
color: white !important; }
@@ -3178,34 +3174,34 @@
position: relative;
border-radius: 6px;
padding: 1px; }
- .ionic .fill-icon.icon-default:before {
+ .ionic .fill-icon.ion-default:before {
background: white; }
- .ionic .fill-icon.icon-secondary:before {
+ .ionic .fill-icon.ion-secondary:before {
background: whitesmoke; }
- .ionic .fill-icon.icon-primary:before {
+ .ionic .fill-icon.ion-primary:before {
background: #4a87ee; }
- .ionic .fill-icon.icon-info:before {
+ .ionic .fill-icon.ion-info:before {
background: #43cee6; }
- .ionic .fill-icon.icon-success:before {
+ .ionic .fill-icon.ion-success:before {
background: #66cc33; }
- .ionic .fill-icon.icon-warning:before {
+ .ionic .fill-icon.ion-warning:before {
background: #f0b840; }
- .ionic .fill-icon.icon-danger:before {
+ .ionic .fill-icon.ion-danger:before {
background: #ef4e3a; }
- .ionic .fill-icon.icon-dark:before {
+ .ionic .fill-icon.ion-dark:before {
background: #444444; }
- .ionic .fill-icon.icon-gray-darker:before {
+ .ionic .fill-icon.ion-gray-darker:before {
background: #222222; }
- .ionic .fill-icon.icon-gray-dark:before {
+ .ionic .fill-icon.ion-gray-dark:before {
background: #333333; }
- .ionic .fill-icon.icon-gray:before {
+ .ionic .fill-icon.ion-gray:before {
background: #555555; }
- .ionic .fill-icon.icon-gray-light:before {
+ .ionic .fill-icon.ion-gray-light:before {
background: #999999; }
- .ionic .fill-icon.icon-gray-lighter:before {
+ .ionic .fill-icon.ion-gray-lighter:before {
background: #eeeeee; }
- .ionic .icon-loading {
- font-family: 'ionicons';
+ .ionic .ion-loading {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -3216,10 +3212,10 @@
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
- .ionic .icon-loading:before {
+ .ionic .ion-loading:before {
content: "\e144"; }
- .ionic .icon-refreshing {
- font-family: 'ionicons';
+ .ionic .ion-refreshing {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -3230,7 +3226,7 @@
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
- .ionic .icon-refreshing:before {
+ .ionic .ion-refreshing:before {
content: "\e144"; }
.ionic .hidden,
.ionic .hide {
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 2c30eeaee9..8541ffeb63 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -1,13 +1,13 @@
@charset "UTF-8";
@font-face {
- font-family: 'ionicons';
- src: url("fonts/ionicons.eot");
- src: url("fonts/ionicons.eot?#iefix") format("embedded-opentype"), url("fonts/ionicons.ttf") format("truetype"), url("fonts/ionicons.woff") format("woff"), url("fonts/ionicons.svg#ionicons") format("svg");
+ font-family: 'Ionicons';
+ src: url("fonts/Ionicons.eot");
+ src: url("fonts/Ionicons.eot?#iefix") format("embedded-opentype"), url("fonts/Ionicons.ttf") format("truetype"), url("fonts/Ionicons.woff") format("woff"), url("fonts/Ionicons.svg#Ionicons") format("svg");
font-weight: normal;
font-style: normal; }
-i, .icon {
- font-family: 'ionicons' !important;
+.ion {
+ font-family: 'Ionicons' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
@@ -18,1324 +18,1324 @@ i, .icon {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
-.icon-social-youtube:before {
+.ion-social-youtube:before {
content: "\e600"; }
-.icon-social-youtube-outline:before {
+.ion-social-youtube-outline:before {
content: "\e601"; }
-.icon-social-yahoo:before {
+.ion-social-yahoo:before {
content: "\e602"; }
-.icon-social-yahoo-outline:before {
+.ion-social-yahoo-outline:before {
content: "\e603"; }
-.icon-social-wordpress:before {
+.ion-social-wordpress:before {
content: "\e604"; }
-.icon-social-wordpress-outline:before {
+.ion-social-wordpress-outline:before {
content: "\e605"; }
-.icon-social-windows:before {
+.ion-social-windows:before {
content: "\e606"; }
-.icon-social-windows-outline:before {
+.ion-social-windows-outline:before {
content: "\e607"; }
-.icon-social-vimeo:before {
+.ion-social-vimeo:before {
content: "\e608"; }
-.icon-social-vimeo-outline:before {
+.ion-social-vimeo-outline:before {
content: "\e609"; }
-.icon-social-twitter:before {
+.ion-social-twitter:before {
content: "\e60a"; }
-.icon-social-twitter-outline:before {
+.ion-social-twitter-outline:before {
content: "\e60b"; }
-.icon-social-tumblr:before {
+.ion-social-tumblr:before {
content: "\e60c"; }
-.icon-social-tumblr-outline:before {
+.ion-social-tumblr-outline:before {
content: "\e60d"; }
-.icon-social-skype:before {
+.ion-social-skype:before {
content: "\e60e"; }
-.icon-social-skype-outline:before {
+.ion-social-skype-outline:before {
content: "\e60f"; }
-.icon-social-rss:before {
+.ion-social-rss:before {
content: "\e610"; }
-.icon-social-rss-outline:before {
+.ion-social-rss-outline:before {
content: "\e611"; }
-.icon-social-reddit:before {
+.ion-social-reddit:before {
content: "\e612"; }
-.icon-social-reddit-outline:before {
+.ion-social-reddit-outline:before {
content: "\e613"; }
-.icon-social-pinterest:before {
+.ion-social-pinterest:before {
content: "\e614"; }
-.icon-social-pinterest-outline:before {
+.ion-social-pinterest-outline:before {
content: "\e615"; }
-.icon-social-linkedin:before {
+.ion-social-linkedin:before {
content: "\e616"; }
-.icon-social-linkedin-outline:before {
+.ion-social-linkedin-outline:before {
content: "\e617"; }
-.icon-social-hackernews:before {
+.ion-social-hackernews:before {
content: "\e618"; }
-.icon-social-hackernews-outline:before {
+.ion-social-hackernews-outline:before {
content: "\e619"; }
-.icon-social-googleplus:before {
+.ion-social-googleplus:before {
content: "\e61a"; }
-.icon-social-googleplus-outline:before {
+.ion-social-googleplus-outline:before {
content: "\e61b"; }
-.icon-social-github:before {
+.ion-social-github:before {
content: "\e61c"; }
-.icon-social-github-outline:before {
+.ion-social-github-outline:before {
content: "\e61d"; }
-.icon-social-facebook:before {
+.ion-social-facebook:before {
content: "\e61e"; }
-.icon-social-facebook-outline:before {
+.ion-social-facebook-outline:before {
content: "\e61f"; }
-.icon-social-dropbox:before {
+.ion-social-dropbox:before {
content: "\e620"; }
-.icon-social-dropbox-outline:before {
+.ion-social-dropbox-outline:before {
content: "\e621"; }
-.icon-social-dribbble:before {
+.ion-social-dribbble:before {
content: "\e622"; }
-.icon-social-dribbble-outline:before {
+.ion-social-dribbble-outline:before {
content: "\e623"; }
-.icon-social-designernews:before {
+.ion-social-designernews:before {
content: "\e624"; }
-.icon-social-designernews-outline:before {
+.ion-social-designernews-outline:before {
content: "\e625"; }
-.icon-social-buffer:before {
+.ion-social-buffer:before {
content: "\e626"; }
-.icon-social-buffer-outline:before {
+.ion-social-buffer-outline:before {
content: "\e627"; }
-.icon-social-bitcoin:before {
+.ion-social-bitcoin:before {
content: "\e628"; }
-.icon-social-bitcoin-outline:before {
+.ion-social-bitcoin-outline:before {
content: "\e629"; }
-.icon-social-apple:before {
+.ion-social-apple:before {
content: "\e62a"; }
-.icon-social-apple-outline:before {
+.ion-social-apple-outline:before {
content: "\e62b"; }
-.icon-social-android:before {
+.ion-social-android:before {
content: "\e62c"; }
-.icon-social-android-outline:before {
+.ion-social-android-outline:before {
content: "\e62d"; }
-.icon-ios7-world:before {
+.ion-ios7-world:before {
content: "\e62e"; }
-.icon-ios7-world-outline:before {
+.ion-ios7-world-outline:before {
content: "\e62f"; }
-.icon-ios7-wineglass:before {
+.ion-ios7-wineglass:before {
content: "\e630"; }
-.icon-ios7-wineglass-outline:before {
+.ion-ios7-wineglass-outline:before {
content: "\e631"; }
-.icon-ios7-volume-low:before {
+.ion-ios7-volume-low:before {
content: "\e632"; }
-.icon-ios7-volume-high:before {
+.ion-ios7-volume-high:before {
content: "\e633"; }
-.icon-ios7-videocam:before {
+.ion-ios7-videocam:before {
content: "\e634"; }
-.icon-ios7-videocam-outline:before {
+.ion-ios7-videocam-outline:before {
content: "\e635"; }
-.icon-ios7-upload:before {
+.ion-ios7-upload:before {
content: "\e636"; }
-.icon-ios7-upload-outline:before {
+.ion-ios7-upload-outline:before {
content: "\e637"; }
-.icon-ios7-unlocked:before {
+.ion-ios7-unlocked:before {
content: "\e638"; }
-.icon-ios7-unlocked-outline:before {
+.ion-ios7-unlocked-outline:before {
content: "\e639"; }
-.icon-ios7-undo:before {
+.ion-ios7-undo:before {
content: "\e63a"; }
-.icon-ios7-undo-outline:before {
+.ion-ios7-undo-outline:before {
content: "\e63b"; }
-.icon-ios7-trash:before {
+.ion-ios7-trash:before {
content: "\e63c"; }
-.icon-ios7-trash-outline:before {
+.ion-ios7-trash-outline:before {
content: "\e63d"; }
-.icon-ios7-timer:before {
+.ion-ios7-timer:before {
content: "\e63e"; }
-.icon-ios7-timer-outline:before {
+.ion-ios7-timer-outline:before {
content: "\e63f"; }
-.icon-ios7-time:before {
+.ion-ios7-time:before {
content: "\e640"; }
-.icon-ios7-time-outline:before {
+.ion-ios7-time-outline:before {
content: "\e641"; }
-.icon-ios7-thunderstorm:before {
+.ion-ios7-thunderstorm:before {
content: "\e642"; }
-.icon-ios7-thunderstorm-outline:before {
+.ion-ios7-thunderstorm-outline:before {
content: "\e643"; }
-.icon-ios7-telephone:before {
+.ion-ios7-telephone:before {
content: "\e644"; }
-.icon-ios7-telephone-outline:before {
+.ion-ios7-telephone-outline:before {
content: "\e645"; }
-.icon-ios7-sunny:before {
+.ion-ios7-sunny:before {
content: "\e646"; }
-.icon-ios7-sunny-outline:before {
+.ion-ios7-sunny-outline:before {
content: "\e647"; }
-.icon-ios7-stopwatch:before {
+.ion-ios7-stopwatch:before {
content: "\e648"; }
-.icon-ios7-stopwatch-outline:before {
+.ion-ios7-stopwatch-outline:before {
content: "\e649"; }
-.icon-ios7-star:before {
+.ion-ios7-star:before {
content: "\e64a"; }
-.icon-ios7-star-outline:before {
+.ion-ios7-star-outline:before {
content: "\e64b"; }
-.icon-ios7-speedometer:before {
+.ion-ios7-speedometer:before {
content: "\e64c"; }
-.icon-ios7-speedometer-outline:before {
+.ion-ios7-speedometer-outline:before {
content: "\e64d"; }
-.icon-ios7-skipforward:before {
+.ion-ios7-skipforward:before {
content: "\e64e"; }
-.icon-ios7-skipforward-outline:before {
+.ion-ios7-skipforward-outline:before {
content: "\e64f"; }
-.icon-ios7-skipbackward:before {
+.ion-ios7-skipbackward:before {
content: "\e650"; }
-.icon-ios7-skipbackward-outline:before {
+.ion-ios7-skipbackward-outline:before {
content: "\e651"; }
-.icon-ios7-search:before {
+.ion-ios7-search:before {
content: "\e652"; }
-.icon-ios7-search-strong:before {
+.ion-ios7-search-strong:before {
content: "\e653"; }
-.icon-ios7-rewind:before {
+.ion-ios7-rewind:before {
content: "\e654"; }
-.icon-ios7-rewind-outline:before {
+.ion-ios7-rewind-outline:before {
content: "\e655"; }
-.icon-ios7-reload:before {
+.ion-ios7-reload:before {
content: "\e656"; }
-.icon-ios7-refresh:before {
+.ion-ios7-refresh:before {
content: "\e657"; }
-.icon-ios7-refresh-outline:before {
+.ion-ios7-refresh-outline:before {
content: "\e658"; }
-.icon-ios7-refresh-empty:before {
+.ion-ios7-refresh-empty:before {
content: "\e659"; }
-.icon-ios7-redo:before {
+.ion-ios7-redo:before {
content: "\e65a"; }
-.icon-ios7-redo-outline:before {
+.ion-ios7-redo-outline:before {
content: "\e65b"; }
-.icon-ios7-recording:before {
+.ion-ios7-recording:before {
content: "\e65c"; }
-.icon-ios7-recording-outline:before {
+.ion-ios7-recording-outline:before {
content: "\e65d"; }
-.icon-ios7-rainy:before {
+.ion-ios7-rainy:before {
content: "\e65e"; }
-.icon-ios7-rainy-outline:before {
+.ion-ios7-rainy-outline:before {
content: "\e65f"; }
-.icon-ios7-printer:before {
+.ion-ios7-printer:before {
content: "\e660"; }
-.icon-ios7-printer-outline:before {
+.ion-ios7-printer-outline:before {
content: "\e661"; }
-.icon-ios7-pricetag:before {
+.ion-ios7-pricetag:before {
content: "\e662"; }
-.icon-ios7-pricetag-outline:before {
+.ion-ios7-pricetag-outline:before {
content: "\e663"; }
-.icon-ios7-plus:before {
+.ion-ios7-plus:before {
content: "\e664"; }
-.icon-ios7-plus-outline:before {
+.ion-ios7-plus-outline:before {
content: "\e665"; }
-.icon-ios7-plus-empty:before {
+.ion-ios7-plus-empty:before {
content: "\e666"; }
-.icon-ios7-play:before {
+.ion-ios7-play:before {
content: "\e667"; }
-.icon-ios7-play-outline:before {
+.ion-ios7-play-outline:before {
content: "\e668"; }
-.icon-ios7-pie:before {
+.ion-ios7-pie:before {
content: "\e669"; }
-.icon-ios7-pie-outline:before {
+.ion-ios7-pie-outline:before {
content: "\e66a"; }
-.icon-ios7-photos:before {
+.ion-ios7-photos:before {
content: "\e66b"; }
-.icon-ios7-photos-outline:before {
+.ion-ios7-photos-outline:before {
content: "\e66c"; }
-.icon-ios7-personadd:before {
+.ion-ios7-personadd:before {
content: "\e66d"; }
-.icon-ios7-personadd-outline:before {
+.ion-ios7-personadd-outline:before {
content: "\e66e"; }
-.icon-ios7-person:before {
+.ion-ios7-person:before {
content: "\e66f"; }
-.icon-ios7-person-outline:before {
+.ion-ios7-person-outline:before {
content: "\e670"; }
-.icon-ios7-people:before {
+.ion-ios7-people:before {
content: "\e671"; }
-.icon-ios7-people-outline:before {
+.ion-ios7-people-outline:before {
content: "\e672"; }
-.icon-ios7-pause:before {
+.ion-ios7-pause:before {
content: "\e673"; }
-.icon-ios7-pause-outline:before {
+.ion-ios7-pause-outline:before {
content: "\e674"; }
-.icon-ios7-partlysunny:before {
+.ion-ios7-partlysunny:before {
content: "\e675"; }
-.icon-ios7-partlysunny-outline:before {
+.ion-ios7-partlysunny-outline:before {
content: "\e676"; }
-.icon-ios7-paperplane:before {
+.ion-ios7-paperplane:before {
content: "\e677"; }
-.icon-ios7-paperplane-outline:before {
+.ion-ios7-paperplane-outline:before {
content: "\e678"; }
-.icon-ios7-navigate:before {
+.ion-ios7-navigate:before {
content: "\e679"; }
-.icon-ios7-navigate-outline:before {
+.ion-ios7-navigate-outline:before {
content: "\e67a"; }
-.icon-ios7-musical-notes:before {
+.ion-ios7-musical-notes:before {
content: "\e67b"; }
-.icon-ios7-musical-note:before {
+.ion-ios7-musical-note:before {
content: "\e67c"; }
-.icon-ios7-more:before {
+.ion-ios7-more:before {
content: "\e67d"; }
-.icon-ios7-more-outline:before {
+.ion-ios7-more-outline:before {
content: "\e67e"; }
-.icon-ios7-moon:before {
+.ion-ios7-moon:before {
content: "\e67f"; }
-.icon-ios7-moon-outline:before {
+.ion-ios7-moon-outline:before {
content: "\e680"; }
-.icon-ios7-monitor:before {
+.ion-ios7-monitor:before {
content: "\e681"; }
-.icon-ios7-monitor-outline:before {
+.ion-ios7-monitor-outline:before {
content: "\e682"; }
-.icon-ios7-minus:before {
+.ion-ios7-minus:before {
content: "\e683"; }
-.icon-ios7-minus-outline:before {
+.ion-ios7-minus-outline:before {
content: "\e684"; }
-.icon-ios7-minus-empty:before {
+.ion-ios7-minus-empty:before {
content: "\e685"; }
-.icon-ios7-mic:before {
+.ion-ios7-mic:before {
content: "\e686"; }
-.icon-ios7-mic-outline:before {
+.ion-ios7-mic-outline:before {
content: "\e687"; }
-.icon-ios7-mic-off:before {
+.ion-ios7-mic-off:before {
content: "\e688"; }
-.icon-ios7-medkit:before {
+.ion-ios7-medkit:before {
content: "\e689"; }
-.icon-ios7-medkit-outline:before {
+.ion-ios7-medkit-outline:before {
content: "\e68a"; }
-.icon-ios7-locked:before {
+.ion-ios7-locked:before {
content: "\e68b"; }
-.icon-ios7-locked-outline:before {
+.ion-ios7-locked-outline:before {
content: "\e68c"; }
-.icon-ios7-location:before {
+.ion-ios7-location:before {
content: "\e68d"; }
-.icon-ios7-location-outline:before {
+.ion-ios7-location-outline:before {
content: "\e68e"; }
-.icon-ios7-lightbulb:before {
+.ion-ios7-lightbulb:before {
content: "\e68f"; }
-.icon-ios7-lightbulb-outline:before {
+.ion-ios7-lightbulb-outline:before {
content: "\e690"; }
-.icon-ios7-keypad:before {
+.ion-ios7-keypad:before {
content: "\e691"; }
-.icon-ios7-keypad-outline:before {
+.ion-ios7-keypad-outline:before {
content: "\e692"; }
-.icon-ios7-ionic-outline:before {
+.ion-ios7-ionic-outline:before {
content: "\e693"; }
-.icon-ios7-information:before {
+.ion-ios7-information:before {
content: "\e694"; }
-.icon-ios7-information-outline:before {
+.ion-ios7-information-outline:before {
content: "\e695"; }
-.icon-ios7-information-empty:before {
+.ion-ios7-information-empty:before {
content: "\e696"; }
-.icon-ios7-infinite:before {
+.ion-ios7-infinite:before {
content: "\e697"; }
-.icon-ios7-infinite-outline:before {
+.ion-ios7-infinite-outline:before {
content: "\e698"; }
-.icon-ios7-help:before {
+.ion-ios7-help:before {
content: "\e699"; }
-.icon-ios7-help-outline:before {
+.ion-ios7-help-outline:before {
content: "\e69a"; }
-.icon-ios7-help-empty:before {
+.ion-ios7-help-empty:before {
content: "\e69b"; }
-.icon-ios7-heart:before {
+.ion-ios7-heart:before {
content: "\e69c"; }
-.icon-ios7-heart-outline:before {
+.ion-ios7-heart-outline:before {
content: "\e69d"; }
-.icon-ios7-glasses:before {
+.ion-ios7-glasses:before {
content: "\e69e"; }
-.icon-ios7-glasses-outline:before {
+.ion-ios7-glasses-outline:before {
content: "\e69f"; }
-.icon-ios7-gear:before {
+.ion-ios7-gear:before {
content: "\e6a0"; }
-.icon-ios7-gear-outline:before {
+.ion-ios7-gear-outline:before {
content: "\e6a1"; }
-.icon-ios7-folder:before {
+.ion-ios7-folder:before {
content: "\e6a2"; }
-.icon-ios7-folder-outline:before {
+.ion-ios7-folder-outline:before {
content: "\e6a3"; }
-.icon-ios7-flag:before {
+.ion-ios7-flag:before {
content: "\e6a4"; }
-.icon-ios7-flag-outline:before {
+.ion-ios7-flag-outline:before {
content: "\e6a5"; }
-.icon-ios7-film:before {
+.ion-ios7-film:before {
content: "\e6a6"; }
-.icon-ios7-film-outline:before {
+.ion-ios7-film-outline:before {
content: "\e6a7"; }
-.icon-ios7-filing:before {
+.ion-ios7-filing:before {
content: "\e6a8"; }
-.icon-ios7-filing-outline:before {
+.ion-ios7-filing-outline:before {
content: "\e6a9"; }
-.icon-ios7-fastforward:before {
+.ion-ios7-fastforward:before {
content: "\e6aa"; }
-.icon-ios7-fastforward-outline:before {
+.ion-ios7-fastforward-outline:before {
content: "\e6ab"; }
-.icon-ios7-eye:before {
+.ion-ios7-eye:before {
content: "\e6ac"; }
-.icon-ios7-eye-outline:before {
+.ion-ios7-eye-outline:before {
content: "\e6ad"; }
-.icon-ios7-email:before {
+.ion-ios7-email:before {
content: "\e6ae"; }
-.icon-ios7-email-outline:before {
+.ion-ios7-email-outline:before {
content: "\e6af"; }
-.icon-ios7-drag:before {
+.ion-ios7-drag:before {
content: "\e6b0"; }
-.icon-ios7-download:before {
+.ion-ios7-download:before {
content: "\e6b1"; }
-.icon-ios7-download-outline:before {
+.ion-ios7-download-outline:before {
content: "\e6b2"; }
-.icon-ios7-copy:before {
+.ion-ios7-copy:before {
content: "\e6b3"; }
-.icon-ios7-copy-outline:before {
+.ion-ios7-copy-outline:before {
content: "\e6b4"; }
-.icon-ios7-contact:before {
+.ion-ios7-contact:before {
content: "\e6b5"; }
-.icon-ios7-contact-outline:before {
+.ion-ios7-contact-outline:before {
content: "\e6b6"; }
-.icon-ios7-compose:before {
+.ion-ios7-compose:before {
content: "\e6b7"; }
-.icon-ios7-compose-outline:before {
+.ion-ios7-compose-outline:before {
content: "\e6b8"; }
-.icon-ios7-cog:before {
+.ion-ios7-cog:before {
content: "\e6b9"; }
-.icon-ios7-cog-outline:before {
+.ion-ios7-cog-outline:before {
content: "\e6ba"; }
-.icon-ios7-cloudy:before {
+.ion-ios7-cloudy:before {
content: "\e6bb"; }
-.icon-ios7-cloudy-outline:before {
+.ion-ios7-cloudy-outline:before {
content: "\e6bc"; }
-.icon-ios7-cloud:before {
+.ion-ios7-cloud:before {
content: "\e6bd"; }
-.icon-ios7-cloud-upload:before {
+.ion-ios7-cloud-upload:before {
content: "\e6be"; }
-.icon-ios7-cloud-upload-outline:before {
+.ion-ios7-cloud-upload-outline:before {
content: "\e6bf"; }
-.icon-ios7-cloud-outline:before {
+.ion-ios7-cloud-outline:before {
content: "\e6c0"; }
-.icon-ios7-cloud-download:before {
+.ion-ios7-cloud-download:before {
content: "\e6c1"; }
-.icon-ios7-cloud-download-outline:before {
+.ion-ios7-cloud-download-outline:before {
content: "\e6c2"; }
-.icon-ios7-clock:before {
+.ion-ios7-clock:before {
content: "\e6c3"; }
-.icon-ios7-clock-outline:before {
+.ion-ios7-clock-outline:before {
content: "\e6c4"; }
-.icon-ios7-circle-outline:before {
+.ion-ios7-circle-outline:before {
content: "\e6c5"; }
-.icon-ios7-circle-filled:before {
+.ion-ios7-circle-filled:before {
content: "\e6c6"; }
-.icon-ios7-checkmark:before {
+.ion-ios7-checkmark:before {
content: "\e6c7"; }
-.icon-ios7-checkmark-outline:before {
+.ion-ios7-checkmark-outline:before {
content: "\e6c8"; }
-.icon-ios7-checkmark-empty:before {
+.ion-ios7-checkmark-empty:before {
content: "\e6c9"; }
-.icon-ios7-chatbubble:before {
+.ion-ios7-chatbubble:before {
content: "\e6ca"; }
-.icon-ios7-chatbubble-outline:before {
+.ion-ios7-chatbubble-outline:before {
content: "\e6cb"; }
-.icon-ios7-chatboxes:before {
+.ion-ios7-chatboxes:before {
content: "\e6cc"; }
-.icon-ios7-chatboxes-outline:before {
+.ion-ios7-chatboxes-outline:before {
content: "\e6cd"; }
-.icon-ios7-cart:before {
+.ion-ios7-cart:before {
content: "\e6ce"; }
-.icon-ios7-cart-outline:before {
+.ion-ios7-cart-outline:before {
content: "\e6cf"; }
-.icon-ios7-camera:before {
+.ion-ios7-camera:before {
content: "\e6d0"; }
-.icon-ios7-camera-outline:before {
+.ion-ios7-camera-outline:before {
content: "\e6d1"; }
-.icon-ios7-calendar:before {
+.ion-ios7-calendar:before {
content: "\e6d2"; }
-.icon-ios7-calendar-outline:before {
+.ion-ios7-calendar-outline:before {
content: "\e6d3"; }
-.icon-ios7-calculator:before {
+.ion-ios7-calculator:before {
content: "\e6d4"; }
-.icon-ios7-calculator-outline:before {
+.ion-ios7-calculator-outline:before {
content: "\e6d5"; }
-.icon-ios7-browsers:before {
+.ion-ios7-browsers:before {
content: "\e6d6"; }
-.icon-ios7-browsers-outline:before {
+.ion-ios7-browsers-outline:before {
content: "\e6d7"; }
-.icon-ios7-briefcase:before {
+.ion-ios7-briefcase:before {
content: "\e6d8"; }
-.icon-ios7-briefcase-outline:before {
+.ion-ios7-briefcase-outline:before {
content: "\e6d9"; }
-.icon-ios7-box:before {
+.ion-ios7-box:before {
content: "\e6da"; }
-.icon-ios7-box-outline:before {
+.ion-ios7-box-outline:before {
content: "\e6db"; }
-.icon-ios7-bookmarks:before {
+.ion-ios7-bookmarks:before {
content: "\e6dc"; }
-.icon-ios7-bookmarks-outline:before {
+.ion-ios7-bookmarks-outline:before {
content: "\e6dd"; }
-.icon-ios7-bolt:before {
+.ion-ios7-bolt:before {
content: "\e6de"; }
-.icon-ios7-bolt-outline:before {
+.ion-ios7-bolt-outline:before {
content: "\e6df"; }
-.icon-ios7-bell:before {
+.ion-ios7-bell:before {
content: "\e6e0"; }
-.icon-ios7-bell-outline:before {
+.ion-ios7-bell-outline:before {
content: "\e6e1"; }
-.icon-ios7-at:before {
+.ion-ios7-at:before {
content: "\e6e2"; }
-.icon-ios7-at-outline:before {
+.ion-ios7-at-outline:before {
content: "\e6e3"; }
-.icon-ios7-arrow-up:before {
+.ion-ios7-arrow-up:before {
content: "\e6e4"; }
-.icon-ios7-arrow-thin-up:before {
+.ion-ios7-arrow-thin-up:before {
content: "\e6e5"; }
-.icon-ios7-arrow-thin-right:before {
+.ion-ios7-arrow-thin-right:before {
content: "\e6e6"; }
-.icon-ios7-arrow-thin-left:before {
+.ion-ios7-arrow-thin-left:before {
content: "\e6e7"; }
-.icon-ios7-arrow-thin-down:before {
+.ion-ios7-arrow-thin-down:before {
content: "\e6e8"; }
-.icon-ios7-arrow-right:before {
+.ion-ios7-arrow-right:before {
content: "\e6e9"; }
-.icon-ios7-arrow-left:before {
+.ion-ios7-arrow-left:before {
content: "\e6ea"; }
-.icon-ios7-arrow-forward:before {
+.ion-ios7-arrow-forward:before {
content: "\e6eb"; }
-.icon-ios7-arrow-down:before {
+.ion-ios7-arrow-down:before {
content: "\e6ec"; }
-.icon-ios7-arrow-back:before {
+.ion-ios7-arrow-back:before {
content: "\e6ed"; }
-.icon-ios7-albums:before {
+.ion-ios7-albums:before {
content: "\e6ee"; }
-.icon-ios7-albums-outline:before {
+.ion-ios7-albums-outline:before {
content: "\e6ef"; }
-.icon-ios7-alarm:before {
+.ion-ios7-alarm:before {
content: "\e6f0"; }
-.icon-ios7-alarm-outline:before {
+.ion-ios7-alarm-outline:before {
content: "\e6f1"; }
-.icon-wrench:before {
+.ion-wrench:before {
content: "\e6f2"; }
-.icon-woman:before {
+.ion-woman:before {
content: "\e6f3"; }
-.icon-wineglass:before {
+.ion-wineglass:before {
content: "\e6f4"; }
-.icon-wifi:before {
+.ion-wifi:before {
content: "\e6f5"; }
-.icon-waterdrop:before {
+.ion-waterdrop:before {
content: "\e6f6"; }
-.icon-volume-mute:before {
+.ion-volume-mute:before {
content: "\e6f7"; }
-.icon-volume-medium:before {
+.ion-volume-medium:before {
content: "\e6f8"; }
-.icon-volume-low:before {
+.ion-volume-low:before {
content: "\e6f9"; }
-.icon-volume-high:before {
+.ion-volume-high:before {
content: "\e6fa"; }
-.icon-videocamera:before {
+.ion-videocamera:before {
content: "\e6fb"; }
-.icon-usb:before {
+.ion-usb:before {
content: "\e6fc"; }
-.icon-upload:before {
+.ion-upload:before {
content: "\e6fd"; }
-.icon-unlocked:before {
+.ion-unlocked:before {
content: "\e6fe"; }
-.icon-umbrella:before {
+.ion-umbrella:before {
content: "\e6ff"; }
-.icon-trash-b:before {
+.ion-trash-b:before {
content: "\e700"; }
-.icon-trash-a:before {
+.ion-trash-a:before {
content: "\e701"; }
-.icon-thumbsup:before {
+.ion-thumbsup:before {
content: "\e702"; }
-.icon-thumbsdown:before {
+.ion-thumbsdown:before {
content: "\e703"; }
-.icon-thermometer:before {
+.ion-thermometer:before {
content: "\e704"; }
-.icon-stop:before {
+.ion-stop:before {
content: "\e705"; }
-.icon-stats-bars:before {
+.ion-stats-bars:before {
content: "\e706"; }
-.icon-star:before {
+.ion-star:before {
content: "\e707"; }
-.icon-spoon:before {
+.ion-spoon:before {
content: "\e708"; }
-.icon-speedometer:before {
+.ion-speedometer:before {
content: "\e709"; }
-.icon-speakerphone:before {
+.ion-speakerphone:before {
content: "\e70a"; }
-.icon-skip-forward:before {
+.ion-skip-forward:before {
content: "\e70b"; }
-.icon-skip-backward:before {
+.ion-skip-backward:before {
content: "\e70c"; }
-.icon-shuffle:before {
+.ion-shuffle:before {
content: "\e70d"; }
-.icon-share:before {
+.ion-share:before {
content: "\e70e"; }
-.icon-settings:before {
+.ion-settings:before {
content: "\e70f"; }
-.icon-search:before {
+.ion-search:before {
content: "\e710"; }
-.icon-reply:before {
+.ion-reply:before {
content: "\e711"; }
-.icon-reply-all:before {
+.ion-reply-all:before {
content: "\e712"; }
-.icon-refresh:before {
+.ion-refresh:before {
content: "\e713"; }
-.icon-record:before {
+.ion-record:before {
content: "\e714"; }
-.icon-radio-waves:before {
+.ion-radio-waves:before {
content: "\e715"; }
-.icon-printer:before {
+.ion-printer:before {
content: "\e716"; }
-.icon-pricetags:before {
+.ion-pricetags:before {
content: "\e717"; }
-.icon-pricetag:before {
+.ion-pricetag:before {
content: "\e718"; }
-.icon-power:before {
+.ion-power:before {
content: "\e719"; }
-.icon-pound:before {
+.ion-pound:before {
content: "\e71a"; }
-.icon-plus:before {
+.ion-plus:before {
content: "\e71b"; }
-.icon-plus-round:before {
+.ion-plus-round:before {
content: "\e71c"; }
-.icon-plus-circled:before {
+.ion-plus-circled:before {
content: "\e71d"; }
-.icon-play:before {
+.ion-play:before {
content: "\e71e"; }
-.icon-plane:before {
+.ion-plane:before {
content: "\e71f"; }
-.icon-pizza:before {
+.ion-pizza:before {
content: "\e720"; }
-.icon-pinpoint:before {
+.ion-pinpoint:before {
content: "\e721"; }
-.icon-pin:before {
+.ion-pin:before {
content: "\e722"; }
-.icon-pie-graph:before {
+.ion-pie-graph:before {
content: "\e723"; }
-.icon-person:before {
+.ion-person:before {
content: "\e724"; }
-.icon-person-stalker:before {
+.ion-person-stalker:before {
content: "\e725"; }
-.icon-person-add:before {
+.ion-person-add:before {
content: "\e726"; }
-.icon-pause:before {
+.ion-pause:before {
content: "\e727"; }
-.icon-paperclip:before {
+.ion-paperclip:before {
content: "\e728"; }
-.icon-nuclear:before {
+.ion-nuclear:before {
content: "\e729"; }
-.icon-navigate:before {
+.ion-navigate:before {
content: "\e72a"; }
-.icon-navicon:before {
+.ion-navicon:before {
content: "\e72b"; }
-.icon-navicon-round:before {
+.ion-navicon-round:before {
content: "\e72c"; }
-.icon-music-note:before {
+.ion-music-note:before {
content: "\e72d"; }
-.icon-more:before {
+.ion-more:before {
content: "\e72e"; }
-.icon-monitor:before {
+.ion-monitor:before {
content: "\e72f"; }
-.icon-minus:before {
+.ion-minus:before {
content: "\e730"; }
-.icon-minus-round:before {
+.ion-minus-round:before {
content: "\e731"; }
-.icon-minus-circled:before {
+.ion-minus-circled:before {
content: "\e732"; }
-.icon-mic-c:before {
+.ion-mic-c:before {
content: "\e733"; }
-.icon-mic-b:before {
+.ion-mic-b:before {
content: "\e734"; }
-.icon-mic-a:before {
+.ion-mic-a:before {
content: "\e735"; }
-.icon-medkit:before {
+.ion-medkit:before {
content: "\e736"; }
-.icon-map:before {
+.ion-map:before {
content: "\e737"; }
-.icon-man:before {
+.ion-man:before {
content: "\e738"; }
-.icon-male:before {
+.ion-male:before {
content: "\e739"; }
-.icon-magnet:before {
+.ion-magnet:before {
content: "\e73a"; }
-.icon-loop:before {
+.ion-loop:before {
content: "\e73b"; }
-.icon-log-out:before {
+.ion-log-out:before {
content: "\e73c"; }
-.icon-log-in:before {
+.ion-log-in:before {
content: "\e73d"; }
-.icon-locked:before {
+.ion-locked:before {
content: "\e73e"; }
-.icon-location:before {
+.ion-location:before {
content: "\e73f"; }
-.icon-load-d:before {
+.ion-load-d:before {
content: "\e740"; }
-.icon-load-c:before {
+.ion-load-c:before {
content: "\e741"; }
-.icon-load-b:before {
+.ion-load-b:before {
content: "\e742"; }
-.icon-load-a:before {
+.ion-load-a:before {
content: "\e743"; }
-.icon-link:before {
+.ion-link:before {
content: "\e744"; }
-.icon-lightbulb:before {
+.ion-lightbulb:before {
content: "\e745"; }
-.icon-levels:before {
+.ion-levels:before {
content: "\e746"; }
-.icon-leaf:before {
+.ion-leaf:before {
content: "\e747"; }
-.icon-laptop:before {
+.ion-laptop:before {
content: "\e748"; }
-.icon-knife:before {
+.ion-knife:before {
content: "\e749"; }
-.icon-key:before {
+.ion-key:before {
content: "\e74a"; }
-.icon-jet:before {
+.ion-jet:before {
content: "\e74b"; }
-.icon-ipod:before {
+.ion-ipod:before {
content: "\e74c"; }
-.icon-iphone:before {
+.ion-iphone:before {
content: "\e74d"; }
-.icon-ipad:before {
+.ion-ipad:before {
content: "\e74e"; }
-.icon-ionic:before {
+.ion-ionic:before {
content: "\e74f"; }
-.icon-information:before {
+.ion-information:before {
content: "\e750"; }
-.icon-information-circled:before {
+.ion-information-circled:before {
content: "\e751"; }
-.icon-images:before {
+.ion-images:before {
content: "\e752"; }
-.icon-image:before {
+.ion-image:before {
content: "\e753"; }
-.icon-icecream:before {
+.ion-icecream:before {
content: "\e754"; }
-.icon-home:before {
+.ion-home:before {
content: "\e755"; }
-.icon-help:before {
+.ion-help:before {
content: "\e756"; }
-.icon-help-circled:before {
+.ion-help-circled:before {
content: "\e757"; }
-.icon-help-buoy:before {
+.ion-help-buoy:before {
content: "\e758"; }
-.icon-heart:before {
+.ion-heart:before {
content: "\e759"; }
-.icon-headphone:before {
+.ion-headphone:before {
content: "\e75a"; }
-.icon-hammer:before {
+.ion-hammer:before {
content: "\e75b"; }
-.icon-grid:before {
+.ion-grid:before {
content: "\e75c"; }
-.icon-gear-b:before {
+.ion-gear-b:before {
content: "\e75d"; }
-.icon-gear-a:before {
+.ion-gear-a:before {
content: "\e75e"; }
-.icon-game-controller-b:before {
+.ion-game-controller-b:before {
content: "\e75f"; }
-.icon-game-controller-a:before {
+.ion-game-controller-a:before {
content: "\e760"; }
-.icon-forward:before {
+.ion-forward:before {
content: "\e761"; }
-.icon-fork:before {
+.ion-fork:before {
content: "\e762"; }
-.icon-folder:before {
+.ion-folder:before {
content: "\e763"; }
-.icon-flask:before {
+.ion-flask:before {
content: "\e764"; }
-.icon-flash:before {
+.ion-flash:before {
content: "\e765"; }
-.icon-flash-off:before {
+.ion-flash-off:before {
content: "\e766"; }
-.icon-flag:before {
+.ion-flag:before {
content: "\e767"; }
-.icon-film-marker:before {
+.ion-film-marker:before {
content: "\e768"; }
-.icon-filing:before {
+.ion-filing:before {
content: "\e769"; }
-.icon-female:before {
+.ion-female:before {
content: "\e76a"; }
-.icon-eye:before {
+.ion-eye:before {
content: "\e76b"; }
-.icon-email:before {
+.ion-email:before {
content: "\e76c"; }
-.icon-eject:before {
+.ion-eject:before {
content: "\e76d"; }
-.icon-egg:before {
+.ion-egg:before {
content: "\e76e"; }
-.icon-earth:before {
+.ion-earth:before {
content: "\e76f"; }
-.icon-drag:before {
+.ion-drag:before {
content: "\e770"; }
-.icon-document:before {
+.ion-document:before {
content: "\e771"; }
-.icon-document-text:before {
+.ion-document-text:before {
content: "\e772"; }
-.icon-disc:before {
+.ion-disc:before {
content: "\e773"; }
-.icon-contrast:before {
+.ion-contrast:before {
content: "\e774"; }
-.icon-connection-bars:before {
+.ion-connection-bars:before {
content: "\e775"; }
-.icon-compose:before {
+.ion-compose:before {
content: "\e776"; }
-.icon-compass:before {
+.ion-compass:before {
content: "\e777"; }
-.icon-coffee:before {
+.ion-coffee:before {
content: "\e778"; }
-.icon-code:before {
+.ion-code:before {
content: "\e779"; }
-.icon-code-working:before {
+.ion-code-working:before {
content: "\e77a"; }
-.icon-code-download:before {
+.ion-code-download:before {
content: "\e77b"; }
-.icon-cloud:before {
+.ion-cloud:before {
content: "\e77c"; }
-.icon-close:before {
+.ion-close:before {
content: "\e77d"; }
-.icon-close-round:before {
+.ion-close-round:before {
content: "\e77e"; }
-.icon-close-circled:before {
+.ion-close-circled:before {
content: "\e77f"; }
-.icon-clock:before {
+.ion-clock:before {
content: "\e780"; }
-.icon-clipboard:before {
+.ion-clipboard:before {
content: "\e781"; }
-.icon-chevron-up:before {
+.ion-chevron-up:before {
content: "\e782"; }
-.icon-chevron-right:before {
+.ion-chevron-right:before {
content: "\e0fc"; }
-.icon-chevron-left:before {
+.ion-chevron-left:before {
content: "\e784"; }
-.icon-chevron-down:before {
+.ion-chevron-down:before {
content: "\e785"; }
-.icon-checkmark:before {
+.ion-checkmark:before {
content: "\e786"; }
-.icon-checkmark-round:before {
+.ion-checkmark-round:before {
content: "\e787"; }
-.icon-checkmark-circled:before {
+.ion-checkmark-circled:before {
content: "\e788"; }
-.icon-chatbubbles:before {
+.ion-chatbubbles:before {
content: "\e789"; }
-.icon-chatbubble:before {
+.ion-chatbubble:before {
content: "\e78a"; }
-.icon-chatbubble-working:before {
+.ion-chatbubble-working:before {
content: "\e78b"; }
-.icon-chatboxes:before {
+.ion-chatboxes:before {
content: "\e78c"; }
-.icon-chatbox:before {
+.ion-chatbox:before {
content: "\e78d"; }
-.icon-chatbox-working:before {
+.ion-chatbox-working:before {
content: "\e78e"; }
-.icon-card:before {
+.ion-card:before {
content: "\e78f"; }
-.icon-camera:before {
+.ion-camera:before {
content: "\e790"; }
-.icon-calendar:before {
+.ion-calendar:before {
content: "\e791"; }
-.icon-calculator:before {
+.ion-calculator:before {
content: "\e792"; }
-.icon-briefcase:before {
+.ion-briefcase:before {
content: "\e793"; }
-.icon-bookmark:before {
+.ion-bookmark:before {
content: "\e794"; }
-.icon-bluetooth:before {
+.ion-bluetooth:before {
content: "\e795"; }
-.icon-beaker:before {
+.ion-beaker:before {
content: "\e796"; }
-.icon-battery-low:before {
+.ion-battery-low:before {
content: "\e797"; }
-.icon-battery-half:before {
+.ion-battery-half:before {
content: "\e798"; }
-.icon-battery-full:before {
+.ion-battery-full:before {
content: "\e799"; }
-.icon-battery-empty:before {
+.ion-battery-empty:before {
content: "\e79a"; }
-.icon-battery-charging:before {
+.ion-battery-charging:before {
content: "\e79b"; }
-.icon-bag:before {
+.ion-bag:before {
content: "\e79c"; }
-.icon-at:before {
+.ion-at:before {
content: "\e79d"; }
-.icon-arrow-up-c:before {
+.ion-arrow-up-c:before {
content: "\e79e"; }
-.icon-arrow-up-b:before {
+.ion-arrow-up-b:before {
content: "\e79f"; }
-.icon-arrow-up-a:before {
+.ion-arrow-up-a:before {
content: "\e7a0"; }
-.icon-arrow-swap:before {
+.ion-arrow-swap:before {
content: "\e7a1"; }
-.icon-arrow-shrink:before {
+.ion-arrow-shrink:before {
content: "\e7a2"; }
-.icon-arrow-right-c:before {
+.ion-arrow-right-c:before {
content: "\e7a3"; }
-.icon-arrow-right-b:before {
+.ion-arrow-right-b:before {
content: "\e7a4"; }
-.icon-arrow-right-a:before {
+.ion-arrow-right-a:before {
content: "\e7a5"; }
-.icon-arrow-return-right:before {
+.ion-arrow-return-right:before {
content: "\e7a6"; }
-.icon-arrow-return-left:before {
+.ion-arrow-return-left:before {
content: "\e7a7"; }
-.icon-arrow-resize:before {
+.ion-arrow-resize:before {
content: "\e7a8"; }
-.icon-arrow-move:before {
+.ion-arrow-move:before {
content: "\e7a9"; }
-.icon-arrow-left-c:before {
+.ion-arrow-left-c:before {
content: "\e7aa"; }
-.icon-arrow-left-b:before {
+.ion-arrow-left-b:before {
content: "\e7ab"; }
-.icon-arrow-left-a:before {
+.ion-arrow-left-a:before {
content: "\e7ac"; }
-.icon-arrow-graph-up-right:before {
+.ion-arrow-graph-up-right:before {
content: "\e7ad"; }
-.icon-arrow-graph-up-left:before {
+.ion-arrow-graph-up-left:before {
content: "\e7ae"; }
-.icon-arrow-graph-down-right:before {
+.ion-arrow-graph-down-right:before {
content: "\e7af"; }
-.icon-arrow-graph-down-left:before {
+.ion-arrow-graph-down-left:before {
content: "\e7b0"; }
-.icon-arrow-expand:before {
+.ion-arrow-expand:before {
content: "\e7b1"; }
-.icon-arrow-down-c:before {
+.ion-arrow-down-c:before {
content: "\e7b2"; }
-.icon-arrow-down-b:before {
+.ion-arrow-down-b:before {
content: "\e7b3"; }
-.icon-arrow-down-a:before {
+.ion-arrow-down-a:before {
content: "\e7b4"; }
-.icon-archive:before {
+.ion-archive:before {
content: "\e7b5"; }
-.icon-alert:before {
+.ion-alert:before {
content: "\e7b6"; }
-.icon-alert-circled:before {
+.ion-alert-circled:before {
content: "\e7b7"; }
/**
@@ -2016,11 +2016,11 @@ a.subdued {
color: inherit; }
.bar > .button {
z-index: 1;
- padding: 0 8px;
+ padding: 8px;
min-height: 31px;
font-size: 12px;
line-height: 30px; }
- .bar > .button i, .bar > .button .icon {
+ .bar > .button .ion {
font-size: 24px;
line-height: 29px; }
.bar .button-bar > .button {
@@ -2304,8 +2304,7 @@ a.subdued {
font-size: 10px;
line-height: 14px; }
-.tab-item i,
-.tab-item .icon {
+.tab-item .ion {
display: block;
margin: 0 auto;
height: 32px;
@@ -2314,16 +2313,14 @@ a.subdued {
.tabs-icon-left .tab-item,
.tabs-icon-right .tab-item {
font-size: 10px; }
- .tabs-icon-left .tab-item i, .tabs-icon-left .tab-item .icon,
- .tabs-icon-right .tab-item i,
- .tabs-icon-right .tab-item .icon {
+ .tabs-icon-left .tab-item .ion,
+ .tabs-icon-right .tab-item .ion {
font-size: 24px;
display: inline-block;
vertical-align: top;
line-height: 49px; }
-.tabs-icon-only i,
-.tabs-icon-only .icon {
+.tabs-icon-only .ion {
line-height: inherit; }
/* Navigational tab */
@@ -2352,7 +2349,7 @@ a.subdued {
display: -ms-flexbox;
display: flex;
padding: 0; }
- .item.tabs i, .item.tabs .icon {
+ .item.tabs .ion {
position: relative; }
.menu {
@@ -2599,8 +2596,7 @@ a.item {
overflow: hidden;
white-space: nowrap; }
-.item i,
-.item .icon {
+.item .ion {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
@@ -2623,7 +2619,7 @@ a.item {
.item-icon-left {
padding-left: 45px; }
- .item-icon-left i, .item-icon-left .icon {
+ .item-icon-left .ion {
left: 7.5px; }
.item-slider.item-icon-left {
@@ -2631,16 +2627,13 @@ a.item {
.item-slider.item-icon-left .item-content {
padding-left: 45px; }
-.item-icon-right i,
-.item-icon-right .icon {
+.item-icon-right .ion {
right: 7.5px; }
-.item-icon-left.item-icon-right i:first-child,
-.item-icon-left.item-icon-right .icon:first-child {
+.item-icon-left.item-icon-right .ion:first-child {
right: auto; }
-.item-icon-left.item-icon-right i:last-child,
-.item-icon-left.item-icon-right .icon:last-child {
+.item-icon-left.item-icon-right .ion:last-child {
left: auto; }
a.item:active,
@@ -2668,8 +2661,8 @@ button.item:active,
left: 7.5px;
font-size: 32px;
min-height: 32px; }
- .item-button-left > .button i,
- .item-button-left .item-content > .button i {
+ .item-button-left > .button .ion,
+ .item-button-left .item-content > .button .ion {
position: relative;
line-height: 31px;
left: auto; }
@@ -2694,8 +2687,8 @@ button.item:active,
right: 15px;
font-size: 32px;
min-height: 32px; }
- .item-button-right > .button i,
- .item-button-right .item-content > .button i {
+ .item-button-right > .button .ion,
+ .item-button-right .item-content > .button .ion {
position: relative;
line-height: 31px;
left: auto; }
@@ -2826,7 +2819,7 @@ button.item-button-right:after {
-webkit-transition: left 0.2s ease-in-out, opacity 0.2s ease-in-out; }
.item-edit .button {
height: 100%; }
- .item-edit i, .item-edit .icon {
+ .item-edit .ion {
color: #ef4e3a;
font-size: 24px; }
.item-edit.ng-enter {
@@ -3034,7 +3027,7 @@ textarea {
max-width: 200px;
color: black;
font-weight: bold; }
- .item-input i, .item-input .icon {
+ .item-input .ion {
-webkit-box-flex: 0;
-webkit-flex: 0 0 24px;
-moz-box-flex: 0;
@@ -3053,7 +3046,7 @@ textarea {
display: block;
background-color: transparent;
box-shadow: none; }
- .item-stacked-label .input-label, .item-stacked-label [class^="icon-"], .item-stacked-label [class*=" icon-"] {
+ .item-stacked-label .input-label, .item-stacked-label .ion {
display: inline-block;
padding: 4px 0;
vertical-align: middle; }
@@ -3368,8 +3361,8 @@ input[type="range"] {
position: relative;
display: inline-block;
margin: 0;
- padding: 0 12px;
- padding-top: 1px;
+ padding: 1px 12px 0 12px;
+ min-width: 52px;
min-height: 42px;
border-width: 1px;
border-style: solid;
@@ -3381,7 +3374,7 @@ input[type="range"] {
font-size: 16px;
line-height: 41px;
cursor: pointer; }
- .button i, .button .icon {
+ .button .ion {
display: inline-block;
padding: 0 0 1px 0;
vertical-align: inherit;
@@ -3390,12 +3383,12 @@ input[type="range"] {
.button.button-icon {
padding: 2px 4px;
background: none; }
- .button.button-icon i, .button.button-icon .icon {
+ .button.button-icon .ion {
font-size: 32px; }
.button.button-clear {
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
- padding: 0 6px;
+ padding: 6px;
max-height: 42px;
border: none;
background: none;
@@ -3596,21 +3589,24 @@ input[type="range"] {
.button-small {
padding: 0 4px;
+ min-width: 28px;
min-height: 28px;
font-size: 12px;
line-height: 27px; }
- .button-small i, .button-small .icon {
+ .button-small .ion {
font-size: 16px;
line-height: 26px; }
.button-large {
- padding: 0 12px;
+ padding: 0 16px;
+ min-width: 66px;
min-height: 54px;
font-size: 18px;
line-height: 53px; }
- .button-large i, .button-large .icon {
+ .button-large .ion {
font-size: 32px;
- line-height: 52px; }
+ line-height: 51px;
+ padding-bottom: 2px; }
.padding > .button.block:first-child {
margin-top: 0; }
@@ -4026,43 +4022,43 @@ a.button {
.fade-in-out.ng-leave-active, .fade-in-out > .ng-leave-active {
opacity: 0; }
-i.icon-default, .icon.icon-default {
+.ion-default {
color: white; }
-i.icon-secondary, .icon.icon-secondary {
+.ion-secondary {
color: gainsboro; }
-i.icon-primary, .icon.icon-primary {
+.ion-primary {
color: #4a87ee; }
-i.icon-info, .icon.icon-info {
+.ion-info {
color: #43cee6; }
-i.icon-success, .icon.icon-success {
+.ion-success {
color: #66cc33; }
-i.icon-warning, .icon.icon-warning {
+.ion-warning {
color: #f0b840; }
-i.icon-danger, .icon.icon-danger {
+.ion-danger {
color: #ef4e3a; }
-i.icon-dark, .icon.icon-dark {
+.ion-dark {
color: #444444; }
-i.icon-gray-darker, .icon.icon-gray-darker {
+.ion-gray-darker {
color: #222222; }
-i.icon-gray-dark, .icon.icon-gray-dark {
+.ion-gray-dark {
color: #333333; }
-i.icon-gray, .icon.icon-gray {
+.ion-gray {
color: #555555; }
-i.icon-gray-light, .icon.icon-gray-light {
+.ion-gray-light {
color: #999999; }
-i.icon-gray-lighter, .icon.icon-gray-lighter {
+.ion-gray-lighter {
color: #999999; }
.fill-icon {
@@ -4072,35 +4068,35 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
position: relative;
border-radius: 6px;
padding: 1px; }
- .fill-icon.icon-default:before {
+ .fill-icon.ion-default:before {
background: white; }
- .fill-icon.icon-secondary:before {
+ .fill-icon.ion-secondary:before {
background: whitesmoke; }
- .fill-icon.icon-primary:before {
+ .fill-icon.ion-primary:before {
background: #4a87ee; }
- .fill-icon.icon-info:before {
+ .fill-icon.ion-info:before {
background: #43cee6; }
- .fill-icon.icon-success:before {
+ .fill-icon.ion-success:before {
background: #66cc33; }
- .fill-icon.icon-warning:before {
+ .fill-icon.ion-warning:before {
background: #f0b840; }
- .fill-icon.icon-danger:before {
+ .fill-icon.ion-danger:before {
background: #ef4e3a; }
- .fill-icon.icon-dark:before {
+ .fill-icon.ion-dark:before {
background: #444444; }
- .fill-icon.icon-gray-darker:before {
+ .fill-icon.ion-gray-darker:before {
background: #222222; }
- .fill-icon.icon-gray-dark:before {
+ .fill-icon.ion-gray-dark:before {
background: #333333; }
- .fill-icon.icon-gray:before {
+ .fill-icon.ion-gray:before {
background: #555555; }
- .fill-icon.icon-gray-light:before {
+ .fill-icon.ion-gray-light:before {
background: #999999; }
- .fill-icon.icon-gray-lighter:before {
+ .fill-icon.ion-gray-lighter:before {
background: #eeeeee; }
-.icon-loading {
- font-family: 'ionicons';
+.ion-loading {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -4111,11 +4107,11 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
- .icon-loading:before {
+ .ion-loading:before {
content: "\e144"; }
-.icon-refreshing {
- font-family: 'ionicons';
+.ion-refreshing {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -4126,7 +4122,7 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
-webkit-animation: spin .75s linear infinite;
-moz-animation: spin .75s linear infinite;
animation: spin .75s linear infinite; }
- .icon-refreshing:before {
+ .ion-refreshing:before {
content: "\e144"; }
.hidden,
diff --git a/ionicons/index.html b/ionicons/index.html
index 6f0f3f7a6c..d0710522af 100644
--- a/ionicons/index.html
+++ b/ionicons/index.html
@@ -1467,1375 +1467,1375 @@
Class Names
-
+
icon-woman
-
+
icon-wifi
-
+
icon-waterdrop
-
+
icon-volume-mute
-
+
icon-volume-medium
-
+
icon-volume-low
-
+
icon-volume-high
-
+
icon-videocamera
-
+
icon-upload
-
+
icon-unlocked
-
+
icon-trash-b
-
+
icon-trash-a
-
+
icon-thumbsup
-
+
icon-thumbsdown
-
+
icon-stop
-
+
icon-star
-
+
icon-shuffle
-
+
icon-share
-
+
icon-search
-
+
icon-reply
-
+
icon-reply-all
-
+
icon-refresh
-
+
icon-record
-
+
icon-printer
-
+
icon-pound
-
+
icon-plus
-
+
icon-plus-round
-
+
icon-plus-circled
-
+
icon-play
-
+
icon-plane
-
+
icon-person
-
+
icon-person-stalker
-
+
icon-person-add
-
+
icon-pause
-
+
icon-paperclip
-
+
icon-next
-
+
icon-navicon
-
+
icon-navicon-round
-
+
icon-music-note
-
+
icon-more
-
+
icon-monitor
-
+
icon-minus
-
+
icon-minus-round
-
+
icon-minus-circled
-
+
icon-mic-c
-
+
icon-mic-b
-
+
icon-mic-a
-
+
icon-map
-
+
icon-man
-
+
icon-loop
-
+
icon-locked
-
+
icon-location
-
+
icon-leaf
-
+
icon-laptop
-
+
icon-ipod
-
+
icon-iphone
-
+
icon-ipad
-
+
icon-ionic
-
+
icon-ionic-outline
-
+
icon-information
-
+
icon-information-circled
-
+
icon-images
-
+
icon-image
-
+
icon-home
-
+
icon-help
-
+
icon-help-circled
-
+
icon-heart
-
+
icon-headphone
-
+
icon-grid
-
+
icon-gear-b
-
+
icon-gear-a
-
+
icon-game-controller-b
-
+
icon-game-controller-a
-
+
icon-forward
-
+
icon-folder
-
+
icon-flask
-
+
icon-flash
-
+
icon-flash-off
-
+
icon-film-marker
-
+
icon-filing
-
+
icon-eye
-
+
icon-email
-
+
icon-drag
-
+
icon-document
-
+
icon-document-text
-
+
icon-disc
-
+
icon-compose
-
+
icon-cloud
-
+
icon-close
-
+
icon-close-round
-
+
icon-close-circled
-
+
icon-clipboard
-
+
icon-chevron-up
-
+
icon-chevron-right
-
+
icon-chevron-left
-
+
icon-chevron-down
-
+
icon-checkmark
-
+
icon-checkmark-round
-
+
icon-checkmark-circled
-
+
icon-chatbubbles
-
+
icon-chatbubble
-
+
icon-chatbubble-working
-
+
icon-chatboxes
-
+
icon-chatbox
-
+
icon-chatbox-working
-
+
icon-card
-
+
icon-camera
-
+
icon-calendar
-
+
icon-bluetooth
-
+
icon-battery-low
-
+
icon-battery-half
-
+
icon-battery-full
-
+
icon-battery-empty
-
+
icon-battery-charging
-
+
icon-bag
-
+
icon-at
-
+
icon-arrow-up-c
-
+
icon-arrow-up-b
-
+
icon-arrow-up-a
-
+
icon-arrow-right-c
-
+
icon-arrow-right-b
-
+
icon-arrow-right-a
-
+
icon-arrow-left-c
-
+
icon-arrow-left-b
-
+
icon-arrow-left-a
-
+
icon-arrow-down-c
-
+
icon-arrow-down-b
-
+
icon-arrow-down-a
-
+
icon-archive
-
+
icon-alert
-
+
icon-ios7-world
-
+
icon-ios7-world-outline
-
+
icon-ios7-volume-low
-
+
icon-ios7-volume-high
-
+
icon-ios7-videocam
-
+
icon-ios7-videocam-outline
-
+
icon-ios7-upload
-
+
icon-ios7-upload-outline
-
+
icon-ios7-unlocked
-
+
icon-ios7-unlocked-outline
-
+
icon-ios7-undo
-
+
icon-ios7-undo-outline
-
+
icon-ios7-trash
-
+
icon-ios7-trash-outline
-
+
icon-ios7-timer
-
+
icon-ios7-timer-outline
-
+
icon-ios7-thunderstorm
-
+
icon-ios7-thunderstorm-outline
-
+
icon-ios7-telephone
-
+
icon-ios7-telephone-outline
-
+
icon-ios7-sunny
-
+
icon-ios7-sunny-outline
-
+
icon-ios7-stopwatch
-
+
icon-ios7-stopwatch-outline
-
+
icon-ios7-star
-
+
icon-ios7-star-outline
-
+
icon-ios7-skipforward
-
+
icon-ios7-skipforward-outline
-
+
icon-ios7-skipbackward
-
+
icon-ios7-skipbackward-outline
-
+
icon-ios7-search
-
+
icon-ios7-search-strong
-
+
icon-ios7-rewind
-
+
icon-ios7-rewind-outline
-
+
icon-ios7-refresh
-
+
icon-ios7-refresh-outline
-
+
icon-ios7-refresh-empty
-
+
icon-ios7-redo
-
+
icon-ios7-redo-outline
-
+
icon-ios7-recording
-
+
icon-ios7-recording-outline
-
+
icon-ios7-rainy
-
+
icon-ios7-rainy-outline
-
+
icon-ios7-printer
-
+
icon-ios7-printer-outline
-
+
icon-ios7-plus
-
+
icon-ios7-plus-outline
-
+
icon-ios7-plus-empty
-
+
icon-ios7-play
-
+
icon-ios7-play-outline
-
+
icon-ios7-photos
-
+
icon-ios7-photos-outline
-
+
icon-ios7-personadd
-
+
icon-ios7-personadd-outline
-
+
icon-ios7-person
-
+
icon-ios7-person-outline
-
+
icon-ios7-people
-
+
icon-ios7-people-outline
-
+
icon-ios7-pause
-
+
icon-ios7-pause-outline
-
+
icon-ios7-partlysunny
-
+
icon-ios7-partlysunny-outline
-
+
icon-ios7-paperplane
-
+
icon-ios7-paperplane-outline
-
+
icon-ios7-navigate
-
+
icon-ios7-navigate-outline
-
+
icon-ios7-musical-notes
-
+
icon-ios7-musical-note
-
+
icon-ios7-more
-
+
icon-ios7-more-outline
-
+
icon-ios7-moon
-
+
icon-ios7-moon-outline
-
+
icon-ios7-monitor
-
+
icon-ios7-monitor-outline
-
+
icon-ios7-minus
-
+
icon-ios7-minus-outline
-
+
icon-ios7-minus-empty
-
+
icon-ios7-mic
-
+
icon-ios7-mic-outline
-
+
icon-ios7-mic-off
-
+
icon-ios7-locked
-
+
icon-ios7-locked-outline
-
+
icon-ios7-location
-
+
icon-ios7-location-outline
-
+
icon-ios7-keypad
-
+
icon-ios7-keypad-outline
-
+
icon-ios7-information
-
+
icon-ios7-information-outline
-
+
icon-ios7-information-empty
-
+
icon-ios7-infinite
-
+
icon-ios7-infinite-outline
-
+
icon-ios7-help
-
+
icon-ios7-help-outline
-
+
icon-ios7-help-empty
-
+
icon-ios7-heart
-
+
icon-ios7-heart-outline
-
+
icon-ios7-glasses
-
+
icon-ios7-glasses-outline
-
+
icon-ios7-gear
-
+
icon-ios7-gear-outline
-
+
icon-ios7-folder
-
+
icon-ios7-folder-outline
-
+
icon-ios7-flag
-
+
icon-ios7-flag-outline
-
+
icon-ios7-film
-
+
icon-ios7-film-outline
-
+
icon-ios7-filing
-
+
icon-ios7-filing-outline
-
+
icon-ios7-fastforward
-
+
icon-ios7-fastforward-outline
-
+
icon-ios7-eye
-
+
icon-ios7-eye-outline
-
+
icon-ios7-email
-
+
icon-ios7-email-outline
-
+
icon-ios7-drag
-
+
icon-ios7-download
-
+
icon-ios7-download-outline
-
+
icon-ios7-copy
-
+
icon-ios7-copy-outline
-
+
icon-ios7-contact
-
+
icon-ios7-contact-outline
-
+
icon-ios7-compose
-
+
icon-ios7-compose-outline
-
+
icon-ios7-cog
-
+
icon-ios7-cog-outline
-
+
icon-ios7-cloudy
-
+
icon-ios7-cloudy-outline
-
+
icon-ios7-cloud
-
+
icon-ios7-cloud-upload
-
+
icon-ios7-cloud-upload-outline
-
+
icon-ios7-cloud-outline
-
+
icon-ios7-cloud-download
-
+
icon-ios7-cloud-download-outline
-
+
icon-ios7-clock
-
+
icon-ios7-clock-outline
-
+
icon-ios7-circle-outline
-
+
icon-ios7-circle-filled
-
+
icon-ios7-checkmark
-
+
icon-ios7-checkmark-outline
-
+
icon-ios7-checkmark-empty
-
+
icon-ios7-chatbubble
-
+
icon-ios7-chatbubble-outline
-
+
icon-ios7-chatboxes
-
+
icon-ios7-chatboxes-outline
-
+
icon-ios7-cart
-
+
icon-ios7-cart-outline
-
+
icon-ios7-camera
-
+
icon-ios7-camera-outline
-
+
icon-ios7-calendar
-
+
icon-ios7-calendar-outline
-
+
icon-ios7-browsers
-
+
icon-ios7-browsers-outline
-
+
icon-ios7-box
-
+
icon-ios7-box-outline
-
+
icon-ios7-bookmarks
-
+
icon-ios7-bookmarks-outline
-
+
icon-ios7-bolt
-
+
icon-ios7-bolt-outline
-
+
icon-ios7-bell
-
+
icon-ios7-bell-outline
-
+
icon-ios7-at
-
+
icon-ios7-arrow-up
-
+
icon-ios7-arrow-right
-
+
icon-ios7-arrow-left
-
+
icon-ios7-arrow-forward
-
+
icon-ios7-arrow-down
-
+
icon-ios7-arrow-back
-
+
icon-ios7-albums
-
+
icon-ios7-albums-outline
-
+
icon-ios7-alarm
-
+
icon-ios7-alarm-outline
-
+
icon-social-youtube
-
+
icon-social-youtube-outline
-
+
icon-social-yahoo
-
+
icon-social-yahoo-outline
-
+
icon-social-wordpress
-
+
icon-social-wordpress-outline
-
+
icon-social-windows
-
+
icon-social-windows-outline
-
+
icon-social-vimeo
-
+
icon-social-vimeo-outline
-
+
icon-social-twitter
-
+
icon-social-twitter-outline
-
+
icon-social-tumblr
-
+
icon-social-tumblr-outline
-
+
icon-social-skype
-
+
icon-social-skype-outline
-
+
icon-social-rss
-
+
icon-social-rss-outline
-
+
icon-social-reddit
-
+
icon-social-reddit-outline
-
+
icon-social-linkedin
-
+
icon-social-linkedin-outline
-
+
icon-social-hackernews
-
+
icon-social-hackernews-outline
-
+
icon-social-google
-
+
icon-social-google-outline
-
+
icon-social-github
-
+
icon-social-github-outline
-
+
icon-social-facebook
-
+
icon-social-facebook-outline
-
+
icon-social-dropbox
-
+
icon-social-dropbox-outline
-
+
icon-social-dribbble
-
+
icon-social-dribbble-outline
-
+
icon-social-designernews
-
+
icon-social-designernews-outline
-
+
icon-social-buffer
-
+
icon-social-buffer-outline
-
+
icon-social-apple
-
+
icon-social-apple-outline
-
+
icon-social-android
-
+
icon-social-android-outline
diff --git a/ionicons/style.scss b/ionicons/style.scss
index a170414751..8bced5687d 100644
--- a/ionicons/style.scss
+++ b/ionicons/style.scss
@@ -1,16 +1,16 @@
@font-face {
- font-family: 'ionicons';
- src:url('fonts/ionicons.eot');
- src:url('fonts/ionicons.eot?#iefix') format('embedded-opentype'),
- url('fonts/ionicons.ttf') format('truetype'),
- url('fonts/ionicons.woff') format('woff'),
- url('fonts/ionicons.svg#ionicons') format('svg');
+ font-family: 'Ionicons';
+ src:url('fonts/Ionicons.eot');
+ src:url('fonts/Ionicons.eot?#iefix') format('embedded-opentype'),
+ url('fonts/Ionicons.ttf') format('truetype'),
+ url('fonts/Ionicons.woff') format('woff'),
+ url('fonts/Ionicons.svg#Ionicons') format('svg');
font-weight: normal;
font-style: normal;
}
-i, .icon {
- font-family: 'ionicons' !important;
+.ion {
+ font-family: 'Ionicons' !important;
speak: none !important;
font-style: normal !important;
font-weight: normal !important;
@@ -23,1323 +23,1323 @@ i, .icon {
-moz-osx-font-smoothing: grayscale;
}
-.icon-social-youtube:before {
+.ion-social-youtube:before {
content: "\e600";
}
-.icon-social-youtube-outline:before {
+.ion-social-youtube-outline:before {
content: "\e601";
}
-.icon-social-yahoo:before {
+.ion-social-yahoo:before {
content: "\e602";
}
-.icon-social-yahoo-outline:before {
+.ion-social-yahoo-outline:before {
content: "\e603";
}
-.icon-social-wordpress:before {
+.ion-social-wordpress:before {
content: "\e604";
}
-.icon-social-wordpress-outline:before {
+.ion-social-wordpress-outline:before {
content: "\e605";
}
-.icon-social-windows:before {
+.ion-social-windows:before {
content: "\e606";
}
-.icon-social-windows-outline:before {
+.ion-social-windows-outline:before {
content: "\e607";
}
-.icon-social-vimeo:before {
+.ion-social-vimeo:before {
content: "\e608";
}
-.icon-social-vimeo-outline:before {
+.ion-social-vimeo-outline:before {
content: "\e609";
}
-.icon-social-twitter:before {
+.ion-social-twitter:before {
content: "\e60a";
}
-.icon-social-twitter-outline:before {
+.ion-social-twitter-outline:before {
content: "\e60b";
}
-.icon-social-tumblr:before {
+.ion-social-tumblr:before {
content: "\e60c";
}
-.icon-social-tumblr-outline:before {
+.ion-social-tumblr-outline:before {
content: "\e60d";
}
-.icon-social-skype:before {
+.ion-social-skype:before {
content: "\e60e";
}
-.icon-social-skype-outline:before {
+.ion-social-skype-outline:before {
content: "\e60f";
}
-.icon-social-rss:before {
+.ion-social-rss:before {
content: "\e610";
}
-.icon-social-rss-outline:before {
+.ion-social-rss-outline:before {
content: "\e611";
}
-.icon-social-reddit:before {
+.ion-social-reddit:before {
content: "\e612";
}
-.icon-social-reddit-outline:before {
+.ion-social-reddit-outline:before {
content: "\e613";
}
-.icon-social-pinterest:before {
+.ion-social-pinterest:before {
content: "\e614";
}
-.icon-social-pinterest-outline:before {
+.ion-social-pinterest-outline:before {
content: "\e615";
}
-.icon-social-linkedin:before {
+.ion-social-linkedin:before {
content: "\e616";
}
-.icon-social-linkedin-outline:before {
+.ion-social-linkedin-outline:before {
content: "\e617";
}
-.icon-social-hackernews:before {
+.ion-social-hackernews:before {
content: "\e618";
}
-.icon-social-hackernews-outline:before {
+.ion-social-hackernews-outline:before {
content: "\e619";
}
-.icon-social-googleplus:before {
+.ion-social-googleplus:before {
content: "\e61a";
}
-.icon-social-googleplus-outline:before {
+.ion-social-googleplus-outline:before {
content: "\e61b";
}
-.icon-social-github:before {
+.ion-social-github:before {
content: "\e61c";
}
-.icon-social-github-outline:before {
+.ion-social-github-outline:before {
content: "\e61d";
}
-.icon-social-facebook:before {
+.ion-social-facebook:before {
content: "\e61e";
}
-.icon-social-facebook-outline:before {
+.ion-social-facebook-outline:before {
content: "\e61f";
}
-.icon-social-dropbox:before {
+.ion-social-dropbox:before {
content: "\e620";
}
-.icon-social-dropbox-outline:before {
+.ion-social-dropbox-outline:before {
content: "\e621";
}
-.icon-social-dribbble:before {
+.ion-social-dribbble:before {
content: "\e622";
}
-.icon-social-dribbble-outline:before {
+.ion-social-dribbble-outline:before {
content: "\e623";
}
-.icon-social-designernews:before {
+.ion-social-designernews:before {
content: "\e624";
}
-.icon-social-designernews-outline:before {
+.ion-social-designernews-outline:before {
content: "\e625";
}
-.icon-social-buffer:before {
+.ion-social-buffer:before {
content: "\e626";
}
-.icon-social-buffer-outline:before {
+.ion-social-buffer-outline:before {
content: "\e627";
}
-.icon-social-bitcoin:before {
+.ion-social-bitcoin:before {
content: "\e628";
}
-.icon-social-bitcoin-outline:before {
+.ion-social-bitcoin-outline:before {
content: "\e629";
}
-.icon-social-apple:before {
+.ion-social-apple:before {
content: "\e62a";
}
-.icon-social-apple-outline:before {
+.ion-social-apple-outline:before {
content: "\e62b";
}
-.icon-social-android:before {
+.ion-social-android:before {
content: "\e62c";
}
-.icon-social-android-outline:before {
+.ion-social-android-outline:before {
content: "\e62d";
}
-.icon-ios7-world:before {
+.ion-ios7-world:before {
content: "\e62e";
}
-.icon-ios7-world-outline:before {
+.ion-ios7-world-outline:before {
content: "\e62f";
}
-.icon-ios7-wineglass:before {
+.ion-ios7-wineglass:before {
content: "\e630";
}
-.icon-ios7-wineglass-outline:before {
+.ion-ios7-wineglass-outline:before {
content: "\e631";
}
-.icon-ios7-volume-low:before {
+.ion-ios7-volume-low:before {
content: "\e632";
}
-.icon-ios7-volume-high:before {
+.ion-ios7-volume-high:before {
content: "\e633";
}
-.icon-ios7-videocam:before {
+.ion-ios7-videocam:before {
content: "\e634";
}
-.icon-ios7-videocam-outline:before {
+.ion-ios7-videocam-outline:before {
content: "\e635";
}
-.icon-ios7-upload:before {
+.ion-ios7-upload:before {
content: "\e636";
}
-.icon-ios7-upload-outline:before {
+.ion-ios7-upload-outline:before {
content: "\e637";
}
-.icon-ios7-unlocked:before {
+.ion-ios7-unlocked:before {
content: "\e638";
}
-.icon-ios7-unlocked-outline:before {
+.ion-ios7-unlocked-outline:before {
content: "\e639";
}
-.icon-ios7-undo:before {
+.ion-ios7-undo:before {
content: "\e63a";
}
-.icon-ios7-undo-outline:before {
+.ion-ios7-undo-outline:before {
content: "\e63b";
}
-.icon-ios7-trash:before {
+.ion-ios7-trash:before {
content: "\e63c";
}
-.icon-ios7-trash-outline:before {
+.ion-ios7-trash-outline:before {
content: "\e63d";
}
-.icon-ios7-timer:before {
+.ion-ios7-timer:before {
content: "\e63e";
}
-.icon-ios7-timer-outline:before {
+.ion-ios7-timer-outline:before {
content: "\e63f";
}
-.icon-ios7-time:before {
+.ion-ios7-time:before {
content: "\e640";
}
-.icon-ios7-time-outline:before {
+.ion-ios7-time-outline:before {
content: "\e641";
}
-.icon-ios7-thunderstorm:before {
+.ion-ios7-thunderstorm:before {
content: "\e642";
}
-.icon-ios7-thunderstorm-outline:before {
+.ion-ios7-thunderstorm-outline:before {
content: "\e643";
}
-.icon-ios7-telephone:before {
+.ion-ios7-telephone:before {
content: "\e644";
}
-.icon-ios7-telephone-outline:before {
+.ion-ios7-telephone-outline:before {
content: "\e645";
}
-.icon-ios7-sunny:before {
+.ion-ios7-sunny:before {
content: "\e646";
}
-.icon-ios7-sunny-outline:before {
+.ion-ios7-sunny-outline:before {
content: "\e647";
}
-.icon-ios7-stopwatch:before {
+.ion-ios7-stopwatch:before {
content: "\e648";
}
-.icon-ios7-stopwatch-outline:before {
+.ion-ios7-stopwatch-outline:before {
content: "\e649";
}
-.icon-ios7-star:before {
+.ion-ios7-star:before {
content: "\e64a";
}
-.icon-ios7-star-outline:before {
+.ion-ios7-star-outline:before {
content: "\e64b";
}
-.icon-ios7-speedometer:before {
+.ion-ios7-speedometer:before {
content: "\e64c";
}
-.icon-ios7-speedometer-outline:before {
+.ion-ios7-speedometer-outline:before {
content: "\e64d";
}
-.icon-ios7-skipforward:before {
+.ion-ios7-skipforward:before {
content: "\e64e";
}
-.icon-ios7-skipforward-outline:before {
+.ion-ios7-skipforward-outline:before {
content: "\e64f";
}
-.icon-ios7-skipbackward:before {
+.ion-ios7-skipbackward:before {
content: "\e650";
}
-.icon-ios7-skipbackward-outline:before {
+.ion-ios7-skipbackward-outline:before {
content: "\e651";
}
-.icon-ios7-search:before {
+.ion-ios7-search:before {
content: "\e652";
}
-.icon-ios7-search-strong:before {
+.ion-ios7-search-strong:before {
content: "\e653";
}
-.icon-ios7-rewind:before {
+.ion-ios7-rewind:before {
content: "\e654";
}
-.icon-ios7-rewind-outline:before {
+.ion-ios7-rewind-outline:before {
content: "\e655";
}
-.icon-ios7-reload:before {
+.ion-ios7-reload:before {
content: "\e656";
}
-.icon-ios7-refresh:before {
+.ion-ios7-refresh:before {
content: "\e657";
}
-.icon-ios7-refresh-outline:before {
+.ion-ios7-refresh-outline:before {
content: "\e658";
}
-.icon-ios7-refresh-empty:before {
+.ion-ios7-refresh-empty:before {
content: "\e659";
}
-.icon-ios7-redo:before {
+.ion-ios7-redo:before {
content: "\e65a";
}
-.icon-ios7-redo-outline:before {
+.ion-ios7-redo-outline:before {
content: "\e65b";
}
-.icon-ios7-recording:before {
+.ion-ios7-recording:before {
content: "\e65c";
}
-.icon-ios7-recording-outline:before {
+.ion-ios7-recording-outline:before {
content: "\e65d";
}
-.icon-ios7-rainy:before {
+.ion-ios7-rainy:before {
content: "\e65e";
}
-.icon-ios7-rainy-outline:before {
+.ion-ios7-rainy-outline:before {
content: "\e65f";
}
-.icon-ios7-printer:before {
+.ion-ios7-printer:before {
content: "\e660";
}
-.icon-ios7-printer-outline:before {
+.ion-ios7-printer-outline:before {
content: "\e661";
}
-.icon-ios7-pricetag:before {
+.ion-ios7-pricetag:before {
content: "\e662";
}
-.icon-ios7-pricetag-outline:before {
+.ion-ios7-pricetag-outline:before {
content: "\e663";
}
-.icon-ios7-plus:before {
+.ion-ios7-plus:before {
content: "\e664";
}
-.icon-ios7-plus-outline:before {
+.ion-ios7-plus-outline:before {
content: "\e665";
}
-.icon-ios7-plus-empty:before {
+.ion-ios7-plus-empty:before {
content: "\e666";
}
-.icon-ios7-play:before {
+.ion-ios7-play:before {
content: "\e667";
}
-.icon-ios7-play-outline:before {
+.ion-ios7-play-outline:before {
content: "\e668";
}
-.icon-ios7-pie:before {
+.ion-ios7-pie:before {
content: "\e669";
}
-.icon-ios7-pie-outline:before {
+.ion-ios7-pie-outline:before {
content: "\e66a";
}
-.icon-ios7-photos:before {
+.ion-ios7-photos:before {
content: "\e66b";
}
-.icon-ios7-photos-outline:before {
+.ion-ios7-photos-outline:before {
content: "\e66c";
}
-.icon-ios7-personadd:before {
+.ion-ios7-personadd:before {
content: "\e66d";
}
-.icon-ios7-personadd-outline:before {
+.ion-ios7-personadd-outline:before {
content: "\e66e";
}
-.icon-ios7-person:before {
+.ion-ios7-person:before {
content: "\e66f";
}
-.icon-ios7-person-outline:before {
+.ion-ios7-person-outline:before {
content: "\e670";
}
-.icon-ios7-people:before {
+.ion-ios7-people:before {
content: "\e671";
}
-.icon-ios7-people-outline:before {
+.ion-ios7-people-outline:before {
content: "\e672";
}
-.icon-ios7-pause:before {
+.ion-ios7-pause:before {
content: "\e673";
}
-.icon-ios7-pause-outline:before {
+.ion-ios7-pause-outline:before {
content: "\e674";
}
-.icon-ios7-partlysunny:before {
+.ion-ios7-partlysunny:before {
content: "\e675";
}
-.icon-ios7-partlysunny-outline:before {
+.ion-ios7-partlysunny-outline:before {
content: "\e676";
}
-.icon-ios7-paperplane:before {
+.ion-ios7-paperplane:before {
content: "\e677";
}
-.icon-ios7-paperplane-outline:before {
+.ion-ios7-paperplane-outline:before {
content: "\e678";
}
-.icon-ios7-navigate:before {
+.ion-ios7-navigate:before {
content: "\e679";
}
-.icon-ios7-navigate-outline:before {
+.ion-ios7-navigate-outline:before {
content: "\e67a";
}
-.icon-ios7-musical-notes:before {
+.ion-ios7-musical-notes:before {
content: "\e67b";
}
-.icon-ios7-musical-note:before {
+.ion-ios7-musical-note:before {
content: "\e67c";
}
-.icon-ios7-more:before {
+.ion-ios7-more:before {
content: "\e67d";
}
-.icon-ios7-more-outline:before {
+.ion-ios7-more-outline:before {
content: "\e67e";
}
-.icon-ios7-moon:before {
+.ion-ios7-moon:before {
content: "\e67f";
}
-.icon-ios7-moon-outline:before {
+.ion-ios7-moon-outline:before {
content: "\e680";
}
-.icon-ios7-monitor:before {
+.ion-ios7-monitor:before {
content: "\e681";
}
-.icon-ios7-monitor-outline:before {
+.ion-ios7-monitor-outline:before {
content: "\e682";
}
-.icon-ios7-minus:before {
+.ion-ios7-minus:before {
content: "\e683";
}
-.icon-ios7-minus-outline:before {
+.ion-ios7-minus-outline:before {
content: "\e684";
}
-.icon-ios7-minus-empty:before {
+.ion-ios7-minus-empty:before {
content: "\e685";
}
-.icon-ios7-mic:before {
+.ion-ios7-mic:before {
content: "\e686";
}
-.icon-ios7-mic-outline:before {
+.ion-ios7-mic-outline:before {
content: "\e687";
}
-.icon-ios7-mic-off:before {
+.ion-ios7-mic-off:before {
content: "\e688";
}
-.icon-ios7-medkit:before {
+.ion-ios7-medkit:before {
content: "\e689";
}
-.icon-ios7-medkit-outline:before {
+.ion-ios7-medkit-outline:before {
content: "\e68a";
}
-.icon-ios7-locked:before {
+.ion-ios7-locked:before {
content: "\e68b";
}
-.icon-ios7-locked-outline:before {
+.ion-ios7-locked-outline:before {
content: "\e68c";
}
-.icon-ios7-location:before {
+.ion-ios7-location:before {
content: "\e68d";
}
-.icon-ios7-location-outline:before {
+.ion-ios7-location-outline:before {
content: "\e68e";
}
-.icon-ios7-lightbulb:before {
+.ion-ios7-lightbulb:before {
content: "\e68f";
}
-.icon-ios7-lightbulb-outline:before {
+.ion-ios7-lightbulb-outline:before {
content: "\e690";
}
-.icon-ios7-keypad:before {
+.ion-ios7-keypad:before {
content: "\e691";
}
-.icon-ios7-keypad-outline:before {
+.ion-ios7-keypad-outline:before {
content: "\e692";
}
-.icon-ios7-ionic-outline:before {
+.ion-ios7-ionic-outline:before {
content: "\e693";
}
-.icon-ios7-information:before {
+.ion-ios7-information:before {
content: "\e694";
}
-.icon-ios7-information-outline:before {
+.ion-ios7-information-outline:before {
content: "\e695";
}
-.icon-ios7-information-empty:before {
+.ion-ios7-information-empty:before {
content: "\e696";
}
-.icon-ios7-infinite:before {
+.ion-ios7-infinite:before {
content: "\e697";
}
-.icon-ios7-infinite-outline:before {
+.ion-ios7-infinite-outline:before {
content: "\e698";
}
-.icon-ios7-help:before {
+.ion-ios7-help:before {
content: "\e699";
}
-.icon-ios7-help-outline:before {
+.ion-ios7-help-outline:before {
content: "\e69a";
}
-.icon-ios7-help-empty:before {
+.ion-ios7-help-empty:before {
content: "\e69b";
}
-.icon-ios7-heart:before {
+.ion-ios7-heart:before {
content: "\e69c";
}
-.icon-ios7-heart-outline:before {
+.ion-ios7-heart-outline:before {
content: "\e69d";
}
-.icon-ios7-glasses:before {
+.ion-ios7-glasses:before {
content: "\e69e";
}
-.icon-ios7-glasses-outline:before {
+.ion-ios7-glasses-outline:before {
content: "\e69f";
}
-.icon-ios7-gear:before {
+.ion-ios7-gear:before {
content: "\e6a0";
}
-.icon-ios7-gear-outline:before {
+.ion-ios7-gear-outline:before {
content: "\e6a1";
}
-.icon-ios7-folder:before {
+.ion-ios7-folder:before {
content: "\e6a2";
}
-.icon-ios7-folder-outline:before {
+.ion-ios7-folder-outline:before {
content: "\e6a3";
}
-.icon-ios7-flag:before {
+.ion-ios7-flag:before {
content: "\e6a4";
}
-.icon-ios7-flag-outline:before {
+.ion-ios7-flag-outline:before {
content: "\e6a5";
}
-.icon-ios7-film:before {
+.ion-ios7-film:before {
content: "\e6a6";
}
-.icon-ios7-film-outline:before {
+.ion-ios7-film-outline:before {
content: "\e6a7";
}
-.icon-ios7-filing:before {
+.ion-ios7-filing:before {
content: "\e6a8";
}
-.icon-ios7-filing-outline:before {
+.ion-ios7-filing-outline:before {
content: "\e6a9";
}
-.icon-ios7-fastforward:before {
+.ion-ios7-fastforward:before {
content: "\e6aa";
}
-.icon-ios7-fastforward-outline:before {
+.ion-ios7-fastforward-outline:before {
content: "\e6ab";
}
-.icon-ios7-eye:before {
+.ion-ios7-eye:before {
content: "\e6ac";
}
-.icon-ios7-eye-outline:before {
+.ion-ios7-eye-outline:before {
content: "\e6ad";
}
-.icon-ios7-email:before {
+.ion-ios7-email:before {
content: "\e6ae";
}
-.icon-ios7-email-outline:before {
+.ion-ios7-email-outline:before {
content: "\e6af";
}
-.icon-ios7-drag:before {
+.ion-ios7-drag:before {
content: "\e6b0";
}
-.icon-ios7-download:before {
+.ion-ios7-download:before {
content: "\e6b1";
}
-.icon-ios7-download-outline:before {
+.ion-ios7-download-outline:before {
content: "\e6b2";
}
-.icon-ios7-copy:before {
+.ion-ios7-copy:before {
content: "\e6b3";
}
-.icon-ios7-copy-outline:before {
+.ion-ios7-copy-outline:before {
content: "\e6b4";
}
-.icon-ios7-contact:before {
+.ion-ios7-contact:before {
content: "\e6b5";
}
-.icon-ios7-contact-outline:before {
+.ion-ios7-contact-outline:before {
content: "\e6b6";
}
-.icon-ios7-compose:before {
+.ion-ios7-compose:before {
content: "\e6b7";
}
-.icon-ios7-compose-outline:before {
+.ion-ios7-compose-outline:before {
content: "\e6b8";
}
-.icon-ios7-cog:before {
+.ion-ios7-cog:before {
content: "\e6b9";
}
-.icon-ios7-cog-outline:before {
+.ion-ios7-cog-outline:before {
content: "\e6ba";
}
-.icon-ios7-cloudy:before {
+.ion-ios7-cloudy:before {
content: "\e6bb";
}
-.icon-ios7-cloudy-outline:before {
+.ion-ios7-cloudy-outline:before {
content: "\e6bc";
}
-.icon-ios7-cloud:before {
+.ion-ios7-cloud:before {
content: "\e6bd";
}
-.icon-ios7-cloud-upload:before {
+.ion-ios7-cloud-upload:before {
content: "\e6be";
}
-.icon-ios7-cloud-upload-outline:before {
+.ion-ios7-cloud-upload-outline:before {
content: "\e6bf";
}
-.icon-ios7-cloud-outline:before {
+.ion-ios7-cloud-outline:before {
content: "\e6c0";
}
-.icon-ios7-cloud-download:before {
+.ion-ios7-cloud-download:before {
content: "\e6c1";
}
-.icon-ios7-cloud-download-outline:before {
+.ion-ios7-cloud-download-outline:before {
content: "\e6c2";
}
-.icon-ios7-clock:before {
+.ion-ios7-clock:before {
content: "\e6c3";
}
-.icon-ios7-clock-outline:before {
+.ion-ios7-clock-outline:before {
content: "\e6c4";
}
-.icon-ios7-circle-outline:before {
+.ion-ios7-circle-outline:before {
content: "\e6c5";
}
-.icon-ios7-circle-filled:before {
+.ion-ios7-circle-filled:before {
content: "\e6c6";
}
-.icon-ios7-checkmark:before {
+.ion-ios7-checkmark:before {
content: "\e6c7";
}
-.icon-ios7-checkmark-outline:before {
+.ion-ios7-checkmark-outline:before {
content: "\e6c8";
}
-.icon-ios7-checkmark-empty:before {
+.ion-ios7-checkmark-empty:before {
content: "\e6c9";
}
-.icon-ios7-chatbubble:before {
+.ion-ios7-chatbubble:before {
content: "\e6ca";
}
-.icon-ios7-chatbubble-outline:before {
+.ion-ios7-chatbubble-outline:before {
content: "\e6cb";
}
-.icon-ios7-chatboxes:before {
+.ion-ios7-chatboxes:before {
content: "\e6cc";
}
-.icon-ios7-chatboxes-outline:before {
+.ion-ios7-chatboxes-outline:before {
content: "\e6cd";
}
-.icon-ios7-cart:before {
+.ion-ios7-cart:before {
content: "\e6ce";
}
-.icon-ios7-cart-outline:before {
+.ion-ios7-cart-outline:before {
content: "\e6cf";
}
-.icon-ios7-camera:before {
+.ion-ios7-camera:before {
content: "\e6d0";
}
-.icon-ios7-camera-outline:before {
+.ion-ios7-camera-outline:before {
content: "\e6d1";
}
-.icon-ios7-calendar:before {
+.ion-ios7-calendar:before {
content: "\e6d2";
}
-.icon-ios7-calendar-outline:before {
+.ion-ios7-calendar-outline:before {
content: "\e6d3";
}
-.icon-ios7-calculator:before {
+.ion-ios7-calculator:before {
content: "\e6d4";
}
-.icon-ios7-calculator-outline:before {
+.ion-ios7-calculator-outline:before {
content: "\e6d5";
}
-.icon-ios7-browsers:before {
+.ion-ios7-browsers:before {
content: "\e6d6";
}
-.icon-ios7-browsers-outline:before {
+.ion-ios7-browsers-outline:before {
content: "\e6d7";
}
-.icon-ios7-briefcase:before {
+.ion-ios7-briefcase:before {
content: "\e6d8";
}
-.icon-ios7-briefcase-outline:before {
+.ion-ios7-briefcase-outline:before {
content: "\e6d9";
}
-.icon-ios7-box:before {
+.ion-ios7-box:before {
content: "\e6da";
}
-.icon-ios7-box-outline:before {
+.ion-ios7-box-outline:before {
content: "\e6db";
}
-.icon-ios7-bookmarks:before {
+.ion-ios7-bookmarks:before {
content: "\e6dc";
}
-.icon-ios7-bookmarks-outline:before {
+.ion-ios7-bookmarks-outline:before {
content: "\e6dd";
}
-.icon-ios7-bolt:before {
+.ion-ios7-bolt:before {
content: "\e6de";
}
-.icon-ios7-bolt-outline:before {
+.ion-ios7-bolt-outline:before {
content: "\e6df";
}
-.icon-ios7-bell:before {
+.ion-ios7-bell:before {
content: "\e6e0";
}
-.icon-ios7-bell-outline:before {
+.ion-ios7-bell-outline:before {
content: "\e6e1";
}
-.icon-ios7-at:before {
+.ion-ios7-at:before {
content: "\e6e2";
}
-.icon-ios7-at-outline:before {
+.ion-ios7-at-outline:before {
content: "\e6e3";
}
-.icon-ios7-arrow-up:before {
+.ion-ios7-arrow-up:before {
content: "\e6e4";
}
-.icon-ios7-arrow-thin-up:before {
+.ion-ios7-arrow-thin-up:before {
content: "\e6e5";
}
-.icon-ios7-arrow-thin-right:before {
+.ion-ios7-arrow-thin-right:before {
content: "\e6e6";
}
-.icon-ios7-arrow-thin-left:before {
+.ion-ios7-arrow-thin-left:before {
content: "\e6e7";
}
-.icon-ios7-arrow-thin-down:before {
+.ion-ios7-arrow-thin-down:before {
content: "\e6e8";
}
-.icon-ios7-arrow-right:before {
+.ion-ios7-arrow-right:before {
content: "\e6e9";
}
-.icon-ios7-arrow-left:before {
+.ion-ios7-arrow-left:before {
content: "\e6ea";
}
-.icon-ios7-arrow-forward:before {
+.ion-ios7-arrow-forward:before {
content: "\e6eb";
}
-.icon-ios7-arrow-down:before {
+.ion-ios7-arrow-down:before {
content: "\e6ec";
}
-.icon-ios7-arrow-back:before {
+.ion-ios7-arrow-back:before {
content: "\e6ed";
}
-.icon-ios7-albums:before {
+.ion-ios7-albums:before {
content: "\e6ee";
}
-.icon-ios7-albums-outline:before {
+.ion-ios7-albums-outline:before {
content: "\e6ef";
}
-.icon-ios7-alarm:before {
+.ion-ios7-alarm:before {
content: "\e6f0";
}
-.icon-ios7-alarm-outline:before {
+.ion-ios7-alarm-outline:before {
content: "\e6f1";
}
-.icon-wrench:before {
+.ion-wrench:before {
content: "\e6f2";
}
-.icon-woman:before {
+.ion-woman:before {
content: "\e6f3";
}
-.icon-wineglass:before {
+.ion-wineglass:before {
content: "\e6f4";
}
-.icon-wifi:before {
+.ion-wifi:before {
content: "\e6f5";
}
-.icon-waterdrop:before {
+.ion-waterdrop:before {
content: "\e6f6";
}
-.icon-volume-mute:before {
+.ion-volume-mute:before {
content: "\e6f7";
}
-.icon-volume-medium:before {
+.ion-volume-medium:before {
content: "\e6f8";
}
-.icon-volume-low:before {
+.ion-volume-low:before {
content: "\e6f9";
}
-.icon-volume-high:before {
+.ion-volume-high:before {
content: "\e6fa";
}
-.icon-videocamera:before {
+.ion-videocamera:before {
content: "\e6fb";
}
-.icon-usb:before {
+.ion-usb:before {
content: "\e6fc";
}
-.icon-upload:before {
+.ion-upload:before {
content: "\e6fd";
}
-.icon-unlocked:before {
+.ion-unlocked:before {
content: "\e6fe";
}
-.icon-umbrella:before {
+.ion-umbrella:before {
content: "\e6ff";
}
-.icon-trash-b:before {
+.ion-trash-b:before {
content: "\e700";
}
-.icon-trash-a:before {
+.ion-trash-a:before {
content: "\e701";
}
-.icon-thumbsup:before {
+.ion-thumbsup:before {
content: "\e702";
}
-.icon-thumbsdown:before {
+.ion-thumbsdown:before {
content: "\e703";
}
-.icon-thermometer:before {
+.ion-thermometer:before {
content: "\e704";
}
-.icon-stop:before {
+.ion-stop:before {
content: "\e705";
}
-.icon-stats-bars:before {
+.ion-stats-bars:before {
content: "\e706";
}
-.icon-star:before {
+.ion-star:before {
content: "\e707";
}
-.icon-spoon:before {
+.ion-spoon:before {
content: "\e708";
}
-.icon-speedometer:before {
+.ion-speedometer:before {
content: "\e709";
}
-.icon-speakerphone:before {
+.ion-speakerphone:before {
content: "\e70a";
}
-.icon-skip-forward:before {
+.ion-skip-forward:before {
content: "\e70b";
}
-.icon-skip-backward:before {
+.ion-skip-backward:before {
content: "\e70c";
}
-.icon-shuffle:before {
+.ion-shuffle:before {
content: "\e70d";
}
-.icon-share:before {
+.ion-share:before {
content: "\e70e";
}
-.icon-settings:before {
+.ion-settings:before {
content: "\e70f";
}
-.icon-search:before {
+.ion-search:before {
content: "\e710";
}
-.icon-reply:before {
+.ion-reply:before {
content: "\e711";
}
-.icon-reply-all:before {
+.ion-reply-all:before {
content: "\e712";
}
-.icon-refresh:before {
+.ion-refresh:before {
content: "\e713";
}
-.icon-record:before {
+.ion-record:before {
content: "\e714";
}
-.icon-radio-waves:before {
+.ion-radio-waves:before {
content: "\e715";
}
-.icon-printer:before {
+.ion-printer:before {
content: "\e716";
}
-.icon-pricetags:before {
+.ion-pricetags:before {
content: "\e717";
}
-.icon-pricetag:before {
+.ion-pricetag:before {
content: "\e718";
}
-.icon-power:before {
+.ion-power:before {
content: "\e719";
}
-.icon-pound:before {
+.ion-pound:before {
content: "\e71a";
}
-.icon-plus:before {
+.ion-plus:before {
content: "\e71b";
}
-.icon-plus-round:before {
+.ion-plus-round:before {
content: "\e71c";
}
-.icon-plus-circled:before {
+.ion-plus-circled:before {
content: "\e71d";
}
-.icon-play:before {
+.ion-play:before {
content: "\e71e";
}
-.icon-plane:before {
+.ion-plane:before {
content: "\e71f";
}
-.icon-pizza:before {
+.ion-pizza:before {
content: "\e720";
}
-.icon-pinpoint:before {
+.ion-pinpoint:before {
content: "\e721";
}
-.icon-pin:before {
+.ion-pin:before {
content: "\e722";
}
-.icon-pie-graph:before {
+.ion-pie-graph:before {
content: "\e723";
}
-.icon-person:before {
+.ion-person:before {
content: "\e724";
}
-.icon-person-stalker:before {
+.ion-person-stalker:before {
content: "\e725";
}
-.icon-person-add:before {
+.ion-person-add:before {
content: "\e726";
}
-.icon-pause:before {
+.ion-pause:before {
content: "\e727";
}
-.icon-paperclip:before {
+.ion-paperclip:before {
content: "\e728";
}
-.icon-nuclear:before {
+.ion-nuclear:before {
content: "\e729";
}
-.icon-navigate:before {
+.ion-navigate:before {
content: "\e72a";
}
-.icon-navicon:before {
+.ion-navicon:before {
content: "\e72b";
}
-.icon-navicon-round:before {
+.ion-navicon-round:before {
content: "\e72c";
}
-.icon-music-note:before {
+.ion-music-note:before {
content: "\e72d";
}
-.icon-more:before {
+.ion-more:before {
content: "\e72e";
}
-.icon-monitor:before {
+.ion-monitor:before {
content: "\e72f";
}
-.icon-minus:before {
+.ion-minus:before {
content: "\e730";
}
-.icon-minus-round:before {
+.ion-minus-round:before {
content: "\e731";
}
-.icon-minus-circled:before {
+.ion-minus-circled:before {
content: "\e732";
}
-.icon-mic-c:before {
+.ion-mic-c:before {
content: "\e733";
}
-.icon-mic-b:before {
+.ion-mic-b:before {
content: "\e734";
}
-.icon-mic-a:before {
+.ion-mic-a:before {
content: "\e735";
}
-.icon-medkit:before {
+.ion-medkit:before {
content: "\e736";
}
-.icon-map:before {
+.ion-map:before {
content: "\e737";
}
-.icon-man:before {
+.ion-man:before {
content: "\e738";
}
-.icon-male:before {
+.ion-male:before {
content: "\e739";
}
-.icon-magnet:before {
+.ion-magnet:before {
content: "\e73a";
}
-.icon-loop:before {
+.ion-loop:before {
content: "\e73b";
}
-.icon-log-out:before {
+.ion-log-out:before {
content: "\e73c";
}
-.icon-log-in:before {
+.ion-log-in:before {
content: "\e73d";
}
-.icon-locked:before {
+.ion-locked:before {
content: "\e73e";
}
-.icon-location:before {
+.ion-location:before {
content: "\e73f";
}
-.icon-load-d:before {
+.ion-load-d:before {
content: "\e740";
}
-.icon-load-c:before {
+.ion-load-c:before {
content: "\e741";
}
-.icon-load-b:before {
+.ion-load-b:before {
content: "\e742";
}
-.icon-load-a:before {
+.ion-load-a:before {
content: "\e743";
}
-.icon-link:before {
+.ion-link:before {
content: "\e744";
}
-.icon-lightbulb:before {
+.ion-lightbulb:before {
content: "\e745";
}
-.icon-levels:before {
+.ion-levels:before {
content: "\e746";
}
-.icon-leaf:before {
+.ion-leaf:before {
content: "\e747";
}
-.icon-laptop:before {
+.ion-laptop:before {
content: "\e748";
}
-.icon-knife:before {
+.ion-knife:before {
content: "\e749";
}
-.icon-key:before {
+.ion-key:before {
content: "\e74a";
}
-.icon-jet:before {
+.ion-jet:before {
content: "\e74b";
}
-.icon-ipod:before {
+.ion-ipod:before {
content: "\e74c";
}
-.icon-iphone:before {
+.ion-iphone:before {
content: "\e74d";
}
-.icon-ipad:before {
+.ion-ipad:before {
content: "\e74e";
}
-.icon-ionic:before {
+.ion-ionic:before {
content: "\e74f";
}
-.icon-information:before {
+.ion-information:before {
content: "\e750";
}
-.icon-information-circled:before {
+.ion-information-circled:before {
content: "\e751";
}
-.icon-images:before {
+.ion-images:before {
content: "\e752";
}
-.icon-image:before {
+.ion-image:before {
content: "\e753";
}
-.icon-icecream:before {
+.ion-icecream:before {
content: "\e754";
}
-.icon-home:before {
+.ion-home:before {
content: "\e755";
}
-.icon-help:before {
+.ion-help:before {
content: "\e756";
}
-.icon-help-circled:before {
+.ion-help-circled:before {
content: "\e757";
}
-.icon-help-buoy:before {
+.ion-help-buoy:before {
content: "\e758";
}
-.icon-heart:before {
+.ion-heart:before {
content: "\e759";
}
-.icon-headphone:before {
+.ion-headphone:before {
content: "\e75a";
}
-.icon-hammer:before {
+.ion-hammer:before {
content: "\e75b";
}
-.icon-grid:before {
+.ion-grid:before {
content: "\e75c";
}
-.icon-gear-b:before {
+.ion-gear-b:before {
content: "\e75d";
}
-.icon-gear-a:before {
+.ion-gear-a:before {
content: "\e75e";
}
-.icon-game-controller-b:before {
+.ion-game-controller-b:before {
content: "\e75f";
}
-.icon-game-controller-a:before {
+.ion-game-controller-a:before {
content: "\e760";
}
-.icon-forward:before {
+.ion-forward:before {
content: "\e761";
}
-.icon-fork:before {
+.ion-fork:before {
content: "\e762";
}
-.icon-folder:before {
+.ion-folder:before {
content: "\e763";
}
-.icon-flask:before {
+.ion-flask:before {
content: "\e764";
}
-.icon-flash:before {
+.ion-flash:before {
content: "\e765";
}
-.icon-flash-off:before {
+.ion-flash-off:before {
content: "\e766";
}
-.icon-flag:before {
+.ion-flag:before {
content: "\e767";
}
-.icon-film-marker:before {
+.ion-film-marker:before {
content: "\e768";
}
-.icon-filing:before {
+.ion-filing:before {
content: "\e769";
}
-.icon-female:before {
+.ion-female:before {
content: "\e76a";
}
-.icon-eye:before {
+.ion-eye:before {
content: "\e76b";
}
-.icon-email:before {
+.ion-email:before {
content: "\e76c";
}
-.icon-eject:before {
+.ion-eject:before {
content: "\e76d";
}
-.icon-egg:before {
+.ion-egg:before {
content: "\e76e";
}
-.icon-earth:before {
+.ion-earth:before {
content: "\e76f";
}
-.icon-drag:before {
+.ion-drag:before {
content: "\e770";
}
-.icon-document:before {
+.ion-document:before {
content: "\e771";
}
-.icon-document-text:before {
+.ion-document-text:before {
content: "\e772";
}
-.icon-disc:before {
+.ion-disc:before {
content: "\e773";
}
-.icon-contrast:before {
+.ion-contrast:before {
content: "\e774";
}
-.icon-connection-bars:before {
+.ion-connection-bars:before {
content: "\e775";
}
-.icon-compose:before {
+.ion-compose:before {
content: "\e776";
}
-.icon-compass:before {
+.ion-compass:before {
content: "\e777";
}
-.icon-coffee:before {
+.ion-coffee:before {
content: "\e778";
}
-.icon-code:before {
+.ion-code:before {
content: "\e779";
}
-.icon-code-working:before {
+.ion-code-working:before {
content: "\e77a";
}
-.icon-code-download:before {
+.ion-code-download:before {
content: "\e77b";
}
-.icon-cloud:before {
+.ion-cloud:before {
content: "\e77c";
}
-.icon-close:before {
+.ion-close:before {
content: "\e77d";
}
-.icon-close-round:before {
+.ion-close-round:before {
content: "\e77e";
}
-.icon-close-circled:before {
+.ion-close-circled:before {
content: "\e77f";
}
-.icon-clock:before {
+.ion-clock:before {
content: "\e780";
}
-.icon-clipboard:before {
+.ion-clipboard:before {
content: "\e781";
}
-.icon-chevron-up:before {
+.ion-chevron-up:before {
content: "\e782";
}
-.icon-chevron-right:before {
+.ion-chevron-right:before {
content: "\e0fc";
}
-.icon-chevron-left:before {
+.ion-chevron-left:before {
content: "\e784";
}
-.icon-chevron-down:before {
+.ion-chevron-down:before {
content: "\e785";
}
-.icon-checkmark:before {
+.ion-checkmark:before {
content: "\e786";
}
-.icon-checkmark-round:before {
+.ion-checkmark-round:before {
content: "\e787";
}
-.icon-checkmark-circled:before {
+.ion-checkmark-circled:before {
content: "\e788";
}
-.icon-chatbubbles:before {
+.ion-chatbubbles:before {
content: "\e789";
}
-.icon-chatbubble:before {
+.ion-chatbubble:before {
content: "\e78a";
}
-.icon-chatbubble-working:before {
+.ion-chatbubble-working:before {
content: "\e78b";
}
-.icon-chatboxes:before {
+.ion-chatboxes:before {
content: "\e78c";
}
-.icon-chatbox:before {
+.ion-chatbox:before {
content: "\e78d";
}
-.icon-chatbox-working:before {
+.ion-chatbox-working:before {
content: "\e78e";
}
-.icon-card:before {
+.ion-card:before {
content: "\e78f";
}
-.icon-camera:before {
+.ion-camera:before {
content: "\e790";
}
-.icon-calendar:before {
+.ion-calendar:before {
content: "\e791";
}
-.icon-calculator:before {
+.ion-calculator:before {
content: "\e792";
}
-.icon-briefcase:before {
+.ion-briefcase:before {
content: "\e793";
}
-.icon-bookmark:before {
+.ion-bookmark:before {
content: "\e794";
}
-.icon-bluetooth:before {
+.ion-bluetooth:before {
content: "\e795";
}
-.icon-beaker:before {
+.ion-beaker:before {
content: "\e796";
}
-.icon-battery-low:before {
+.ion-battery-low:before {
content: "\e797";
}
-.icon-battery-half:before {
+.ion-battery-half:before {
content: "\e798";
}
-.icon-battery-full:before {
+.ion-battery-full:before {
content: "\e799";
}
-.icon-battery-empty:before {
+.ion-battery-empty:before {
content: "\e79a";
}
-.icon-battery-charging:before {
+.ion-battery-charging:before {
content: "\e79b";
}
-.icon-bag:before {
+.ion-bag:before {
content: "\e79c";
}
-.icon-at:before {
+.ion-at:before {
content: "\e79d";
}
-.icon-arrow-up-c:before {
+.ion-arrow-up-c:before {
content: "\e79e";
}
-.icon-arrow-up-b:before {
+.ion-arrow-up-b:before {
content: "\e79f";
}
-.icon-arrow-up-a:before {
+.ion-arrow-up-a:before {
content: "\e7a0";
}
-.icon-arrow-swap:before {
+.ion-arrow-swap:before {
content: "\e7a1";
}
-.icon-arrow-shrink:before {
+.ion-arrow-shrink:before {
content: "\e7a2";
}
-.icon-arrow-right-c:before {
+.ion-arrow-right-c:before {
content: "\e7a3";
}
-.icon-arrow-right-b:before {
+.ion-arrow-right-b:before {
content: "\e7a4";
}
-.icon-arrow-right-a:before {
+.ion-arrow-right-a:before {
content: "\e7a5";
}
-.icon-arrow-return-right:before {
+.ion-arrow-return-right:before {
content: "\e7a6";
}
-.icon-arrow-return-left:before {
+.ion-arrow-return-left:before {
content: "\e7a7";
}
-.icon-arrow-resize:before {
+.ion-arrow-resize:before {
content: "\e7a8";
}
-.icon-arrow-move:before {
+.ion-arrow-move:before {
content: "\e7a9";
}
-.icon-arrow-left-c:before {
+.ion-arrow-left-c:before {
content: "\e7aa";
}
-.icon-arrow-left-b:before {
+.ion-arrow-left-b:before {
content: "\e7ab";
}
-.icon-arrow-left-a:before {
+.ion-arrow-left-a:before {
content: "\e7ac";
}
-.icon-arrow-graph-up-right:before {
+.ion-arrow-graph-up-right:before {
content: "\e7ad";
}
-.icon-arrow-graph-up-left:before {
+.ion-arrow-graph-up-left:before {
content: "\e7ae";
}
-.icon-arrow-graph-down-right:before {
+.ion-arrow-graph-down-right:before {
content: "\e7af";
}
-.icon-arrow-graph-down-left:before {
+.ion-arrow-graph-down-left:before {
content: "\e7b0";
}
-.icon-arrow-expand:before {
+.ion-arrow-expand:before {
content: "\e7b1";
}
-.icon-arrow-down-c:before {
+.ion-arrow-down-c:before {
content: "\e7b2";
}
-.icon-arrow-down-b:before {
+.ion-arrow-down-b:before {
content: "\e7b3";
}
-.icon-arrow-down-a:before {
+.ion-arrow-down-a:before {
content: "\e7b4";
}
-.icon-archive:before {
+.ion-archive:before {
content: "\e7b5";
}
-.icon-alert:before {
+.ion-alert:before {
content: "\e7b6";
}
-.icon-alert-circled:before {
+.ion-alert-circled:before {
content: "\e7b7";
}
diff --git a/scss/ionic/_bar.scss b/scss/ionic/_bar.scss
index 20393c1bfe..fbf5c00ee0 100644
--- a/scss/ionic/_bar.scss
+++ b/scss/ionic/_bar.scss
@@ -108,7 +108,7 @@
font-size: $button-bar-button-font-size;
line-height: $button-bar-button-height - $button-border-width;
- i, .icon {
+ .ion {
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 73cbaf1b24..f981784baa 100644
--- a/scss/ionic/_button.scss
+++ b/scss/ionic/_button.scss
@@ -1,10 +1,14 @@
+
+// Buttons
+// -------------------------------
+
.button {
position: relative;
display: inline-block;
margin: 0;
- padding: $button-padding;
- padding-top: 1px;
+ padding: 1px $button-padding 0 $button-padding;
+ min-width: ($button-padding * 3) + $button-font-size;
min-height: $button-height;
border-width: $button-border-width;
@@ -22,7 +26,7 @@
cursor: pointer;
- i, .icon {
+ .ion {
display: inline-block;
padding: 0 0 $button-border-width 0;
vertical-align: inherit;
@@ -34,7 +38,7 @@
padding: 2px 4px;
background: none;
- i, .icon {
+ .ion {
font-size: $button-large-icon-size;
}
}
@@ -117,26 +121,29 @@
}
.button-small {
- padding: $button-small-padding;
+ padding: 0 $button-small-padding;
+ min-width: $button-small-height;
min-height: $button-small-height;
font-size: $button-small-font-size;
line-height: $button-small-height - $button-border-width;
- i, .icon {
+ .ion {
font-size: $button-small-icon-size;
line-height: $button-small-height - $button-border-width - 1;
}
}
.button-large {
- padding: $button-large-padding;
+ padding: 0 $button-large-padding;
+ min-width: ($button-large-padding * 3) + $button-large-font-size;
min-height: $button-large-height;
font-size: $button-large-font-size;
line-height: $button-large-height - $button-border-width;
- i, .icon {
+ .ion {
font-size: $button-large-icon-size;
- line-height: $button-large-height - $button-border-width - 1;
+ line-height: $button-large-height - ($button-border-width * 2) - 1;
+ padding-bottom: ($button-border-width * 2);
}
}
diff --git a/scss/ionic/_form.scss b/scss/ionic/_form.scss
index 41b61af6c4..185b11ea87 100644
--- a/scss/ionic/_form.scss
+++ b/scss/ionic/_form.scss
@@ -67,7 +67,7 @@ textarea {
color: $input-label-color;
font-weight: bold;
}
- i, .icon {
+ .ion {
@include flex(0, 0, 24px);
position: static;
height: auto;
@@ -85,7 +85,7 @@ textarea {
background-color: transparent;
box-shadow: none;
- .input-label, [class^="icon-"], [class*=" icon-"] {
+ .input-label, .ion {
display: inline-block;
padding: 4px 0;
vertical-align: middle;
diff --git a/scss/ionic/_icons.scss b/scss/ionic/_icons.scss
index 1e444d2b5d..0f653a6ddd 100644
--- a/scss/ionic/_icons.scss
+++ b/scss/ionic/_icons.scss
@@ -1,53 +1,56 @@
-i.icon-default, .icon.icon-default {
+// Icons
+// -------------------------------
+
+.ion-default {
color: $brand-default;
}
-i.icon-secondary, .icon.icon-secondary {
+.ion-secondary {
color: darken($brand-secondary, 10%);
}
-i.icon-primary, .icon.icon-primary {
+.ion-primary {
color: $brand-primary;
}
-i.icon-info, .icon.icon-info {
+.ion-info {
color: $brand-info;
}
-i.icon-success, .icon.icon-success {
+.ion-success {
color: $brand-success;
}
-i.icon-warning, .icon.icon-warning {
+.ion-warning {
color: $brand-warning;
}
-i.icon-danger, .icon.icon-danger {
+.ion-danger {
color: $brand-danger;
}
-i.icon-dark, .icon.icon-dark {
+.ion-dark {
color: $brand-dark;
}
-i.icon-gray-darker, .icon.icon-gray-darker {
+.ion-gray-darker {
color: $gray-darker;
}
-i.icon-gray-dark, .icon.icon-gray-dark {
+.ion-gray-dark {
color: $gray-dark;
}
-i.icon-gray, .icon.icon-gray {
+.ion-gray {
color: $gray;
}
-i.icon-gray-light, .icon.icon-gray-light {
+.ion-gray-light {
color: $gray-light;
}
-i.icon-gray-lighter, .icon.icon-gray-lighter {
+.ion-gray-lighter {
color: $gray-light;
}
@@ -61,51 +64,51 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
padding: 1px;
}
- &.icon-default:before {
+ &.ion-default:before {
background: $brand-default;
}
- &.icon-secondary:before {
+ &.ion-secondary:before {
background: $brand-secondary;
}
- &.icon-primary:before {
+ &.ion-primary:before {
background: $brand-primary;
}
- &.icon-info:before {
+ &.ion-info:before {
background: $brand-info;
}
- &.icon-success:before {
+ &.ion-success:before {
background: $brand-success;
}
- &.icon-warning:before {
+ &.ion-warning:before {
background: $brand-warning;
}
- &.icon-danger:before {
+ &.ion-danger:before {
background: $brand-danger;
}
- &.icon-dark:before {
+ &.ion-dark:before {
background: $brand-dark;
}
- &.icon-gray-darker:before {
+ &.ion-gray-darker:before {
background: $gray-darker;
}
- &.icon-gray-dark:before {
+ &.ion-gray-dark:before {
background: $gray-dark;
}
- &.icon-gray:before {
+ &.ion-gray:before {
background: $gray;
}
- &.icon-gray-light:before {
+ &.ion-gray-light:before {
background: $gray-light;
}
- &.icon-gray-lighter:before {
+ &.ion-gray-lighter:before {
background: $gray-lighter;
}
}
-.icon-loading {
- font-family: 'ionicons';
+.ion-loading {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -123,8 +126,8 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
}
}
-.icon-refreshing {
- font-family: 'ionicons';
+.ion-refreshing {
+ font-family: 'Ionicons';
speak: none;
font-weight: normal;
font-variant: normal;
@@ -140,4 +143,4 @@ i.icon-gray-lighter, .icon.icon-gray-lighter {
&:before {
content: "\e144";
}
-}
\ No newline at end of file
+}
diff --git a/scss/ionic/_items.scss b/scss/ionic/_items.scss
index d09444ae92..c3b75ef9da 100644
--- a/scss/ionic/_items.scss
+++ b/scss/ionic/_items.scss
@@ -174,8 +174,7 @@ a.item {
// List Icons
// -------------------------------
-.item i,
-.item .icon {
+.item .ion {
@include display-flex();
@include align-items(center);
position: absolute;
@@ -193,7 +192,7 @@ a.item {
.item-icon-left {
padding-left: ($item-padding * 3);
- i, .icon {
+ .ion {
left: $item-padding / 2;
}
}
@@ -205,17 +204,14 @@ a.item {
}
}
-.item-icon-right i,
-.item-icon-right .icon {
+.item-icon-right .ion {
right: $item-padding / 2;
}
-.item-icon-left.item-icon-right i:first-child,
-.item-icon-left.item-icon-right .icon:first-child {
+.item-icon-left.item-icon-right .ion:first-child {
right: auto;
}
-.item-icon-left.item-icon-right i:last-child,
-.item-icon-left.item-icon-right .icon:last-child {
+.item-icon-left.item-icon-right .ion:last-child {
left: auto;
}
@@ -243,7 +239,7 @@ button.item:active,
font-size: $item-icon-font-size;
min-height: $item-icon-font-size;
- i {
+ .ion {
position: relative;
line-height: $item-icon-font-size - 1;
left: auto;
@@ -264,7 +260,7 @@ button.item:active,
font-size: $item-icon-font-size;
min-height: $item-icon-font-size;
- i {
+ .ion {
position: relative;
line-height: $item-icon-font-size - 1;
left: auto;
@@ -285,7 +281,7 @@ button.item:after {
right: $item-padding - 4;
height: 100%;
color: #ccc;
- content: "\e0fc"; // icon-chevron-right
+ content: "\e0fc"; // ion-chevron-right
text-transform: none;
font-weight: normal;
font-style: normal;
@@ -448,7 +444,7 @@ button.item-button-right:after {
height: 100%;
}
- i, .icon {
+ .ion {
color: $brand-danger;
font-size: 24px;
}
diff --git a/scss/ionic/_tabs.scss b/scss/ionic/_tabs.scss
index 83884eac7a..636e50a56e 100644
--- a/scss/ionic/_tabs.scss
+++ b/scss/ionic/_tabs.scss
@@ -93,8 +93,7 @@
line-height: $tabs-text-font-size;
}
-.tab-item i,
-.tab-item .icon {
+.tab-item .ion {
display: block;
margin: 0 auto;
height: $tabs-icon-size;
@@ -104,7 +103,7 @@
.tabs-icon-left .tab-item,
.tabs-icon-right .tab-item {
font-size: $tabs-text-with-icon-font-size;
- i, .icon {
+ .ion {
font-size: $tabs-icon-size - 8;
display: inline-block;
vertical-align: top;
@@ -112,8 +111,7 @@
}
}
-.tabs-icon-only i,
-.tabs-icon-only .icon {
+.tabs-icon-only .ion {
line-height: inherit;
}
@@ -150,7 +148,7 @@
@include display-flex();
padding: 0;
- i, .icon {
+ .ion {
position: relative;
}
}
diff --git a/scss/ionic/_variables.scss b/scss/ionic/_variables.scss
index e2e53e583f..fdc897ac4e 100644
--- a/scss/ionic/_variables.scss
+++ b/scss/ionic/_variables.scss
@@ -211,28 +211,28 @@ $info-border: darken(adjust-hue($info-bg, -10), 7%);
$button-color: #222;
$button-block-margin: 10px !default;
-$button-clear-padding: 0 6px;
+$button-clear-padding: 6px !default;
$button-border-radius: 2px;
$button-border-width: 1px;
$button-font-size: 16px;
$button-height: 42px;
-$button-padding: 0 12px;
+$button-padding: 12px !default;
$button-icon-size: 24px;
$button-large-font-size: 18px;
$button-large-height: 54px;
-$button-large-padding: 0 12px;
+$button-large-padding: 16px !default;
$button-large-icon-size: 32px;
$button-small-font-size: 12px;
$button-small-height: 28px;
-$button-small-padding: 0 4px;
+$button-small-padding: 4px !default;
$button-small-icon-size: 16px;
$button-bar-button-font-size: 12px;
-$button-bar-button-height: 31px !default;
-$button-bar-button-padding: 0 8px;
+$button-bar-button-height: 31px;
+$button-bar-button-padding: 8px !default;
$button-bar-button-icon-size: 24px;
$button-default-bg: $brand-default;
diff --git a/test/buttons.html b/test/buttons.html
index 81b32e6928..fd865f620f 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 6a0ac20f60..71bf0f5a6a 100644
--- a/test/cards.html
+++ b/test/cards.html
@@ -47,22 +47,22 @@
-
+
Start listening
@@ -122,15 +122,15 @@
diff --git a/test/controllers/sideMenu.html b/test/controllers/sideMenu.html
index 1013ca77e4..9d5ab7a81d 100644
--- a/test/controllers/sideMenu.html
+++ b/test/controllers/sideMenu.html
@@ -13,7 +13,7 @@