├── LICENSE
├── README.md
└── www
    ├── css
        └── style.css
    ├── img
        └── ionic.png
    ├── index.html
    ├── js
        ├── app.js
        ├── controllers.js
        └── services.js
    ├── lib
        └── ionic
        │   ├── css
        │       ├── ionic.css
        │       └── ionic.min.css
        │   ├── fonts
        │       ├── ionicons.eot
        │       ├── ionicons.svg
        │       ├── ionicons.ttf
        │       └── ionicons.woff
        │   ├── js
        │       ├── angular-ui
        │       │   ├── angular-ui-router.js
        │       │   └── angular-ui-router.min.js
        │       ├── angular
        │       │   ├── angular-animate.js
        │       │   ├── angular-animate.min.js
        │       │   ├── angular-resource.js
        │       │   ├── angular-resource.min.js
        │       │   ├── angular-sanitize.js
        │       │   ├── angular-sanitize.min.js
        │       │   ├── angular.js
        │       │   └── angular.min.js
        │       ├── ionic-angular.js
        │       ├── ionic-angular.min.js
        │       ├── ionic.bundle.js
        │       ├── ionic.bundle.min.js
        │       ├── ionic.js
        │       └── ionic.min.js
        │   ├── scss
        │       ├── _action-sheet.scss
        │       ├── _animations.scss
        │       ├── _backdrop.scss
        │       ├── _badge.scss
        │       ├── _bar.scss
        │       ├── _button-bar.scss
        │       ├── _button.scss
        │       ├── _checkbox.scss
        │       ├── _form.scss
        │       ├── _grid.scss
        │       ├── _items.scss
        │       ├── _list.scss
        │       ├── _loading.scss
        │       ├── _menu.scss
        │       ├── _mixins.scss
        │       ├── _modal.scss
        │       ├── _platform.scss
        │       ├── _popover.scss
        │       ├── _popup.scss
        │       ├── _progress.scss
        │       ├── _radio.scss
        │       ├── _range.scss
        │       ├── _reset.scss
        │       ├── _scaffolding.scss
        │       ├── _select.scss
        │       ├── _slide-box.scss
        │       ├── _tabs.scss
        │       ├── _toggle.scss
        │       ├── _transitions.scss
        │       ├── _type.scss
        │       ├── _util.scss
        │       ├── _variables.scss
        │       ├── ionic.scss
        │       └── ionicons
        │       │   ├── _ionicons-animation.scss
        │       │   ├── _ionicons-font.scss
        │       │   ├── _ionicons-icons.scss
        │       │   ├── _ionicons-variables.scss
        │       │   └── ionicons.scss
        │   └── version.json
    └── templates
        ├── detail.html
        ├── list.html
        └── main.html


/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2015 xiaoheshang
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # jpushionic
2 | 


--------------------------------------------------------------------------------
/www/css/style.css:
--------------------------------------------------------------------------------
1 | /* Empty. Add your own CSS if you like */
2 | 


--------------------------------------------------------------------------------
/www/img/ionic.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoheshang/jpushionic/8a02defea1ed1ac733db55e5596359d710c19db7/www/img/ionic.png


--------------------------------------------------------------------------------
/www/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
 6 |     <title></title>
 7 | 
 8 |     <link href="lib/ionic/css/ionic.css" rel="stylesheet">
 9 |     <link href="css/style.css" rel="stylesheet">
10 | 
11 |     <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
12 |     <link href="css/ionic.app.css" rel="stylesheet">
13 |     -->
14 | 
15 |     <!-- ionic/angularjs js -->
16 |     <script src="lib/ionic/js/ionic.bundle.js"></script>
17 | 
18 |     <!-- cordova script (this will be a 404 during development) -->
19 |     <script src="cordova.js"></script>
20 | 
21 |     <!-- your app's js -->
22 |     <script src="js/app.js"></script>
23 |     <script src="js/services.js"></script>
24 |     <script src="js/controllers.js"></script>
25 | 
26 |   </head>
27 |   <body ng-app="starter">
28 |     <ion-nav-bar class="bar-positive">
29 |       <ion-nav-back-button></ion-nav-back-button>
30 |     </ion-nav-bar>
31 |     <ion-nav-view name="mainContainer"></ion-nav-view>
32 |   </body>
33 | </html>
34 | 


--------------------------------------------------------------------------------
/www/js/app.js:
--------------------------------------------------------------------------------
 1 | // Ionic Starter App
 2 | 
 3 | // angular.module is a global place for creating, registering and retrieving Angular modules
 4 | // 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
 5 | // the 2nd parameter is an array of 'requires'
 6 | var jpushdemo=angular.module('starter', ['ionic']);
 7 | 
 8 | jpushdemo.run(function($ionicPlatform,$state,jpushService) {
 9 |   $ionicPlatform.ready(function() {
10 |     // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
11 |     // for form inputs)
12 |     if(window.cordova && window.cordova.plugins.Keyboard) {
13 |       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
14 |     }
15 |     if(window.StatusBar) {
16 |       StatusBar.styleDefault();
17 |     }
18 | 
19 | 
20 | 
21 |     //推送初始化
22 |     var setTagsWithAliasCallback=function(event){
23 |       window.alert('result code:'+event.resultCode+' tags:'+event.tags+' alias:'+event.alias);
24 |     }
25 |     var openNotificationInAndroidCallback=function(data){
26 |       var json=data;
27 |       window.alert(json);
28 |       if(typeof data === 'string'){
29 |         json=JSON.parse(data);
30 |       }
31 |       var id=json.extras['cn.jpush.android.EXTRA'].id;
32 |       //window.alert(id);
33 |       $state.go('detail',{id:id});
34 |     }
35 |     var config={
36 |       stac:setTagsWithAliasCallback,
37 |       oniac:openNotificationInAndroidCallback
38 |     };
39 |     
40 |     jpushService.init(config);
41 | 
42 |     //启动极光推送服务
43 |     //window.plugins.jPushPlugin.init();
44 |     //window.plugins.jPushPlugin.setDebugMode(true);
45 |   });
46 | 
47 |   window.onerror = function(msg, url, line) {  
48 |    var idx = url.lastIndexOf("/");  
49 |    if(idx > -1) {  
50 |     url = url.substring(idx+1);  
51 |    }  
52 |    alert("ERROR in " + url + " (line #" + line + "): " + msg);  
53 |    return false;  
54 |   };
55 | })
56 | 
57 | jpushdemo.config(['$stateProvider', '$urlRouterProvider', function ($stateProvider,$urlRouterProvider) {
58 |   $stateProvider.state('main',{
59 |     url:'/main?url',
60 |     views:{
61 |       'mainContainer':{
62 |         templateUrl: "templates/main.html",
63 |         controller:'mainCtrl'
64 |       }
65 |     }
66 |   }).state('list',{
67 |     url:'/list',
68 |     views:{
69 |       'mainContainer':{
70 |         templateUrl:'templates/list.html',
71 |         controller:'listCtrl'
72 |       }
73 |     }
74 |   }).state('detail',{
75 |     url:'/detail?id',
76 |     views:{
77 |       'mainContainer':{
78 |         templateUrl:'templates/detail.html',
79 |         controller:'detailCtrl'
80 |       }
81 |     }
82 |   });
83 |   $urlRouterProvider.otherwise('/main')
84 | }])
85 | 


--------------------------------------------------------------------------------
/www/js/controllers.js:
--------------------------------------------------------------------------------
 1 | jpushdemo.controller('mainCtrl', ['$scope','$ionicPopup','$stateParams','$state','jpushService', function ($scope,$ionicPopup,$stateParams,$state,jpushService) {
 2 | 	$scope.message="";
 3 | 
 4 | 	$scope.options={
 5 | 		tags:"",
 6 | 		alias:""
 7 | 	};
 8 | 
 9 | 	$scope.result="";
10 | 
11 | 	// $scope.$on('$ionicView.beforeEnter',function(){
12 | 	// 	var url=$stateParams.url;
13 | 	// 	if(url){
14 | 	// 		$state.go(url);
15 | 	// 	}
16 | 	// });
17 | 
18 | 	$scope.init=function(){
19 | 		jpushService.init();
20 | 		window.alert('执行启动');
21 | 	};
22 | 
23 | 	$scope.stopPush=function(){
24 | 		jpushService.stopPush();
25 | 		window.alert('执行停止');
26 | 	};
27 | 
28 | 	$scope.resumePush=function(){
29 | 		jpushService.resumePush();
30 | 		window.alert('执行重启');
31 | 	};
32 | 
33 | 	$scope.getPushState=function(){
34 | 		jpushService.isPushStopped(function(data){
35 | 			if(data==0){
36 | 				window.alert('启动');
37 | 			}else{
38 | 				window.alert('停止');
39 | 			}
40 | 		});
41 | 	};
42 | 
43 | 	$scope.setTags=function(){
44 | 		var tagArr=$scope.options.tags.split(',');
45 | 		setTagsWithAlias(tagArr,null);
46 | 		//jpushService.setTags(tagArr);
47 | 	}
48 | 
49 | 	$scope.setAlias=function(){
50 | 		var alias=$scope.options.alias;
51 | 		setTagsWithAlias(null,alias);
52 | 		//jpushService.setAlias(alias);
53 | 	}
54 | 
55 | 	var setTagsWithAlias=function(tags,alias){
56 | 		jpushService.setTagsWithAlias(tags,alias);
57 | 	}
58 | 	$scope.setTagsWithAlias=function(){
59 | 		var tagArr=$scope.options.tags.split(',')
60 | 		if(tagArr.length==0){
61 | 			tagArr=null;
62 | 		}
63 | 
64 | 		var alias=$scope.options.alias;
65 | 		if(alias===''){
66 | 			alias=null;
67 | 		}
68 | 		setTagsWithAlias(tagArr,alias);
69 | 
70 | 	}
71 | 	$scope.cleanTagAndAlias=function(){
72 | 		var tags=[];
73 | 		var alias="";
74 | 		setTagsWithAlias(tags,alias);
75 | 	}
76 | }])
77 | 
78 | .controller('listCtrl', ['$scope','noticeService' ,function ($scope,noticeService) {
79 | 	$scope.items=noticeService.notices;
80 | }])
81 | 
82 | .controller('detailCtrl', ['$scope','$stateParams', function ($scope,$stateParams) {
83 | 	var id=$stateParams.id;
84 | 	$scope.message='消息id：'+id;
85 | }])


--------------------------------------------------------------------------------
/www/js/services.js:
--------------------------------------------------------------------------------
 1 | jpushdemo.factory('jpushService',['$http','$window','$document',function($http,$window,$document){
 2 | 	var jpushServiceFactory={};
 3 | 
 4 | 	//var jpushapi=$window.plugins.jPushPlugin;
 5 | 
 6 | 	//启动极光推送
 7 | 	var _init=function(config){
 8 | 		$window.plugins.jPushPlugin.init();
 9 | 		//设置tag和Alias触发事件处理
10 | 		document.addEventListener('jpush.setTagsWithAlias',config.stac,false);
11 | 		//打开推送消息事件处理
12 | 		$window.plugins.jPushPlugin.openNotificationInAndroidCallback=config.oniac;
13 | 		
14 | 
15 | 		$window.plugins.jPushPlugin.setDebugMode(true);
16 | 	}
17 | 	//获取状态
18 | 	var _isPushStopped=function(fun){
19 | 		$window.plugins.jPushPlugin.isPushStopped(fun)
20 | 	}
21 | 	//停止极光推送
22 | 	var _stopPush=function(){
23 | 		$window.plugins.jPushPlugin.stopPush();
24 | 	}
25 | 
26 | 	//重启极光推送
27 | 	var _resumePush=function(){
28 | 		$window.plugins.jPushPlugin.resumePush();
29 | 	}
30 | 
31 | 	//设置标签和别名
32 | 	var _setTagsWithAlias=function(tags,alias){
33 | 		$window.plugins.jPushPlugin.setTagsWithAlias(tags,alias);
34 | 	}
35 | 
36 | 	//设置标签
37 | 	var _setTags=function(tags){
38 | 		$window.plugins.jPushPlugin.setTags(tags);
39 | 	}
40 | 
41 | 	//设置别名
42 | 	var _setAlias=function(alias){
43 | 		$window.plugins.jPushPlugin.setAlias(alias);
44 | 	}
45 | 
46 | 
47 | 
48 | 	jpushServiceFactory.init=_init;
49 | 	jpushServiceFactory.isPushStopped=_isPushStopped;
50 | 	jpushServiceFactory.stopPush=_stopPush;
51 | 	jpushServiceFactory.resumePush=_resumePush;
52 | 
53 | 	jpushServiceFactory.setTagsWithAlias=_setTagsWithAlias;
54 | 	jpushServiceFactory.setTags=_setTags;
55 | 	jpushServiceFactory.setAlias=_setAlias;
56 | 
57 | 	return jpushServiceFactory;
58 | }])
59 | 
60 | 
61 | .factory('noticeService', [function () {
62 | 	var notices=[
63 | 		{id:1,msg:'消息一'},
64 | 		{id:2,msg:'消息二'},
65 | 		{id:3,msg:'消息三'},
66 | 		{id:4,msg:'消息四'},
67 | 		{id:5,msg:'消息五'},
68 | 		{id:6,msg:'消息六'},
69 | 		{id:7,msg:'消息七'},
70 | 		{id:8,msg:'消息八'}
71 | 	];
72 | 
73 | 	return {
74 | 		notices:notices
75 | 	};
76 | }])


--------------------------------------------------------------------------------
/www/lib/ionic/fonts/ionicons.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoheshang/jpushionic/8a02defea1ed1ac733db55e5596359d710c19db7/www/lib/ionic/fonts/ionicons.eot


--------------------------------------------------------------------------------
/www/lib/ionic/fonts/ionicons.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoheshang/jpushionic/8a02defea1ed1ac733db55e5596359d710c19db7/www/lib/ionic/fonts/ionicons.ttf


--------------------------------------------------------------------------------
/www/lib/ionic/fonts/ionicons.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xiaoheshang/jpushionic/8a02defea1ed1ac733db55e5596359d710c19db7/www/lib/ionic/fonts/ionicons.woff


--------------------------------------------------------------------------------
/www/lib/ionic/js/angular/angular-animate.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.3.6
 3 |  (c) 2010-2014 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(N,f,W){'use strict';f.module("ngAnimate",["ng"]).directive("ngAnimateChildren",function(){return function(X,C,g){g=g.ngAnimateChildren;f.isString(g)&&0===g.length?C.data("$$ngAnimateChildren",!0):X.$watch(g,function(f){C.data("$$ngAnimateChildren",!!f)})}}).factory("$$animateReflow",["$$rAF","$document",function(f,C){return function(g){return f(function(){g()})}}]).config(["$provide","$animateProvider",function(X,C){function g(f){for(var n=0;n<f.length;n++){var g=f[n];if(1==g.nodeType)return g}}
 7 | function ba(f,n){return g(f)==g(n)}var t=f.noop,n=f.forEach,da=C.$$selectors,aa=f.isArray,ea=f.isString,ga=f.isObject,r={running:!0},u;X.decorator("$animate",["$delegate","$$q","$injector","$sniffer","$rootElement","$$asyncCallback","$rootScope","$document","$templateRequest","$$jqLite",function(O,N,M,Y,y,H,P,W,Z,Q){function R(a,c){var b=a.data("$$ngAnimateState")||{};c&&(b.running=!0,b.structural=!0,a.data("$$ngAnimateState",b));return b.disabled||b.running&&b.structural}function D(a){var c,b=N.defer();
 8 | b.promise.$$cancelFn=function(){c&&c()};P.$$postDigest(function(){c=a(function(){b.resolve()})});return b.promise}function I(a){if(ga(a))return a.tempClasses&&ea(a.tempClasses)&&(a.tempClasses=a.tempClasses.split(/\s+/)),a}function S(a,c,b){b=b||{};var d={};n(b,function(e,a){n(a.split(" "),function(a){d[a]=e})});var h=Object.create(null);n((a.attr("class")||"").split(/\s+/),function(e){h[e]=!0});var f=[],l=[];n(c&&c.classes||[],function(e,a){var b=h[a],c=d[a]||{};!1===e?(b||"addClass"==c.event)&&
 9 | l.push(a):!0===e&&(b&&"removeClass"!=c.event||f.push(a))});return 0<f.length+l.length&&[f.join(" "),l.join(" ")]}function T(a){if(a){var c=[],b={};a=a.substr(1).split(".");(Y.transitions||Y.animations)&&c.push(M.get(da[""]));for(var d=0;d<a.length;d++){var f=a[d],k=da[f];k&&!b[f]&&(c.push(M.get(k)),b[f]=!0)}return c}}function U(a,c,b,d){function h(e,a){var b=e[a],c=e["before"+a.charAt(0).toUpperCase()+a.substr(1)];if(b||c)return"leave"==a&&(c=b,b=null),u.push({event:a,fn:b}),J.push({event:a,fn:c}),
10 | !0}function k(c,l,w){var E=[];n(c,function(a){a.fn&&E.push(a)});var m=0;n(E,function(c,f){var p=function(){a:{if(l){(l[f]||t)();if(++m<E.length)break a;l=null}w()}};switch(c.event){case "setClass":l.push(c.fn(a,e,A,p,d));break;case "animate":l.push(c.fn(a,b,d.from,d.to,p));break;case "addClass":l.push(c.fn(a,e||b,p,d));break;case "removeClass":l.push(c.fn(a,A||b,p,d));break;default:l.push(c.fn(a,p,d))}});l&&0===l.length&&w()}var l=a[0];if(l){d&&(d.to=d.to||{},d.from=d.from||{});var e,A;aa(b)&&(e=
11 | b[0],A=b[1],e?A?b=e+" "+A:(b=e,c="addClass"):(b=A,c="removeClass"));var w="setClass"==c,E=w||"addClass"==c||"removeClass"==c||"animate"==c,p=a.attr("class")+" "+b;if(x(p)){var ca=t,m=[],J=[],g=t,s=[],u=[],p=(" "+p).replace(/\s+/g,".");n(T(p),function(a){!h(a,c)&&w&&(h(a,"addClass"),h(a,"removeClass"))});return{node:l,event:c,className:b,isClassBased:E,isSetClassOperation:w,applyStyles:function(){d&&a.css(f.extend(d.from||{},d.to||{}))},before:function(a){ca=a;k(J,m,function(){ca=t;a()})},after:function(a){g=
12 | a;k(u,s,function(){g=t;a()})},cancel:function(){m&&(n(m,function(a){(a||t)(!0)}),ca(!0));s&&(n(s,function(a){(a||t)(!0)}),g(!0))}}}}}function G(a,c,b,d,h,k,l,e){function A(e){var l="$animate:"+e;J&&J[l]&&0<J[l].length&&H(function(){b.triggerHandler(l,{event:a,className:c})})}function w(){A("before")}function E(){A("after")}function p(){p.hasBeenRun||(p.hasBeenRun=!0,k())}function g(){if(!g.hasBeenRun){m&&m.applyStyles();g.hasBeenRun=!0;l&&l.tempClasses&&n(l.tempClasses,function(a){u.removeClass(b,
13 | a)});var w=b.data("$$ngAnimateState");w&&(m&&m.isClassBased?B(b,c):(H(function(){var e=b.data("$$ngAnimateState")||{};fa==e.index&&B(b,c,a)}),b.data("$$ngAnimateState",w)));A("close");e()}}var m=U(b,a,c,l);if(!m)return p(),w(),E(),g(),t;a=m.event;c=m.className;var J=f.element._data(m.node),J=J&&J.events;d||(d=h?h.parent():b.parent());if(z(b,d))return p(),w(),E(),g(),t;d=b.data("$$ngAnimateState")||{};var L=d.active||{},s=d.totalActive||0,q=d.last;h=!1;if(0<s){s=[];if(m.isClassBased)"setClass"==q.event?
14 | (s.push(q),B(b,c)):L[c]&&(v=L[c],v.event==a?h=!0:(s.push(v),B(b,c)));else if("leave"==a&&L["ng-leave"])h=!0;else{for(var v in L)s.push(L[v]);d={};B(b,!0)}0<s.length&&n(s,function(a){a.cancel()})}!m.isClassBased||m.isSetClassOperation||"animate"==a||h||(h="addClass"==a==b.hasClass(c));if(h)return p(),w(),E(),A("close"),e(),t;L=d.active||{};s=d.totalActive||0;if("leave"==a)b.one("$destroy",function(a){a=f.element(this);var e=a.data("$$ngAnimateState");e&&(e=e.active["ng-leave"])&&(e.cancel(),B(a,"ng-leave"))});
15 | u.addClass(b,"ng-animate");l&&l.tempClasses&&n(l.tempClasses,function(a){u.addClass(b,a)});var fa=K++;s++;L[c]=m;b.data("$$ngAnimateState",{last:m,active:L,index:fa,totalActive:s});w();m.before(function(e){var l=b.data("$$ngAnimateState");e=e||!l||!l.active[c]||m.isClassBased&&l.active[c].event!=a;p();!0===e?g():(E(),m.after(g))});return m.cancel}function q(a){if(a=g(a))a=f.isFunction(a.getElementsByClassName)?a.getElementsByClassName("ng-animate"):a.querySelectorAll(".ng-animate"),n(a,function(a){a=
16 | f.element(a);(a=a.data("$$ngAnimateState"))&&a.active&&n(a.active,function(a){a.cancel()})})}function B(a,c){if(ba(a,y))r.disabled||(r.running=!1,r.structural=!1);else if(c){var b=a.data("$$ngAnimateState")||{},d=!0===c;!d&&b.active&&b.active[c]&&(b.totalActive--,delete b.active[c]);if(d||!b.totalActive)u.removeClass(a,"ng-animate"),a.removeData("$$ngAnimateState")}}function z(a,c){if(r.disabled)return!0;if(ba(a,y))return r.running;var b,d,g;do{if(0===c.length)break;var k=ba(c,y),l=k?r:c.data("$$ngAnimateState")||
17 | {};if(l.disabled)return!0;k&&(g=!0);!1!==b&&(k=c.data("$$ngAnimateChildren"),f.isDefined(k)&&(b=k));d=d||l.running||l.last&&!l.last.isClassBased}while(c=c.parent());return!g||!b&&d}u=Q;y.data("$$ngAnimateState",r);var $=P.$watch(function(){return Z.totalPendingRequests},function(a,c){0===a&&($(),P.$$postDigest(function(){P.$$postDigest(function(){r.running=!1})}))}),K=0,V=C.classNameFilter(),x=V?function(a){return V.test(a)}:function(){return!0};return{animate:function(a,c,b,d,h){d=d||"ng-inline-animate";
18 | h=I(h)||{};h.from=b?c:null;h.to=b?b:c;return D(function(b){return G("animate",d,f.element(g(a)),null,null,t,h,b)})},enter:function(a,c,b,d){d=I(d);a=f.element(a);c=c&&f.element(c);b=b&&f.element(b);R(a,!0);O.enter(a,c,b);return D(function(h){return G("enter","ng-enter",f.element(g(a)),c,b,t,d,h)})},leave:function(a,c){c=I(c);a=f.element(a);q(a);R(a,!0);return D(function(b){return G("leave","ng-leave",f.element(g(a)),null,null,function(){O.leave(a)},c,b)})},move:function(a,c,b,d){d=I(d);a=f.element(a);
19 | c=c&&f.element(c);b=b&&f.element(b);q(a);R(a,!0);O.move(a,c,b);return D(function(h){return G("move","ng-move",f.element(g(a)),c,b,t,d,h)})},addClass:function(a,c,b){return this.setClass(a,c,[],b)},removeClass:function(a,c,b){return this.setClass(a,[],c,b)},setClass:function(a,c,b,d){d=I(d);a=f.element(a);a=f.element(g(a));if(R(a))return O.$$setClassImmediately(a,c,b,d);var h,k=a.data("$$animateClasses"),l=!!k;k||(k={classes:{}});h=k.classes;c=aa(c)?c:c.split(" ");n(c,function(a){a&&a.length&&(h[a]=
20 | !0)});b=aa(b)?b:b.split(" ");n(b,function(a){a&&a.length&&(h[a]=!1)});if(l)return d&&k.options&&(k.options=f.extend(k.options||{},d)),k.promise;a.data("$$animateClasses",k={classes:h,options:d});return k.promise=D(function(e){var l=a.parent(),b=g(a),c=b.parentNode;if(!c||c.$$NG_REMOVED||b.$$NG_REMOVED)e();else{b=a.data("$$animateClasses");a.removeData("$$animateClasses");var c=a.data("$$ngAnimateState")||{},d=S(a,b,c.active);return d?G("setClass",d,a,l,null,function(){d[0]&&O.$$addClassImmediately(a,
21 | d[0]);d[1]&&O.$$removeClassImmediately(a,d[1])},b.options,e):e()}})},cancel:function(a){a.$$cancelFn()},enabled:function(a,c){switch(arguments.length){case 2:if(a)B(c);else{var b=c.data("$$ngAnimateState")||{};b.disabled=!0;c.data("$$ngAnimateState",b)}break;case 1:r.disabled=!a;break;default:a=!r.disabled}return!!a}}}]);C.register("",["$window","$sniffer","$timeout","$$animateReflow",function(r,C,M,Y){function y(){b||(b=Y(function(){c=[];b=null;x={}}))}function H(a,e){b&&b();c.push(e);b=Y(function(){n(c,
22 | function(a){a()});c=[];b=null;x={}})}function P(a,e){var b=g(a);a=f.element(b);k.push(a);b=Date.now()+e;b<=h||(M.cancel(d),h=b,d=M(function(){X(k);k=[]},e,!1))}function X(a){n(a,function(a){(a=a.data("$$ngAnimateCSS3Data"))&&n(a.closeAnimationFns,function(a){a()})})}function Z(a,e){var b=e?x[e]:null;if(!b){var c=0,d=0,f=0,g=0;n(a,function(a){if(1==a.nodeType){a=r.getComputedStyle(a)||{};c=Math.max(Q(a[z+"Duration"]),c);d=Math.max(Q(a[z+"Delay"]),d);g=Math.max(Q(a[K+"Delay"]),g);var e=Q(a[K+"Duration"]);
23 | 0<e&&(e*=parseInt(a[K+"IterationCount"],10)||1);f=Math.max(e,f)}});b={total:0,transitionDelay:d,transitionDuration:c,animationDelay:g,animationDuration:f};e&&(x[e]=b)}return b}function Q(a){var e=0;a=ea(a)?a.split(/\s*,\s*/):[];n(a,function(a){e=Math.max(parseFloat(a)||0,e)});return e}function R(b,e,c,d){b=0<=["ng-enter","ng-leave","ng-move"].indexOf(c);var f,p=e.parent(),h=p.data("$$ngAnimateKey");h||(p.data("$$ngAnimateKey",++a),h=a);f=h+"-"+g(e).getAttribute("class");var p=f+" "+c,h=x[p]?++x[p].total:
24 | 0,m={};if(0<h){var n=c+"-stagger",m=f+" "+n;(f=!x[m])&&u.addClass(e,n);m=Z(e,m);f&&u.removeClass(e,n)}u.addClass(e,c);var n=e.data("$$ngAnimateCSS3Data")||{},k=Z(e,p);f=k.transitionDuration;k=k.animationDuration;if(b&&0===f&&0===k)return u.removeClass(e,c),!1;c=d||b&&0<f;b=0<k&&0<m.animationDelay&&0===m.animationDuration;e.data("$$ngAnimateCSS3Data",{stagger:m,cacheKey:p,running:n.running||0,itemIndex:h,blockTransition:c,closeAnimationFns:n.closeAnimationFns||[]});p=g(e);c&&(I(p,!0),d&&e.css(d));
25 | b&&(p.style[K+"PlayState"]="paused");return!0}function D(a,e,b,c,d){function f(){e.off(D,h);u.removeClass(e,k);u.removeClass(e,t);z&&M.cancel(z);G(e,b);var a=g(e),c;for(c in s)a.style.removeProperty(s[c])}function h(a){a.stopPropagation();var b=a.originalEvent||a;a=b.$manualTimeStamp||b.timeStamp||Date.now();b=parseFloat(b.elapsedTime.toFixed(3));Math.max(a-H,0)>=C&&b>=x&&c()}var m=g(e);a=e.data("$$ngAnimateCSS3Data");if(-1!=m.getAttribute("class").indexOf(b)&&a){var k="",t="";n(b.split(" "),function(a,
26 | b){var e=(0<b?" ":"")+a;k+=e+"-active";t+=e+"-pending"});var s=[],q=a.itemIndex,v=a.stagger,r=0;if(0<q){r=0;0<v.transitionDelay&&0===v.transitionDuration&&(r=v.transitionDelay*q);var y=0;0<v.animationDelay&&0===v.animationDuration&&(y=v.animationDelay*q,s.push(B+"animation-play-state"));r=Math.round(100*Math.max(r,y))/100}r||(u.addClass(e,k),a.blockTransition&&I(m,!1));var F=Z(e,a.cacheKey+" "+k),x=Math.max(F.transitionDuration,F.animationDuration);if(0===x)u.removeClass(e,k),G(e,b),c();else{!r&&
27 | d&&(F.transitionDuration||(e.css("transition",F.animationDuration+"s linear all"),s.push("transition")),e.css(d));var q=Math.max(F.transitionDelay,F.animationDelay),C=1E3*q;0<s.length&&(v=m.getAttribute("style")||"",";"!==v.charAt(v.length-1)&&(v+=";"),m.setAttribute("style",v+" "));var H=Date.now(),D=V+" "+$,q=1E3*(r+1.5*(q+x)),z;0<r&&(u.addClass(e,t),z=M(function(){z=null;0<F.transitionDuration&&I(m,!1);0<F.animationDuration&&(m.style[K+"PlayState"]="");u.addClass(e,k);u.removeClass(e,t);d&&(0===
28 | F.transitionDuration&&e.css("transition",F.animationDuration+"s linear all"),e.css(d),s.push("transition"))},1E3*r,!1));e.on(D,h);a.closeAnimationFns.push(function(){f();c()});a.running++;P(e,q);return f}}else c()}function I(a,b){a.style[z+"Property"]=b?"none":""}function S(a,b,c,d){if(R(a,b,c,d))return function(a){a&&G(b,c)}}function T(a,b,c,d,f){if(b.data("$$ngAnimateCSS3Data"))return D(a,b,c,d,f);G(b,c);d()}function U(a,b,c,d,f){var g=S(a,b,c,f.from);if(g){var h=g;H(b,function(){h=T(a,b,c,d,f.to)});
29 | return function(a){(h||t)(a)}}y();d()}function G(a,b){u.removeClass(a,b);var c=a.data("$$ngAnimateCSS3Data");c&&(c.running&&c.running--,c.running&&0!==c.running||a.removeData("$$ngAnimateCSS3Data"))}function q(a,b){var c="";a=aa(a)?a:a.split(/\s+/);n(a,function(a,d){a&&0<a.length&&(c+=(0<d?" ":"")+a+b)});return c}var B="",z,$,K,V;N.ontransitionend===W&&N.onwebkittransitionend!==W?(B="-webkit-",z="WebkitTransition",$="webkitTransitionEnd transitionend"):(z="transition",$="transitionend");N.onanimationend===
30 | W&&N.onwebkitanimationend!==W?(B="-webkit-",K="WebkitAnimation",V="webkitAnimationEnd animationend"):(K="animation",V="animationend");var x={},a=0,c=[],b,d=null,h=0,k=[];return{animate:function(a,b,c,d,f,g){g=g||{};g.from=c;g.to=d;return U("animate",a,b,f,g)},enter:function(a,b,c){c=c||{};return U("enter",a,"ng-enter",b,c)},leave:function(a,b,c){c=c||{};return U("leave",a,"ng-leave",b,c)},move:function(a,b,c){c=c||{};return U("move",a,"ng-move",b,c)},beforeSetClass:function(a,b,c,d,f){f=f||{};b=q(c,
31 | "-remove")+" "+q(b,"-add");if(f=S("setClass",a,b,f.from))return H(a,d),f;y();d()},beforeAddClass:function(a,b,c,d){d=d||{};if(b=S("addClass",a,q(b,"-add"),d.from))return H(a,c),b;y();c()},beforeRemoveClass:function(a,b,c,d){d=d||{};if(b=S("removeClass",a,q(b,"-remove"),d.from))return H(a,c),b;y();c()},setClass:function(a,b,c,d,f){f=f||{};c=q(c,"-remove");b=q(b,"-add");return T("setClass",a,c+" "+b,d,f.to)},addClass:function(a,b,c,d){d=d||{};return T("addClass",a,q(b,"-add"),c,d.to)},removeClass:function(a,
32 | b,c,d){d=d||{};return T("removeClass",a,q(b,"-remove"),c,d.to)}}}])}])})(window,window.angular);
33 | //# sourceMappingURL=angular-animate.min.js.map
34 | 


--------------------------------------------------------------------------------
/www/lib/ionic/js/angular/angular-resource.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.3.6
 3 |  (c) 2010-2014 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(I,d,B){'use strict';function D(f,q){q=q||{};d.forEach(q,function(d,h){delete q[h]});for(var h in f)!f.hasOwnProperty(h)||"$"===h.charAt(0)&&"$"===h.charAt(1)||(q[h]=f[h]);return q}var w=d.$$minErr("$resource"),C=/^(\.[a-zA-Z_$][0-9a-zA-Z_$]*)+$/;d.module("ngResource",["ng"]).provider("$resource",function(){var f=this;this.defaults={stripTrailingSlashes:!0,actions:{get:{method:"GET"},save:{method:"POST"},query:{method:"GET",isArray:!0},remove:{method:"DELETE"},"delete":{method:"DELETE"}}};
 7 | this.$get=["$http","$q",function(q,h){function t(d,g){this.template=d;this.defaults=s({},f.defaults,g);this.urlParams={}}function v(x,g,l,m){function c(b,k){var c={};k=s({},g,k);r(k,function(a,k){u(a)&&(a=a());var d;if(a&&a.charAt&&"@"==a.charAt(0)){d=b;var e=a.substr(1);if(null==e||""===e||"hasOwnProperty"===e||!C.test("."+e))throw w("badmember",e);for(var e=e.split("."),n=0,g=e.length;n<g&&d!==B;n++){var h=e[n];d=null!==d?d[h]:B}}else d=a;c[k]=d});return c}function F(b){return b.resource}function e(b){D(b||
 8 | {},this)}var G=new t(x,m);l=s({},f.defaults.actions,l);e.prototype.toJSON=function(){var b=s({},this);delete b.$promise;delete b.$resolved;return b};r(l,function(b,k){var g=/^(POST|PUT|PATCH)$/i.test(b.method);e[k]=function(a,y,m,x){var n={},f,l,z;switch(arguments.length){case 4:z=x,l=m;case 3:case 2:if(u(y)){if(u(a)){l=a;z=y;break}l=y;z=m}else{n=a;f=y;l=m;break}case 1:u(a)?l=a:g?f=a:n=a;break;case 0:break;default:throw w("badargs",arguments.length);}var t=this instanceof e,p=t?f:b.isArray?[]:new e(f),
 9 | A={},v=b.interceptor&&b.interceptor.response||F,C=b.interceptor&&b.interceptor.responseError||B;r(b,function(b,a){"params"!=a&&"isArray"!=a&&"interceptor"!=a&&(A[a]=H(b))});g&&(A.data=f);G.setUrlParams(A,s({},c(f,b.params||{}),n),b.url);n=q(A).then(function(a){var c=a.data,g=p.$promise;if(c){if(d.isArray(c)!==!!b.isArray)throw w("badcfg",k,b.isArray?"array":"object",d.isArray(c)?"array":"object");b.isArray?(p.length=0,r(c,function(a){"object"===typeof a?p.push(new e(a)):p.push(a)})):(D(c,p),p.$promise=
10 | g)}p.$resolved=!0;a.resource=p;return a},function(a){p.$resolved=!0;(z||E)(a);return h.reject(a)});n=n.then(function(a){var b=v(a);(l||E)(b,a.headers);return b},C);return t?n:(p.$promise=n,p.$resolved=!1,p)};e.prototype["$"+k]=function(a,b,c){u(a)&&(c=b,b=a,a={});a=e[k].call(this,a,this,b,c);return a.$promise||a}});e.bind=function(b){return v(x,s({},g,b),l)};return e}var E=d.noop,r=d.forEach,s=d.extend,H=d.copy,u=d.isFunction;t.prototype={setUrlParams:function(f,g,l){var m=this,c=l||m.template,h,
11 | e,q=m.urlParams={};r(c.split(/\W/),function(b){if("hasOwnProperty"===b)throw w("badname");!/^\d+$/.test(b)&&b&&(new RegExp("(^|[^\\\\]):"+b+"(\\W|$)")).test(c)&&(q[b]=!0)});c=c.replace(/\\:/g,":");g=g||{};r(m.urlParams,function(b,k){h=g.hasOwnProperty(k)?g[k]:m.defaults[k];d.isDefined(h)&&null!==h?(e=encodeURIComponent(h).replace(/%40/gi,"@").replace(/%3A/gi,":").replace(/%24/g,"$").replace(/%2C/gi,",").replace(/%20/g,"%20").replace(/%26/gi,"&").replace(/%3D/gi,"=").replace(/%2B/gi,"+"),c=c.replace(new RegExp(":"+
12 | k+"(\\W|$)","g"),function(b,a){return e+a})):c=c.replace(new RegExp("(/?):"+k+"(\\W|$)","g"),function(b,a,c){return"/"==c.charAt(0)?c:a+c})});m.defaults.stripTrailingSlashes&&(c=c.replace(/\/+$/,"")||"/");c=c.replace(/\/\.(?=\w+($|\?))/,".");f.url=c.replace(/\/\\\./,"/.");r(g,function(b,c){m.urlParams[c]||(f.params=f.params||{},f.params[c]=b)})}};return v}]})})(window,window.angular);
13 | //# sourceMappingURL=angular-resource.min.js.map
14 | 


--------------------------------------------------------------------------------
/www/lib/ionic/js/angular/angular-sanitize.min.js:
--------------------------------------------------------------------------------
 1 | /*
 2 |  AngularJS v1.3.6
 3 |  (c) 2010-2014 Google, Inc. http://angularjs.org
 4 |  License: MIT
 5 | */
 6 | (function(n,h,p){'use strict';function E(a){var d=[];s(d,h.noop).chars(a);return d.join("")}function g(a){var d={};a=a.split(",");var c;for(c=0;c<a.length;c++)d[a[c]]=!0;return d}function F(a,d){function c(a,b,c,l){b=h.lowercase(b);if(t[b])for(;f.last()&&u[f.last()];)e("",f.last());v[b]&&f.last()==b&&e("",b);(l=w[b]||!!l)||f.push(b);var m={};c.replace(G,function(a,b,d,c,e){m[b]=r(d||c||e||"")});d.start&&d.start(b,m,l)}function e(a,b){var c=0,e;if(b=h.lowercase(b))for(c=f.length-1;0<=c&&f[c]!=b;c--);
 7 | if(0<=c){for(e=f.length-1;e>=c;e--)d.end&&d.end(f[e]);f.length=c}}"string"!==typeof a&&(a=null===a||"undefined"===typeof a?"":""+a);var b,k,f=[],m=a,l;for(f.last=function(){return f[f.length-1]};a;){l="";k=!0;if(f.last()&&x[f.last()])a=a.replace(new RegExp("(.*)<\\s*\\/\\s*"+f.last()+"[^>]*>","i"),function(a,b){b=b.replace(H,"$1").replace(I,"$1");d.chars&&d.chars(r(b));return""}),e("",f.last());else{if(0===a.indexOf("\x3c!--"))b=a.indexOf("--",4),0<=b&&a.lastIndexOf("--\x3e",b)===b&&(d.comment&&d.comment(a.substring(4,
 8 | b)),a=a.substring(b+3),k=!1);else if(y.test(a)){if(b=a.match(y))a=a.replace(b[0],""),k=!1}else if(J.test(a)){if(b=a.match(z))a=a.substring(b[0].length),b[0].replace(z,e),k=!1}else K.test(a)&&((b=a.match(A))?(b[4]&&(a=a.substring(b[0].length),b[0].replace(A,c)),k=!1):(l+="<",a=a.substring(1)));k&&(b=a.indexOf("<"),l+=0>b?a:a.substring(0,b),a=0>b?"":a.substring(b),d.chars&&d.chars(r(l)))}if(a==m)throw L("badparse",a);m=a}e()}function r(a){if(!a)return"";var d=M.exec(a);a=d[1];var c=d[3];if(d=d[2])q.innerHTML=
 9 | d.replace(/</g,"&lt;"),d="textContent"in q?q.textContent:q.innerText;return a+d+c}function B(a){return a.replace(/&/g,"&amp;").replace(N,function(a){var c=a.charCodeAt(0);a=a.charCodeAt(1);return"&#"+(1024*(c-55296)+(a-56320)+65536)+";"}).replace(O,function(a){return"&#"+a.charCodeAt(0)+";"}).replace(/</g,"&lt;").replace(/>/g,"&gt;")}function s(a,d){var c=!1,e=h.bind(a,a.push);return{start:function(a,k,f){a=h.lowercase(a);!c&&x[a]&&(c=a);c||!0!==C[a]||(e("<"),e(a),h.forEach(k,function(c,f){var k=
10 | h.lowercase(f),g="img"===a&&"src"===k||"background"===k;!0!==P[k]||!0===D[k]&&!d(c,g)||(e(" "),e(f),e('="'),e(B(c)),e('"'))}),e(f?"/>":">"))},end:function(a){a=h.lowercase(a);c||!0!==C[a]||(e("</"),e(a),e(">"));a==c&&(c=!1)},chars:function(a){c||e(B(a))}}}var L=h.$$minErr("$sanitize"),A=/^<((?:[a-zA-Z])[\w:-]*)((?:\s+[\w:-]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)\s*(>?)/,z=/^<\/\s*([\w:-]+)[^>]*>/,G=/([\w:-]+)(?:\s*=\s*(?:(?:"((?:[^"])*)")|(?:'((?:[^'])*)')|([^>\s]+)))?/g,K=/^</,
11 | J=/^<\//,H=/\x3c!--(.*?)--\x3e/g,y=/<!DOCTYPE([^>]*?)>/i,I=/<!\[CDATA\[(.*?)]]\x3e/g,N=/[\uD800-\uDBFF][\uDC00-\uDFFF]/g,O=/([^\#-~| |!])/g,w=g("area,br,col,hr,img,wbr");n=g("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr");p=g("rp,rt");var v=h.extend({},p,n),t=h.extend({},n,g("address,article,aside,blockquote,caption,center,del,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,hr,ins,map,menu,nav,ol,pre,script,section,table,ul")),u=h.extend({},p,g("a,abbr,acronym,b,bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,q,ruby,rp,rt,s,samp,small,span,strike,strong,sub,sup,time,tt,u,var"));
12 | n=g("animate,animateColor,animateMotion,animateTransform,circle,defs,desc,ellipse,font-face,font-face-name,font-face-src,g,glyph,hkern,image,linearGradient,line,marker,metadata,missing-glyph,mpath,path,polygon,polyline,radialGradient,rect,set,stop,svg,switch,text,title,tspan,use");var x=g("script,style"),C=h.extend({},w,t,u,v,n),D=g("background,cite,href,longdesc,src,usemap,xlink:href");n=g("abbr,align,alt,axis,bgcolor,border,cellpadding,cellspacing,class,clear,color,cols,colspan,compact,coords,dir,face,headers,height,hreflang,hspace,ismap,lang,language,nohref,nowrap,rel,rev,rows,rowspan,rules,scope,scrolling,shape,size,span,start,summary,target,title,type,valign,value,vspace,width");
13 | p=g("accent-height,accumulate,additive,alphabetic,arabic-form,ascent,attributeName,attributeType,baseProfile,bbox,begin,by,calcMode,cap-height,class,color,color-rendering,content,cx,cy,d,dx,dy,descent,display,dur,end,fill,fill-rule,font-family,font-size,font-stretch,font-style,font-variant,font-weight,from,fx,fy,g1,g2,glyph-name,gradientUnits,hanging,height,horiz-adv-x,horiz-origin-x,ideographic,k,keyPoints,keySplines,keyTimes,lang,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mathematical,max,min,offset,opacity,orient,origin,overline-position,overline-thickness,panose-1,path,pathLength,points,preserveAspectRatio,r,refX,refY,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,rotate,rx,ry,slope,stemh,stemv,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,systemLanguage,target,text-anchor,to,transform,type,u1,u2,underline-position,underline-thickness,unicode,unicode-range,units-per-em,values,version,viewBox,visibility,width,widths,x,x-height,x1,x2,xlink:actuate,xlink:arcrole,xlink:role,xlink:show,xlink:title,xlink:type,xml:base,xml:lang,xml:space,xmlns,xmlns:xlink,y,y1,y2,zoomAndPan");
14 | var P=h.extend({},D,p,n),q=document.createElement("pre"),M=/^(\s*)([\s\S]*?)(\s*)$/;h.module("ngSanitize",[]).provider("$sanitize",function(){this.$get=["$$sanitizeUri",function(a){return function(d){var c=[];F(d,s(c,function(c,b){return!/^unsafe/.test(a(c,b))}));return c.join("")}}]});h.module("ngSanitize").filter("linky",["$sanitize",function(a){var d=/((ftp|https?):\/\/|(www\.)|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"\u201d\u2019]/,c=/^mailto:/;return function(e,b){function k(a){a&&g.push(E(a))}
15 | function f(a,c){g.push("<a ");h.isDefined(b)&&g.push('target="',b,'" ');g.push('href="',a.replace(/"/g,"&quot;"),'">');k(c);g.push("</a>")}if(!e)return e;for(var m,l=e,g=[],n,p;m=l.match(d);)n=m[0],m[2]||m[4]||(n=(m[3]?"http://":"mailto:")+n),p=m.index,k(l.substr(0,p)),f(n,m[0].replace(c,"")),l=l.substring(p+m[0].length);k(l);return a(g.join(""))}}])})(window,window.angular);
16 | //# sourceMappingURL=angular-sanitize.min.js.map
17 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_action-sheet.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Action Sheets
 3 |  * --------------------------------------------------
 4 |  */
 5 | 
 6 | .action-sheet-backdrop {
 7 |   @include transition(background-color 300ms ease-in-out);
 8 |   position: fixed;
 9 |   top: 0;
10 |   left: 0;
11 |   z-index: $z-index-action-sheet;
12 |   width: 100%;
13 |   height: 100%;
14 |   background-color: rgba(0,0,0,0);
15 | 
16 |   &.active {
17 |     background-color: rgba(0,0,0,0.5);
18 |   }
19 | }
20 | 
21 | .action-sheet-wrapper {
22 |   @include translate3d(0, 100%, 0);
23 |   @include transition(all ease-in-out 300ms);
24 |   position: absolute;
25 |   bottom: 0;
26 |   width: 100%;
27 | }
28 | 
29 | .action-sheet-up {
30 |   @include translate3d(0, 0, 0);
31 | }
32 | 
33 | .action-sheet {
34 |   margin-left: 15px;
35 |   margin-right: 15px;
36 |   width: auto;
37 |   z-index: $z-index-action-sheet;
38 |   overflow: hidden;
39 | 
40 |   .button {
41 |     display: block;
42 |     padding: 1px;
43 |     width: 100%;
44 |     border-radius: 0;
45 | 
46 |     background-color: transparent;
47 | 
48 |     color: $positive;
49 |     font-size: 18px;
50 | 
51 |     &.destructive {
52 |       color: $assertive;
53 |     }
54 |   }
55 | }
56 | 
57 | .action-sheet-title {
58 |   padding: 10px;
59 |   color: lighten($base-color, 40%);
60 |   text-align: center;
61 |   font-size: 12px;
62 | }
63 | 
64 | .action-sheet-group {
65 |   margin-bottom: 5px;
66 |   border-radius: $sheet-border-radius;
67 |   background-color: #fff;
68 |   .button {
69 |     border-width: 1px 0px 0px 0px;
70 |     border-radius: 0;
71 | 
72 |     &.active {
73 |       background-color: transparent;
74 |       color: inherit;
75 |     }
76 |   }
77 |   .button:first-child:last-child {
78 |     border-width: 0;
79 |   }
80 | }
81 | 
82 | .action-sheet-open {
83 |   pointer-events: none;
84 | 
85 |   &.modal-open .modal {
86 |     pointer-events: none;
87 |   }
88 | 
89 |   .action-sheet-backdrop {
90 |     pointer-events: auto;
91 |   }
92 | }
93 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_animations.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | // Slide up from the bottom, used for modals
 3 | // -------------------------------
 4 | 
 5 | .slide-in-up {
 6 |   @include translate3d(0, 100%, 0);
 7 | }
 8 | .slide-in-up.ng-enter,
 9 | .slide-in-up > .ng-enter {
10 |   @include transition(all cubic-bezier(.1, .7, .1, 1) 400ms);
11 | }
12 | .slide-in-up.ng-enter-active,
13 | .slide-in-up > .ng-enter-active {
14 |   @include translate3d(0, 0, 0);
15 | }
16 | 
17 | .slide-in-up.ng-leave,
18 | .slide-in-up > .ng-leave {
19 |   @include transition(all ease-in-out 250ms);
20 | }
21 | 
22 | 
23 | // Scale Out
24 | // Scale from hero (1 in this case) to zero
25 | // -------------------------------
26 | 
27 | @-webkit-keyframes scaleOut {
28 |   from { -webkit-transform: scale(1); opacity: 1; }
29 |   to { -webkit-transform: scale(0.8); opacity: 0; }
30 | }
31 | @keyframes scaleOut {
32 |   from { transform: scale(1); opacity: 1; }
33 |   to { transform: scale(0.8); opacity: 0; }
34 | }
35 | 
36 | 
37 | // Super Scale In
38 | // Scale from super (1.x) to duper (1 in this case)
39 | // -------------------------------
40 | 
41 | @-webkit-keyframes superScaleIn {
42 |   from { -webkit-transform: scale(1.2); opacity: 0; }
43 |   to { -webkit-transform: scale(1); opacity: 1 }
44 | }
45 | @keyframes superScaleIn {
46 |   from { transform: scale(1.2); opacity: 0; }
47 |   to { transform: scale(1); opacity: 1; }
48 | }
49 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_backdrop.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | .backdrop {
 3 |   position: fixed;
 4 |   top: 0;
 5 |   left: 0;
 6 |   z-index: $z-index-backdrop;
 7 | 
 8 |   width: 100%;
 9 |   height: 100%;
10 | 
11 |   background-color: $loading-backdrop-bg-color;
12 | 
13 |   visibility: hidden;
14 |   opacity: 0;
15 | 
16 |   &.visible {
17 |     visibility: visible;
18 |   }
19 |   &.active {
20 |     opacity: 1;
21 |   }
22 | 
23 |   @include transition($loading-backdrop-fadein-duration opacity linear);
24 | }
25 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_badge.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Badges
 4 |  * --------------------------------------------------
 5 |  */
 6 | 
 7 | .badge {
 8 |   @include badge-style($badge-default-bg, $badge-default-text);
 9 |   z-index: $z-index-badge;
10 |   display: inline-block;
11 |   padding: 3px 8px;
12 |   min-width: 10px;
13 |   border-radius: $badge-border-radius;
14 |   vertical-align: baseline;
15 |   text-align: center;
16 |   white-space: nowrap;
17 |   font-weight: $badge-font-weight;
18 |   font-size: $badge-font-size;
19 |   line-height: $badge-line-height;
20 | 
21 |   &:empty {
22 |     display: none;
23 |   }
24 | }
25 | 
26 | //Be sure to override specificity of rule that 'badge color matches tab color by default'
27 | .tabs .tab-item .badge,
28 | .badge {
29 |   &.badge-light {
30 |     @include badge-style($badge-light-bg, $badge-light-text);
31 |   }
32 |   &.badge-stable {
33 |     @include badge-style($badge-stable-bg, $badge-stable-text);
34 |   }
35 |   &.badge-positive {
36 |     @include badge-style($badge-positive-bg, $badge-positive-text);
37 |   }
38 |   &.badge-calm {
39 |     @include badge-style($badge-calm-bg, $badge-calm-text);
40 |   }
41 |   &.badge-assertive {
42 |     @include badge-style($badge-assertive-bg, $badge-assertive-text);
43 |   }
44 |   &.badge-balanced {
45 |     @include badge-style($badge-balanced-bg, $badge-balanced-text);
46 |   }
47 |   &.badge-energized {
48 |     @include badge-style($badge-energized-bg, $badge-energized-text);
49 |   }
50 |   &.badge-royal {
51 |     @include badge-style($badge-royal-bg, $badge-royal-text);
52 |   }
53 |   &.badge-dark {
54 |     @include badge-style($badge-dark-bg, $badge-dark-text);
55 |   }
56 | }
57 | 
58 | // Quick fix for labels/badges in buttons
59 | .button .badge {
60 |   position: relative;
61 |   top: -1px;
62 | }
63 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_bar.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Bar (Headers and Footers)
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .bar {
  8 |   @include display-flex();
  9 |   @include translate3d(0,0,0);
 10 |   @include user-select(none);
 11 |   position: absolute;
 12 |   right: 0;
 13 |   left: 0;
 14 |   z-index: $z-index-bar;
 15 | 
 16 |   box-sizing: border-box;
 17 |   padding: $bar-padding-portrait;
 18 | 
 19 |   width: 100%;
 20 |   height: $bar-height;
 21 |   border-width: 0;
 22 |   border-style: solid;
 23 |   border-top: 1px solid transparent;
 24 |   border-bottom: 1px solid $bar-default-border;
 25 | 
 26 |   background-color: $bar-default-bg;
 27 | 
 28 |   /* border-width: 1px will actually create 2 device pixels on retina */
 29 |   /* this nifty trick sets an actual 1px border on hi-res displays */
 30 |   background-size: 0;
 31 |   @media (min--moz-device-pixel-ratio: 1.5),
 32 |          (-webkit-min-device-pixel-ratio: 1.5),
 33 |          (min-device-pixel-ratio: 1.5),
 34 |          (min-resolution: 144dpi),
 35 |          (min-resolution: 1.5dppx) {
 36 |     border: none;
 37 |     background-image: linear-gradient(0deg, $bar-default-border, $bar-default-border 50%, transparent 50%);
 38 |     background-position: bottom;
 39 |     background-size: 100% 1px;
 40 |     background-repeat: no-repeat;
 41 |   }
 42 | 
 43 |   &.bar-clear {
 44 |     border: none;
 45 |     background: none;
 46 |     color: #fff;
 47 | 
 48 |     .button {
 49 |       color: #fff;
 50 |     }
 51 |     .title {
 52 |       color: #fff;
 53 |     }
 54 |   }
 55 | 
 56 |   &.item-input-inset {
 57 |     .item-input-wrapper {
 58 |       margin-top: -1px;
 59 | 
 60 |       input {
 61 |         padding-left: 8px;
 62 |         width: 94%;
 63 |         height: 28px;
 64 |         background: transparent;
 65 |       }
 66 |     }
 67 |   }
 68 | 
 69 |   &.bar-light {
 70 |     @include bar-style($bar-light-bg, $bar-light-border, $bar-light-text);
 71 |     &.bar-footer{
 72 |       background-image: linear-gradient(180deg, $bar-light-border, $bar-light-border 50%, transparent 50%);
 73 |     }
 74 |   }
 75 |   &.bar-stable {
 76 |     @include bar-style($bar-stable-bg, $bar-stable-border, $bar-stable-text);
 77 |     &.bar-footer{
 78 |       background-image: linear-gradient(180deg, $bar-stable-border, $bar-stable-border 50%, transparent 50%);
 79 |     }
 80 |   }
 81 |   &.bar-positive {
 82 |     @include bar-style($bar-positive-bg, $bar-positive-border, $bar-positive-text);
 83 |     &.bar-footer{
 84 |       background-image: linear-gradient(180deg, $bar-positive-border, $bar-positive-border 50%, transparent 50%);
 85 |     }
 86 |   }
 87 |   &.bar-calm {
 88 |     @include bar-style($bar-calm-bg, $bar-calm-border, $bar-calm-text);
 89 |     &.bar-footer{
 90 |       background-image: linear-gradient(180deg, $bar-calm-border, $bar-calm-border 50%, transparent 50%);
 91 |     }
 92 |   }
 93 |   &.bar-assertive {
 94 |     @include bar-style($bar-assertive-bg, $bar-assertive-border, $bar-assertive-text);
 95 |     &.bar-footer{
 96 |       background-image: linear-gradient(180deg, $bar-assertive-border, $bar-assertive-border 50%, transparent 50%);
 97 |     }
 98 |   }
 99 |   &.bar-balanced {
100 |     @include bar-style($bar-balanced-bg, $bar-balanced-border, $bar-balanced-text);
101 |     &.bar-footer{
102 |       background-image: linear-gradient(180deg, $bar-balanced-border, $bar-positive-border 50%, transparent 50%);
103 |     }
104 |   }
105 |   &.bar-energized {
106 |     @include bar-style($bar-energized-bg, $bar-energized-border, $bar-energized-text);
107 |     &.bar-footer{
108 |       background-image: linear-gradient(180deg, $bar-energized-border, $bar-energized-border 50%, transparent 50%);
109 |     }
110 |   }
111 |   &.bar-royal {
112 |     @include bar-style($bar-royal-bg, $bar-royal-border, $bar-royal-text);
113 |     &.bar-footer{
114 |       background-image: linear-gradient(180deg, $bar-royal-border, $bar-royal-border 50%, transparent 50%);
115 |     }
116 |   }
117 |   &.bar-dark {
118 |     @include bar-style($bar-dark-bg, $bar-dark-border, $bar-dark-text);
119 |     &.bar-footer{
120 |       background-image: linear-gradient(180deg, $bar-dark-border, $bar-dark-border 50%, transparent 50%);
121 |     }
122 |   }
123 | 
124 |   // Title inside of a bar is centered
125 |   .title {
126 |     position: absolute;
127 | 
128 |     top: 0;
129 |     right: 0;
130 |     left: 0;
131 |     z-index: $z-index-bar-title;
132 |     overflow: hidden;
133 | 
134 |     margin: 0 10px;
135 | 
136 |     min-width: 30px;
137 |     height: $bar-height - 1;
138 | 
139 |     text-align: center;
140 | 
141 |     // Go into ellipsis if too small
142 |     text-overflow: ellipsis;
143 |     white-space: nowrap;
144 | 
145 |     font-size: $bar-title-font-size;
146 |     font-weight: $headings-font-weight;
147 | 
148 |     line-height: $bar-height;
149 | 
150 |     &.title-left {
151 |       text-align: left;
152 |     }
153 |     &.title-right {
154 |       text-align: right;
155 |     }
156 |   }
157 | 
158 |   .title a {
159 |     color: inherit;
160 |   }
161 | 
162 |   .button {
163 |     z-index: $z-index-bar-button;
164 |     padding: 0 $button-bar-button-padding;
165 |     min-width: initial;
166 |     min-height: $button-bar-button-height - 1;
167 |     font-weight: 400;
168 |     font-size: $button-bar-button-font-size;
169 |     line-height: $button-bar-button-height;
170 | 
171 |     &.button-icon:before,
172 |     .icon:before,
173 |     &.icon:before,
174 |     &.icon-left:before,
175 |     &.icon-right:before {
176 |       padding-right: 2px;
177 |       padding-left: 2px;
178 |       font-size: $button-bar-button-icon-size;
179 |       line-height: $button-bar-button-height;
180 |     }
181 | 
182 |     &.button-icon {
183 |       font-size: $bar-title-font-size;
184 |       .icon:before,
185 |       &:before,
186 |       &.icon-left:before,
187 |       &.icon-right:before {
188 |         vertical-align: top;
189 |         font-size: $button-large-icon-size;
190 |         line-height: $button-bar-button-height;
191 |       }
192 |     }
193 |     &.button-clear {
194 |       padding-right: 2px;
195 |       padding-left: 2px;
196 |       font-weight: 300;
197 |       font-size: $bar-title-font-size;
198 | 
199 |       .icon:before,
200 |       &.icon:before,
201 |       &.icon-left:before,
202 |       &.icon-right:before {
203 |         font-size: $button-large-icon-size;
204 |         line-height: $button-bar-button-height;
205 |       }
206 |     }
207 | 
208 |     &.back-button {
209 |       display: block;
210 |       margin-right: 5px;
211 |       padding: 0;
212 |       white-space: nowrap;
213 |       font-weight: 400;
214 |     }
215 | 
216 |     &.back-button.active,
217 |     &.back-button.activated {
218 |       opacity: 0.2;
219 |     }
220 |   }
221 | 
222 |   .button-bar > .button,
223 |   .buttons > .button {
224 |     min-height: $button-bar-button-height - 1;
225 |     line-height: $button-bar-button-height;
226 |   }
227 | 
228 |   .button-bar + .button,
229 |   .button + .button-bar {
230 |     margin-left: 5px;
231 |   }
232 | 
233 |   // Android 4.4 messes with the display property
234 |   .buttons,
235 |   .buttons.primary-buttons,
236 |   .buttons.secondary-buttons {
237 |     display: inherit;
238 |   }
239 |   .buttons span {
240 |     display: inline-block;
241 |   }
242 |   .buttons-left span {
243 |     margin-right: 5px;
244 |   }
245 |   .buttons-right span {
246 |     margin-left: 5px;
247 |   }
248 | 
249 |   // Place the last button in a bar on the right of the bar
250 |   .title + .button:last-child,
251 |   > .button + .button:last-child,
252 |   > .button.pull-right,
253 |   .buttons.pull-right,
254 |   .title + .buttons {
255 |     position: absolute;
256 |     top: 5px;
257 |     right: 5px;
258 |     bottom: 5px;
259 |   }
260 | 
261 | }
262 | 
263 | // Default styles for buttons inside of styled bars
264 | .bar-light {
265 |   .button {
266 |     @include button-style($bar-light-bg, $bar-light-border, $bar-light-active-bg, $bar-light-active-border, $bar-light-text);
267 |     @include button-clear($bar-light-text, $bar-title-font-size);
268 |   }
269 | }
270 | .bar-stable {
271 |   .button {
272 |     @include button-style($bar-stable-bg, $bar-stable-border, $bar-stable-active-bg, $bar-stable-active-border, $bar-stable-text);
273 |     @include button-clear($bar-stable-text, $bar-title-font-size);
274 |   }
275 | }
276 | .bar-positive {
277 |   .button {
278 |     @include button-style($bar-positive-bg, $bar-positive-border, $bar-positive-active-bg, $bar-positive-active-border, $bar-positive-text);
279 |     @include button-clear(#fff, $bar-title-font-size);
280 |   }
281 | }
282 | .bar-calm {
283 |   .button {
284 |     @include button-style($bar-calm-bg, $bar-calm-border, $bar-calm-active-bg, $bar-calm-active-border, $bar-calm-text);
285 |     @include button-clear(#fff, $bar-title-font-size);
286 |   }
287 | }
288 | .bar-assertive {
289 |   .button {
290 |     @include button-style($bar-assertive-bg, $bar-assertive-border, $bar-assertive-active-bg, $bar-assertive-active-border, $bar-assertive-text);
291 |     @include button-clear(#fff, $bar-title-font-size);
292 |   }
293 | }
294 | .bar-balanced {
295 |   .button {
296 |     @include button-style($bar-balanced-bg, $bar-balanced-border, $bar-balanced-active-bg, $bar-balanced-active-border, $bar-balanced-text);
297 |     @include button-clear(#fff, $bar-title-font-size);
298 |   }
299 | }
300 | .bar-energized {
301 |   .button {
302 |     @include button-style($bar-energized-bg, $bar-energized-border, $bar-energized-active-bg, $bar-energized-active-border, $bar-energized-text);
303 |     @include button-clear(#fff, $bar-title-font-size);
304 |   }
305 | }
306 | .bar-royal {
307 |   .button {
308 |     @include button-style($bar-royal-bg, $bar-royal-border, $bar-royal-active-bg, $bar-royal-active-border, $bar-royal-text);
309 |     @include button-clear(#fff, $bar-title-font-size);
310 |   }
311 | }
312 | .bar-dark {
313 |   .button {
314 |     @include button-style($bar-dark-bg, $bar-dark-border, $bar-dark-active-bg, $bar-dark-active-border, $bar-dark-text);
315 |     @include button-clear(#fff, $bar-title-font-size);
316 |   }
317 | }
318 | 
319 | // Header at top
320 | .bar-header {
321 |   top: 0;
322 |   border-top-width: 0;
323 |   border-bottom-width: 1px;
324 |   &.has-tabs-top{
325 |     border-bottom-width: 0px;
326 |     background-image: none;
327 |   }
328 | }
329 | 
330 | // Footer at bottom
331 | .bar-footer {
332 |   bottom: 0;
333 |   border-top-width: 1px;
334 |   border-bottom-width: 0;
335 |   background-position: top;
336 | 
337 |   height: $bar-footer-height;
338 | 
339 |   &.item-input-inset {
340 |     position: absolute;
341 |   }
342 | }
343 | 
344 | // Don't render padding if the bar is just for tabs
345 | .bar-tabs {
346 |   padding: 0;
347 | }
348 | 
349 | .bar-subheader {
350 |   top: $bar-height;
351 |   display: block;
352 | 
353 |   height: $bar-subheader-height;
354 | }
355 | .bar-subfooter {
356 |   bottom: $bar-footer-height;
357 |   display: block;
358 | 
359 |   height: $bar-subfooter-height;
360 | }
361 | 
362 | .nav-bar-block {
363 |   position: absolute;
364 |   top: 0;
365 |   right: 0;
366 |   left: 0;
367 |   z-index: $z-index-bar;
368 | }
369 | 
370 | .bar .back-button.hide,
371 | .bar .buttons .hide {
372 |   display: none;
373 | }
374 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_button-bar.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Button Bar
 4 |  * --------------------------------------------------
 5 |  */
 6 | 
 7 | .button-bar {
 8 |   @include display-flex();
 9 |   @include flex(1);
10 |   width: 100%;
11 | 
12 |   &.button-bar-inline {
13 |     display: block;
14 |     width: auto;
15 | 
16 |     @include clearfix();
17 | 
18 |     > .button {
19 |       width: auto;
20 |       display: inline-block;
21 |       float: left;
22 |     }
23 |   }
24 | }
25 | 
26 | .button-bar > .button {
27 |   @include flex(1);
28 |   display: block;
29 |   
30 |   overflow: hidden;
31 | 
32 |   padding: 0 16px;
33 | 
34 |   width: 0;
35 | 
36 |   border-width: 1px 0px 1px 1px;
37 |   border-radius: 0;
38 |   text-align: center;
39 |   text-overflow: ellipsis;
40 |   white-space: nowrap;
41 | 
42 |   &:before,
43 |   .icon:before {
44 |     line-height: 44px;
45 |   }
46 | 
47 |   &:first-child {
48 |     border-radius: $button-border-radius 0px 0px $button-border-radius;
49 |   }
50 |   &:last-child {
51 |     border-right-width: 1px;
52 |     border-radius: 0px $button-border-radius $button-border-radius 0px;
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_button.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Buttons
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .button {
  8 |   // set the color defaults
  9 |   @include button-style($button-default-bg, $button-default-border, $button-default-active-bg, $button-default-active-border, $button-default-text);
 10 | 
 11 |   position: relative;
 12 |   display: inline-block;
 13 |   margin: 0;
 14 |   padding: 0 $button-padding;
 15 | 
 16 |   min-width: ($button-padding * 3) + $button-font-size;
 17 |   min-height: $button-height + 5px;
 18 | 
 19 |   border-width: $button-border-width;
 20 |   border-style: solid;
 21 |   border-radius: $button-border-radius;
 22 | 
 23 |   vertical-align: top;
 24 |   text-align: center;
 25 | 
 26 |   text-overflow: ellipsis;
 27 |   font-size: $button-font-size;
 28 |   line-height: $button-height - $button-border-width + 1px;
 29 | 
 30 |   cursor: pointer;
 31 | 
 32 |   &:after {
 33 |     // used to create a larger button "hit" area
 34 |     position: absolute;
 35 |     top: -6px;
 36 |     right: -6px;
 37 |     bottom: -6px;
 38 |     left: -6px;
 39 |     content: ' ';
 40 |   }
 41 | 
 42 |   .icon {
 43 |     vertical-align: top;
 44 |     pointer-events: none;
 45 |   }
 46 | 
 47 |   .icon:before,
 48 |   &.icon:before,
 49 |   &.icon-left:before,
 50 |   &.icon-right:before {
 51 |     display: inline-block;
 52 |     padding: 0 0 $button-border-width 0;
 53 |     vertical-align: inherit;
 54 |     font-size: $button-icon-size;
 55 |     line-height: $button-height - $button-border-width;
 56 |     pointer-events: none;
 57 |   }
 58 |   &.icon-left:before {
 59 |     float: left;
 60 |     padding-right: .2em;
 61 |     padding-left: 0;
 62 |   }
 63 |   &.icon-right:before {
 64 |     float: right;
 65 |     padding-right: 0;
 66 |     padding-left: .2em;
 67 |   }
 68 | 
 69 |   &.button-block, &.button-full {
 70 |     margin-top: $button-block-margin;
 71 |     margin-bottom: $button-block-margin;
 72 |   }
 73 | 
 74 |   &.button-light {
 75 |     @include button-style($button-light-bg, $button-light-border, $button-light-active-bg, $button-light-active-border, $button-light-text);
 76 |     @include button-clear($button-light-border);
 77 |     @include button-outline($button-light-border);
 78 |   }
 79 | 
 80 |   &.button-stable {
 81 |     @include button-style($button-stable-bg, $button-stable-border, $button-stable-active-bg, $button-stable-active-border, $button-stable-text);
 82 |     @include button-clear($button-stable-border);
 83 |     @include button-outline($button-stable-border);
 84 |   }
 85 | 
 86 |   &.button-positive {
 87 |     @include button-style($button-positive-bg, $button-positive-border, $button-positive-active-bg, $button-positive-active-border, $button-positive-text);
 88 |     @include button-clear($button-positive-bg);
 89 |     @include button-outline($button-positive-bg);
 90 |   }
 91 | 
 92 |   &.button-calm {
 93 |     @include button-style($button-calm-bg, $button-calm-border, $button-calm-active-bg, $button-calm-active-border, $button-calm-text);
 94 |     @include button-clear($button-calm-bg);
 95 |     @include button-outline($button-calm-bg);
 96 |   }
 97 | 
 98 |   &.button-assertive {
 99 |     @include button-style($button-assertive-bg, $button-assertive-border, $button-assertive-active-bg, $button-assertive-active-border, $button-assertive-text);
100 |     @include button-clear($button-assertive-bg);
101 |     @include button-outline($button-assertive-bg);
102 |   }
103 | 
104 |   &.button-balanced {
105 |     @include button-style($button-balanced-bg, $button-balanced-border, $button-balanced-active-bg, $button-balanced-active-border, $button-balanced-text);
106 |     @include button-clear($button-balanced-bg);
107 |     @include button-outline($button-balanced-bg);
108 |   }
109 | 
110 |   &.button-energized {
111 |     @include button-style($button-energized-bg, $button-energized-border, $button-energized-active-bg, $button-energized-active-border, $button-energized-text);
112 |     @include button-clear($button-energized-bg);
113 |     @include button-outline($button-energized-bg);
114 |   }
115 | 
116 |   &.button-royal {
117 |     @include button-style($button-royal-bg, $button-royal-border, $button-royal-active-bg, $button-royal-active-border, $button-royal-text);
118 |     @include button-clear($button-royal-bg);
119 |     @include button-outline($button-royal-bg);
120 |   }
121 | 
122 |   &.button-dark {
123 |     @include button-style($button-dark-bg, $button-dark-border, $button-dark-active-bg, $button-dark-active-border, $button-dark-text);
124 |     @include button-clear($button-dark-bg);
125 |     @include button-outline($button-dark-bg);
126 |   }
127 | }
128 | 
129 | .button-small {
130 |   padding: 2px $button-small-padding 1px;
131 |   min-width: $button-small-height;
132 |   min-height: $button-small-height + 2;
133 |   font-size: $button-small-font-size;
134 |   line-height: $button-small-height - $button-border-width - 1;
135 | 
136 |   .icon:before,
137 |   &.icon:before,
138 |   &.icon-left:before,
139 |   &.icon-right:before {
140 |     font-size: $button-small-icon-size;
141 |     line-height: $button-small-icon-size + 3;
142 |     margin-top: 3px;
143 |   }
144 | }
145 | 
146 | .button-large {
147 |   padding: 0 $button-large-padding;
148 |   min-width: ($button-large-padding * 3) + $button-large-font-size;
149 |   min-height: $button-large-height + 5;
150 |   font-size: $button-large-font-size;
151 |   line-height: $button-large-height - $button-border-width;
152 | 
153 |   .icon:before,
154 |   &.icon:before,
155 |   &.icon-left:before,
156 |   &.icon-right:before {
157 |     padding-bottom: ($button-border-width * 2);
158 |     font-size: $button-large-icon-size;
159 |     line-height: $button-large-height - ($button-border-width * 2) - 1;
160 |   }
161 | }
162 | 
163 | .button-icon {
164 |   @include transition(opacity .1s);
165 |   padding: 0 6px;
166 |   min-width: initial;
167 |   border-color: transparent;
168 |   background: none;
169 | 
170 |   &.button.active,
171 |   &.button.activated {
172 |     border-color: transparent;
173 |     background: none;
174 |     box-shadow: none;
175 |     opacity: 0.3;
176 |   }
177 | 
178 |   .icon:before,
179 |   &.icon:before {
180 |     font-size: $button-large-icon-size;
181 |   }
182 | }
183 | 
184 | .button-clear {
185 |   @include button-clear($button-default-border);
186 |   @include transition(opacity .1s);
187 |   padding: 0 $button-clear-padding;
188 |   max-height: $button-height;
189 |   border-color: transparent;
190 |   background: none;
191 |   box-shadow: none;
192 | 
193 |   &.active,
194 |   &.activated {
195 |     opacity: 0.3;
196 |   }
197 | }
198 | 
199 | .button-outline {
200 |   @include button-outline($button-default-border);
201 |   @include transition(opacity .1s);
202 |   background: none;
203 |   box-shadow: none;
204 | }
205 | 
206 | .padding > .button.button-block:first-child {
207 |   margin-top: 0;
208 | }
209 | 
210 | .button-block {
211 |   display: block;
212 |   clear: both;
213 | 
214 |   &:after {
215 |     clear: both;
216 |   }
217 | }
218 | 
219 | .button-full,
220 | .button-full > .button {
221 |   display: block;
222 |   margin-right: 0;
223 |   margin-left: 0;
224 |   border-right-width: 0;
225 |   border-left-width: 0;
226 |   border-radius: 0;
227 | }
228 | 
229 | button.button-block,
230 | button.button-full,
231 | .button-full > button.button,
232 | input.button.button-block  {
233 |   width: 100%;
234 | }
235 | 
236 | a.button {
237 |   text-decoration: none;
238 | 
239 |   .icon:before,
240 |   &.icon:before,
241 |   &.icon-left:before,
242 |   &.icon-right:before {
243 |     margin-top: 2px;
244 |   }
245 | }
246 | 
247 | .button.disabled,
248 | .button[disabled] {
249 |   opacity: .4;
250 |   cursor: default !important;
251 |   pointer-events: none;
252 | }
253 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_checkbox.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Checkbox
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .checkbox {
  8 |   // set the color defaults
  9 |   @include checkbox-style($checkbox-off-border-default, $checkbox-on-bg-default, $checkbox-on-border-default);
 10 | 
 11 |   position: relative;
 12 |   display: inline-block;
 13 |   padding: ($checkbox-height / 4) ($checkbox-width / 4);
 14 |   cursor: pointer;
 15 | }
 16 | .checkbox-light  {
 17 |   @include checkbox-style($checkbox-off-border-light, $checkbox-on-bg-light, $checkbox-off-border-light);
 18 | }
 19 | .checkbox-stable  {
 20 |   @include checkbox-style($checkbox-off-border-stable, $checkbox-on-bg-stable, $checkbox-off-border-stable);
 21 | }
 22 | .checkbox-positive  {
 23 |   @include checkbox-style($checkbox-off-border-positive, $checkbox-on-bg-positive, $checkbox-off-border-positive);
 24 | }
 25 | .checkbox-calm  {
 26 |   @include checkbox-style($checkbox-off-border-calm, $checkbox-on-bg-calm, $checkbox-off-border-calm);
 27 | }
 28 | .checkbox-assertive  {
 29 |   @include checkbox-style($checkbox-off-border-assertive, $checkbox-on-bg-assertive, $checkbox-off-border-assertive);
 30 | }
 31 | .checkbox-balanced  {
 32 |   @include checkbox-style($checkbox-off-border-balanced, $checkbox-on-bg-balanced, $checkbox-off-border-balanced);
 33 | }
 34 | .checkbox-energized{
 35 |   @include checkbox-style($checkbox-off-border-energized, $checkbox-on-bg-energized, $checkbox-off-border-energized);
 36 | }
 37 | .checkbox-royal  {
 38 |   @include checkbox-style($checkbox-off-border-royal, $checkbox-on-bg-royal, $checkbox-off-border-royal);
 39 | }
 40 | .checkbox-dark  {
 41 |   @include checkbox-style($checkbox-off-border-dark, $checkbox-on-bg-dark, $checkbox-off-border-dark);
 42 | }
 43 | 
 44 | .checkbox input:disabled:before,
 45 | .checkbox input:disabled + .checkbox-icon:before {
 46 |   border-color: $checkbox-off-border-light;
 47 | }
 48 | 
 49 | .checkbox input:disabled:checked:before,
 50 | .checkbox input:disabled:checked + .checkbox-icon:before {
 51 |   background: $checkbox-on-bg-light;
 52 | }
 53 | 
 54 | 
 55 | .checkbox.checkbox-input-hidden input {
 56 |   display: none !important;
 57 | }
 58 | 
 59 | .checkbox input,
 60 | .checkbox-icon {
 61 |   position: relative;
 62 |   width: $checkbox-width;
 63 |   height: $checkbox-height;
 64 |   display: block;
 65 |   border: 0;
 66 |   background: transparent;
 67 |   cursor: pointer;
 68 |   -webkit-appearance: none;
 69 | 
 70 |   &:before {
 71 |     // what the checkbox looks like when its not checked
 72 |     display: table;
 73 |     width: 100%;
 74 |     height: 100%;
 75 |     border-width: $checkbox-border-width;
 76 |     border-style: solid;
 77 |     border-radius: $checkbox-border-radius;
 78 |     background: $checkbox-off-bg-color;
 79 |     content: ' ';
 80 |     @include transition(background-color 20ms ease-in-out);
 81 |   }
 82 | }
 83 | 
 84 | .checkbox input:checked:before,
 85 | input:checked + .checkbox-icon:before {
 86 |   border-width: $checkbox-border-width + 1;
 87 | }
 88 | 
 89 | // the checkmark within the box
 90 | .checkbox input:after,
 91 | .checkbox-icon:after {
 92 |   @include transition(opacity .05s ease-in-out);
 93 |   @include rotate(-45deg);
 94 |   position: absolute;
 95 |   top: 33%;
 96 |   left: 25%;
 97 |   display: table;
 98 |   width: ($checkbox-width / 2);
 99 |   height: ($checkbox-width / 4) - 1;
100 |   border: $checkbox-check-width solid $checkbox-check-color;
101 |   border-top: 0;
102 |   border-right: 0;
103 |   content: ' ';
104 |   opacity: 0;
105 | }
106 | 
107 | .platform-android .checkbox-platform input:before,
108 | .platform-android .checkbox-platform .checkbox-icon:before,
109 | .checkbox-square input:before,
110 | .checkbox-square .checkbox-icon:before {
111 |   border-radius: 2px;
112 |   width: 72%;
113 |   height: 72%;
114 |   margin-top: 14%;
115 |   margin-left: 14%;
116 |   border-width: 2px;
117 | }
118 | 
119 | .platform-android .checkbox-platform input:after,
120 | .platform-android .checkbox-platform .checkbox-icon:after,
121 | .checkbox-square input:after,
122 | .checkbox-square .checkbox-icon:after {
123 |   border-width: 2px;
124 |   top: 19%;
125 |   left: 25%;
126 |   width: ($checkbox-width / 2) - 1;
127 |   height: 7px;
128 | }
129 | 
130 | .grade-c .checkbox input:after,
131 | .grade-c .checkbox-icon:after {
132 |   @include rotate(0);
133 |   top: 3px;
134 |   left: 4px;
135 |   border: none;
136 |   color: $checkbox-check-color;
137 |   content: '\2713';
138 |   font-weight: bold;
139 |   font-size: 20px;
140 | }
141 | 
142 | // what the checkmark looks like when its checked
143 | .checkbox input:checked:after,
144 | input:checked + .checkbox-icon:after {
145 |   opacity: 1;
146 | }
147 | 
148 | // make sure item content have enough padding on left to fit the checkbox
149 | .item-checkbox {
150 |   padding-left: ($item-padding * 2) + $checkbox-width;
151 | 
152 |   &.active {
153 |     box-shadow: none;
154 |   }
155 | }
156 | 
157 | // position the checkbox to the left within an item
158 | .item-checkbox .checkbox {
159 |   position: absolute;
160 |   top: 50%;
161 |   right: $item-padding / 2;
162 |   left: $item-padding / 2;
163 |   z-index: $z-index-item-checkbox;
164 |   margin-top: (($checkbox-height + ($checkbox-height / 2)) / 2) * -1;
165 | }
166 | 
167 | 
168 | .item-checkbox.item-checkbox-right {
169 |   padding-right: ($item-padding * 2) + $checkbox-width;
170 |   padding-left: $item-padding;
171 | }
172 | 
173 | .item-checkbox-right .checkbox input,
174 | .item-checkbox-right .checkbox-icon {
175 |   float: right;
176 | }
177 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_form.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Forms
  3 |  * --------------------------------------------------
  4 |  */
  5 | 
  6 | // Make all forms have space below them
  7 | form {
  8 |   margin: 0 0 $line-height-base;
  9 | }
 10 | 
 11 | // Groups of fields with labels on top (legends)
 12 | legend {
 13 |   display: block;
 14 |   margin-bottom: $line-height-base;
 15 |   padding: 0;
 16 |   width: 100%;
 17 |   border: $input-border-width solid $input-border;
 18 |   color: $dark;
 19 |   font-size: $font-size-base * 1.5;
 20 |   line-height: $line-height-base * 2;
 21 | 
 22 |   small {
 23 |     color: $stable;
 24 |     font-size: $line-height-base * .75;
 25 |   }
 26 | }
 27 | 
 28 | // Set font for forms
 29 | label,
 30 | input,
 31 | button,
 32 | select,
 33 | textarea {
 34 |   @include font-shorthand($font-size-base, normal, $line-height-base); // Set size, weight, line-height here
 35 | }
 36 | input,
 37 | button,
 38 | select,
 39 | textarea {
 40 |   font-family: $font-family-base; // And only set font-family here for those that need it (note the missing label element)
 41 | }
 42 | 
 43 | 
 44 | // Input List
 45 | // -------------------------------
 46 | 
 47 | .item-input {
 48 |   @include display-flex();
 49 |   @include align-items(center);
 50 |   position: relative;
 51 |   overflow: hidden;
 52 |   padding: 6px 0 5px 16px;
 53 | 
 54 |   input {
 55 |     @include border-radius(0);
 56 |     @include flex(1, 0, 220px);
 57 |     @include appearance(none);
 58 |     margin: 0;
 59 |     padding-right: 24px;
 60 |     background-color: transparent;
 61 |   }
 62 | 
 63 |   .button .icon {
 64 |     @include flex(0, 0, 24px);
 65 |     position: static;
 66 |     display: inline-block;
 67 |     height: auto;
 68 |     text-align: center;
 69 |     font-size: 16px;
 70 |   }
 71 | 
 72 |   .button-bar {
 73 |     @include border-radius(0);
 74 |     @include flex(1, 0, 220px);
 75 |     @include appearance(none);
 76 |   }
 77 | 
 78 |   .icon {
 79 |     min-width: 14px;
 80 |   }
 81 | }
 82 | 
 83 | .item-input-inset {
 84 |   @include display-flex();
 85 |   @include align-items(center);
 86 |   position: relative;
 87 |   overflow: hidden;
 88 |   padding: ($item-padding / 3) * 2;
 89 | }
 90 | 
 91 | .item-input-wrapper {
 92 |   @include display-flex();
 93 |   @include flex(1, 0);
 94 |   @include align-items(center);
 95 |   @include border-radius(4px);
 96 |   padding-right: 8px;
 97 |   padding-left: 8px;
 98 |   background: #eee;
 99 | }
100 | 
101 | .item-input-inset .item-input-wrapper input {
102 |   padding-left: 4px;
103 |   height: 29px;
104 |   background: transparent;
105 |   line-height: 18px;
106 | }
107 | 
108 | .item-input-wrapper ~ .button {
109 |   margin-left: ($item-padding / 3) * 2;
110 | }
111 | 
112 | .input-label {
113 |   @include flex(1, 0, 100px);
114 |   display: table;
115 |   padding: 7px 10px 7px 0px;
116 |   max-width: 200px;
117 |   width: 35%;
118 |   color: $input-label-color;
119 |   font-size: 16px;
120 | }
121 | 
122 | .placeholder-icon {
123 |   color: #aaa;
124 |   &:first-child {
125 |     padding-right: 6px;
126 |   }
127 |   &:last-child {
128 |     padding-left: 6px;
129 |   }
130 | }
131 | 
132 | .item-stacked-label {
133 |   display: block;
134 |   background-color: transparent;
135 |   box-shadow: none;
136 | 
137 |   .input-label, .icon {
138 |     display: inline-block;
139 |     padding: 4px 0 0 0px;
140 |     vertical-align: middle;
141 |   }
142 | }
143 | 
144 | .item-stacked-label input,
145 | .item-stacked-label textarea {
146 |   @include border-radius(2px);
147 |   padding: 4px 8px 3px 0;
148 |   border: none;
149 |   background-color: $input-bg;
150 | }
151 | .item-stacked-label input {
152 |   overflow: hidden;
153 |   height: $line-height-computed + $font-size-base + 12px;
154 | }
155 | 
156 | .item-floating-label {
157 |   display: block;
158 |   background-color: transparent;
159 |   box-shadow: none;
160 | 
161 |   .input-label {
162 |     position: relative;
163 |     padding: 5px 0 0 0;
164 |     opacity: 0;
165 |     top: 10px;
166 |     @include transition(opacity .15s ease-in, top .2s linear);
167 | 
168 |     &.has-input {
169 |       opacity: 1;
170 |       top: 0;
171 |       @include transition(opacity .15s ease-in, top .2s linear);
172 |     }
173 |   }
174 | }
175 | 
176 | 
177 | // Form Controls
178 | // -------------------------------
179 | 
180 | // Shared size and type resets
181 | textarea,
182 | input[type="text"],
183 | input[type="password"],
184 | input[type="datetime"],
185 | input[type="datetime-local"],
186 | input[type="date"],
187 | input[type="month"],
188 | input[type="time"],
189 | input[type="week"],
190 | input[type="number"],
191 | input[type="email"],
192 | input[type="url"],
193 | input[type="search"],
194 | input[type="tel"],
195 | input[type="color"] {
196 |   display: block;
197 |   padding-top: 2px;
198 |   padding-left: 0;
199 |   height: $line-height-computed + $font-size-base;
200 |   color: $input-color;
201 |   vertical-align: middle;
202 |   font-size: $font-size-base;
203 |   line-height: $font-size-base + 2;
204 | }
205 | 
206 | .platform-ios,
207 | .platform-android {
208 |   input[type="datetime-local"],
209 |   input[type="date"],
210 |   input[type="month"],
211 |   input[type="time"],
212 |   input[type="week"] {
213 |     padding-top: 8px;
214 |   }
215 | }
216 | 
217 | input,
218 | textarea {
219 |   width: 100%;
220 | }
221 | textarea {
222 |   padding-left: 0;
223 |   @include placeholder($input-color-placeholder, -3px);
224 | }
225 | 
226 | // Reset height since textareas have rows
227 | textarea {
228 |   height: auto;
229 | }
230 | 
231 | // Everything else
232 | textarea,
233 | input[type="text"],
234 | input[type="password"],
235 | input[type="datetime"],
236 | input[type="datetime-local"],
237 | input[type="date"],
238 | input[type="month"],
239 | input[type="time"],
240 | input[type="week"],
241 | input[type="number"],
242 | input[type="email"],
243 | input[type="url"],
244 | input[type="search"],
245 | input[type="tel"],
246 | input[type="color"] {
247 |   border: 0;
248 | }
249 | 
250 | // Position radios and checkboxes better
251 | input[type="radio"],
252 | input[type="checkbox"] {
253 |   margin: 0;
254 |   line-height: normal;
255 | }
256 | 
257 | // Reset width of input images, buttons, radios, checkboxes
258 | input[type="file"],
259 | input[type="image"],
260 | input[type="submit"],
261 | input[type="reset"],
262 | input[type="button"],
263 | input[type="radio"],
264 | input[type="checkbox"] {
265 |   width: auto; // Override of generic input selector
266 | }
267 | 
268 | // Set the height of file to match text inputs
269 | input[type="file"] {
270 |   line-height: $input-height-base;
271 | }
272 | 
273 | // Text input classes to hide text caret during scroll
274 | .previous-input-focus,
275 | .cloned-text-input + input,
276 | .cloned-text-input + textarea {
277 |   position: absolute !important;
278 |   left: -9999px;
279 |   width: 200px;
280 | }
281 | 
282 | 
283 | // Placeholder
284 | // -------------------------------
285 | input,
286 | textarea {
287 |   @include placeholder();
288 | }
289 | 
290 | 
291 | // DISABLED STATE
292 | // -------------------------------
293 | 
294 | // Disabled and read-only inputs
295 | input[disabled],
296 | select[disabled],
297 | textarea[disabled],
298 | input[readonly]:not(.cloned-text-input),
299 | textarea[readonly]:not(.cloned-text-input),
300 | select[readonly] {
301 |   background-color: $input-bg-disabled;
302 |   cursor: not-allowed;
303 | }
304 | // Explicitly reset the colors here
305 | input[type="radio"][disabled],
306 | input[type="checkbox"][disabled],
307 | input[type="radio"][readonly],
308 | input[type="checkbox"][readonly] {
309 |   background-color: transparent;
310 | }
311 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_grid.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Grid
  3 |  * --------------------------------------------------
  4 |  * Using flexbox for the grid, inspired by Philip Walton:
  5 |  * http://philipwalton.github.io/solved-by-flexbox/demos/grids/
  6 |  * By default each .col within a .row will evenly take up
  7 |  * available width, and the height of each .col with take
  8 |  * up the height of the tallest .col in the same .row.
  9 |  */
 10 | 
 11 | .row {
 12 |   @include display-flex();
 13 |   padding: ($grid-padding-width / 2);
 14 |   width: 100%;
 15 | }
 16 | 
 17 | .row-wrap {
 18 |   @include flex-wrap(wrap);
 19 | }
 20 | 
 21 | .row + .row {
 22 |   margin-top: ($grid-padding-width / 2) * -1;
 23 |   padding-top: 0;
 24 | }
 25 | 
 26 | .col {
 27 |   @include flex(1);
 28 |   display: block;
 29 |   padding: ($grid-padding-width / 2);
 30 |   width: 100%;
 31 | }
 32 | 
 33 | 
 34 | /* Vertically Align Columns */
 35 | /* .row-* vertically aligns every .col in the .row */
 36 | .row-top {
 37 |   @include align-items(flex-start);
 38 | }
 39 | .row-bottom {
 40 |   @include align-items(flex-end);
 41 | }
 42 | .row-center {
 43 |   @include align-items(center);
 44 | }
 45 | .row-stretch {
 46 |   @include align-items(stretch);
 47 | }
 48 | .row-baseline {
 49 |   @include align-items(baseline);
 50 | }
 51 | 
 52 | /* .col-* vertically aligns an individual .col */
 53 | .col-top {
 54 |   @include align-self(flex-start);
 55 | }
 56 | .col-bottom {
 57 |   @include align-self(flex-end);
 58 | }
 59 | .col-center {
 60 |   @include align-self(center);
 61 | }
 62 | 
 63 | /* Column Offsets */
 64 | .col-offset-10 {
 65 |   margin-left: 10%;
 66 | }
 67 | .col-offset-20 {
 68 |   margin-left: 20%;
 69 | }
 70 | .col-offset-25 {
 71 |   margin-left: 25%;
 72 | }
 73 | .col-offset-33, .col-offset-34 {
 74 |   margin-left: 33.3333%;
 75 | }
 76 | .col-offset-50 {
 77 |   margin-left: 50%;
 78 | }
 79 | .col-offset-66, .col-offset-67 {
 80 |   margin-left: 66.6666%;
 81 | }
 82 | .col-offset-75 {
 83 |   margin-left: 75%;
 84 | }
 85 | .col-offset-80 {
 86 |   margin-left: 80%;
 87 | }
 88 | .col-offset-90 {
 89 |   margin-left: 90%;
 90 | }
 91 | 
 92 | 
 93 | /* Explicit Column Percent Sizes */
 94 | /* By default each grid column will evenly distribute */
 95 | /* across the grid. However, you can specify individual */
 96 | /* columns to take up a certain size of the available area */
 97 | .col-10 {
 98 |   @include flex(0, 0, 10%);
 99 |   max-width: 10%;
100 | }
101 | .col-20 {
102 |   @include flex(0, 0, 20%);
103 |   max-width: 20%;
104 | }
105 | .col-25 {
106 |   @include flex(0, 0, 25%);
107 |   max-width: 25%;
108 | }
109 | .col-33, .col-34 {
110 |   @include flex(0, 0, 33.3333%);
111 |   max-width: 33.3333%;
112 | }
113 | .col-50 {
114 |   @include flex(0, 0, 50%);
115 |   max-width: 50%;
116 | }
117 | .col-66, .col-67 {
118 |   @include flex(0, 0, 66.6666%);
119 |   max-width: 66.6666%;
120 | }
121 | .col-75 {
122 |   @include flex(0, 0, 75%);
123 |   max-width: 75%;
124 | }
125 | .col-80 {
126 |   @include flex(0, 0, 80%);
127 |   max-width: 80%;
128 | }
129 | .col-90 {
130 |   @include flex(0, 0, 90%);
131 |   max-width: 90%;
132 | }
133 | 
134 | 
135 | /* Responsive Grid Classes */
136 | /* Adding a class of responsive-X to a row */
137 | /* will trigger the flex-direction to */
138 | /* change to column and add some margin */
139 | /* to any columns in the row for clearity */
140 | 
141 | @include responsive-grid-break('.responsive-sm', $grid-responsive-sm-break);
142 | @include responsive-grid-break('.responsive-md', $grid-responsive-md-break);
143 | @include responsive-grid-break('.responsive-lg', $grid-responsive-lg-break);
144 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_items.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Items
  3 |  * --------------------------------------------------
  4 |  */
  5 | 
  6 | .item {
  7 |   @include item-style($item-default-bg, $item-default-border, $item-default-text);
  8 | 
  9 |   position: relative;
 10 |   z-index: $z-index-item; // Make sure the borders and stuff don't get hidden by children
 11 |   display: block;
 12 | 
 13 |   margin: $item-border-width * -1;
 14 |   padding: $item-padding;
 15 | 
 16 |   border-width: $item-border-width;
 17 |   border-style: solid;
 18 |   font-size: $item-font-size;
 19 | 
 20 |   h2 {
 21 |     margin: 0 0 2px 0;
 22 |     font-size: 16px;
 23 |     font-weight: normal;
 24 |   }
 25 |   h3 {
 26 |     margin: 0 0 4px 0;
 27 |     font-size: 14px;
 28 |   }
 29 |   h4 {
 30 |     margin: 0 0 4px 0;
 31 |     font-size: 12px;
 32 |   }
 33 |   h5, h6 {
 34 |     margin: 0 0 3px 0;
 35 |     font-size: 10px;
 36 |   }
 37 |   p {
 38 |     color: #666;
 39 |     font-size: 14px;
 40 |     margin-bottom: 2px;
 41 |   }
 42 | 
 43 |   h1:last-child,
 44 |   h2:last-child,
 45 |   h3:last-child,
 46 |   h4:last-child,
 47 |   h5:last-child,
 48 |   h6:last-child,
 49 |   p:last-child {
 50 |     margin-bottom: 0;
 51 |   }
 52 | 
 53 |   // Align badges within items
 54 |   .badge {
 55 |     @include display-flex();
 56 |     position: absolute;
 57 |     top: $item-padding;
 58 |     right: ($item-padding * 2);
 59 |   }
 60 |   &.item-button-right .badge {
 61 |     right: ($item-padding * 2) + 35;
 62 |   }
 63 |   &.item-divider .badge {
 64 |     top: ceil($item-padding / 2);
 65 |   }
 66 |   .badge + .badge {
 67 |     margin-right: 5px;
 68 |   }
 69 | 
 70 |   // Different themes for items
 71 |   &.item-light {
 72 |     @include item-style($item-light-bg, $item-light-border, $item-light-text);
 73 |   }
 74 |   &.item-stable {
 75 |     @include item-style($item-stable-bg, $item-stable-border, $item-stable-text);
 76 |   }
 77 |   &.item-positive {
 78 |     @include item-style($item-positive-bg, $item-positive-border, $item-positive-text);
 79 |   }
 80 |   &.item-calm {
 81 |     @include item-style($item-calm-bg, $item-calm-border, $item-calm-text);
 82 |   }
 83 |   &.item-assertive {
 84 |     @include item-style($item-assertive-bg, $item-assertive-border, $item-assertive-text);
 85 |   }
 86 |   &.item-balanced {
 87 |     @include item-style($item-balanced-bg, $item-balanced-border, $item-balanced-text);
 88 |   }
 89 |   &.item-energized {
 90 |     @include item-style($item-energized-bg, $item-energized-border, $item-energized-text);
 91 |   }
 92 |   &.item-royal {
 93 |     @include item-style($item-royal-bg, $item-royal-border, $item-royal-text);
 94 |   }
 95 |   &.item-dark {
 96 |     @include item-style($item-dark-bg, $item-dark-border, $item-dark-text);
 97 |   }
 98 | 
 99 |   &[ng-click]:hover {
100 |     cursor: pointer;
101 |   }
102 | 
103 | }
104 | 
105 | .list-borderless .item,
106 | .item-borderless {
107 |   border-width: 0;
108 | }
109 | 
110 | // Link and Button Active States
111 | .item.active,
112 | .item.activated,
113 | .item-complex.active .item-content,
114 | .item-complex.activated .item-content,
115 | .item .item-content.active,
116 | .item .item-content.activated {
117 |   @include item-active-style($item-default-active-bg, $item-default-active-border);
118 | 
119 |   // Different active themes for <a> and <button> items
120 |   &.item-light {
121 |     @include item-active-style($item-light-active-bg, $item-light-active-border);
122 |   }
123 |   &.item-stable {
124 |     @include item-active-style($item-stable-active-bg, $item-stable-active-border);
125 |   }
126 |   &.item-positive {
127 |     @include item-active-style($item-positive-active-bg, $item-positive-active-border);
128 |   }
129 |   &.item-calm {
130 |     @include item-active-style($item-calm-active-bg, $item-calm-active-border);
131 |   }
132 |   &.item-assertive {
133 |     @include item-active-style($item-assertive-active-bg, $item-assertive-active-border);
134 |   }
135 |   &.item-balanced {
136 |     @include item-active-style($item-balanced-active-bg, $item-balanced-active-border);
137 |   }
138 |   &.item-energized {
139 |     @include item-active-style($item-energized-active-bg, $item-energized-active-border);
140 |   }
141 |   &.item-royal {
142 |     @include item-active-style($item-royal-active-bg, $item-royal-active-border);
143 |   }
144 |   &.item-dark {
145 |     @include item-active-style($item-dark-active-bg, $item-dark-active-border);
146 |   }
147 | }
148 | 
149 | // Handle text overflow
150 | .item,
151 | .item h1,
152 | .item h2,
153 | .item h3,
154 | .item h4,
155 | .item h5,
156 | .item h6,
157 | .item p,
158 | .item-content,
159 | .item-content h1,
160 | .item-content h2,
161 | .item-content h3,
162 | .item-content h4,
163 | .item-content h5,
164 | .item-content h6,
165 | .item-content p {
166 |   overflow: hidden;
167 |   text-overflow: ellipsis;
168 |   white-space: nowrap;
169 | }
170 | 
171 | // Linked list items
172 | a.item {
173 |   color: inherit;
174 |   text-decoration: none;
175 | 
176 |   &:hover,
177 |   &:focus {
178 |     text-decoration: none;
179 |   }
180 | }
181 | 
182 | 
183 | /**
184 |  * Complex Items
185 |  * --------------------------------------------------
186 |  * Adding .item-complex allows the .item to be slidable and
187 |  * have options underneath the button, but also requires an
188 |  * additional .item-content element inside .item.
189 |  * Basically .item-complex removes any default settings which
190 |  * .item added, so that .item-content looks them as just .item.
191 |  */
192 | 
193 | .item-complex,
194 | a.item.item-complex,
195 | button.item.item-complex {
196 |   padding: 0;
197 | }
198 | .item-complex .item-content,
199 | .item-radio .item-content {
200 |   position: relative;
201 |   z-index: $z-index-item;
202 |   padding: $item-padding (ceil( ($item-padding * 3) + ($item-padding / 3) ) - 5) $item-padding $item-padding;
203 |   border: none;
204 |   background-color: white;
205 | }
206 | 
207 | a.item-content {
208 |   display: block;
209 |   color: inherit;
210 |   text-decoration: none;
211 | }
212 | 
213 | .item-text-wrap .item,
214 | .item-text-wrap .item-content,
215 | .item-text-wrap,
216 | .item-text-wrap h1,
217 | .item-text-wrap h2,
218 | .item-text-wrap h3,
219 | .item-text-wrap h4,
220 | .item-text-wrap h5,
221 | .item-text-wrap h6,
222 | .item-text-wrap p,
223 | .item-complex.item-text-wrap .item-content,
224 | .item-body h1,
225 | .item-body h2,
226 | .item-body h3,
227 | .item-body h4,
228 | .item-body h5,
229 | .item-body h6,
230 | .item-body p {
231 |   overflow: visible;
232 |   white-space: normal;
233 | }
234 | .item-complex.item-text-wrap,
235 | .item-complex.item-text-wrap h1,
236 | .item-complex.item-text-wrap h2,
237 | .item-complex.item-text-wrap h3,
238 | .item-complex.item-text-wrap h4,
239 | .item-complex.item-text-wrap h5,
240 | .item-complex.item-text-wrap h6,
241 | .item-complex.item-text-wrap p {
242 |   overflow: visible;
243 |   white-space: normal;
244 | }
245 | 
246 | // Link and Button Active States
247 | 
248 | .item-complex{
249 |   // Stylized items
250 |   &.item-light > .item-content{
251 |     @include item-style($item-light-bg, $item-light-border, $item-light-text);
252 |     &.active, &:active {
253 |       @include item-active-style($item-light-active-bg, $item-light-active-border);
254 |     }
255 |   }
256 |   &.item-stable > .item-content{
257 |     @include item-style($item-stable-bg, $item-stable-border, $item-stable-text);
258 |     &.active, &:active {
259 |       @include item-active-style($item-stable-active-bg, $item-stable-active-border);
260 |     }
261 |   }
262 |   &.item-positive > .item-content{
263 |     @include item-style($item-positive-bg, $item-positive-border, $item-positive-text);
264 |     &.active, &:active {
265 |       @include item-active-style($item-positive-active-bg, $item-positive-active-border);
266 |     }
267 |   }
268 |   &.item-calm > .item-content{
269 |     @include item-style($item-calm-bg, $item-calm-border, $item-calm-text);
270 |     &.active, &:active {
271 |       @include item-active-style($item-calm-active-bg, $item-calm-active-border);
272 |     }
273 |   }
274 |   &.item-assertive > .item-content{
275 |     @include item-style($item-assertive-bg, $item-assertive-border, $item-assertive-text);
276 |     &.active, &:active {
277 |       @include item-active-style($item-assertive-active-bg, $item-assertive-active-border);
278 |     }
279 |   }
280 |   &.item-balanced > .item-content{
281 |     @include item-style($item-balanced-bg, $item-balanced-border, $item-balanced-text);
282 |     &.active, &:active {
283 |       @include item-active-style($item-balanced-active-bg, $item-balanced-active-border);
284 |     }
285 |   }
286 |   &.item-energized > .item-content{
287 |     @include item-style($item-energized-bg, $item-energized-border, $item-energized-text);
288 |     &.active, &:active {
289 |       @include item-active-style($item-energized-active-bg, $item-energized-active-border);
290 |     }
291 |   }
292 |   &.item-royal > .item-content{
293 |     @include item-style($item-royal-bg, $item-royal-border, $item-royal-text);
294 |     &.active, &:active {
295 |       @include item-active-style($item-royal-active-bg, $item-royal-active-border);
296 |     }
297 |   }
298 |   &.item-dark > .item-content{
299 |     @include item-style($item-dark-bg, $item-dark-border, $item-dark-text);
300 |     &.active, &:active {
301 |       @include item-active-style($item-dark-active-bg, $item-dark-active-border);
302 |     }
303 |   }
304 | }
305 | 
306 | 
307 | /**
308 |  * Item Icons
309 |  * --------------------------------------------------
310 |  */
311 | 
312 | .item-icon-left .icon,
313 | .item-icon-right .icon {
314 |   @include display-flex();
315 |   @include align-items(center);
316 |   position: absolute;
317 |   top: 0;
318 |   height: 100%;
319 |   font-size: $item-icon-font-size;
320 | 
321 |   &:before {
322 |     display: block;
323 |     width: $item-icon-font-size;
324 |     text-align: center;
325 |   }
326 | }
327 | 
328 | .item .fill-icon {
329 |   min-width: $item-icon-fill-font-size + 2;
330 |   min-height: $item-icon-fill-font-size + 2;
331 |   font-size: $item-icon-fill-font-size;
332 | }
333 | 
334 | .item-icon-left {
335 |   padding-left: ceil( ($item-padding * 3) + ($item-padding / 3) );
336 | 
337 |   .icon {
338 |     left: ceil( ($item-padding / 3) * 2);
339 |   }
340 | }
341 | .item-complex.item-icon-left {
342 |   padding-left: 0;
343 | 
344 |   .item-content {
345 |     padding-left: ceil( ($item-padding * 3) + ($item-padding / 3) );
346 |   }
347 | }
348 | 
349 | .item-icon-right {
350 |   padding-right: ceil( ($item-padding * 3) + ($item-padding / 3) );
351 | 
352 |   .icon {
353 |     right: ceil( ($item-padding / 3) * 2);
354 |   }
355 | }
356 | .item-complex.item-icon-right {
357 |   padding-right: 0;
358 | 
359 |   .item-content {
360 |     padding-right: ceil( ($item-padding * 3) + ($item-padding / 3) );
361 |   }
362 | }
363 | 
364 | .item-icon-left.item-icon-right .icon:first-child {
365 |   right: auto;
366 | }
367 | .item-icon-left.item-icon-right .icon:last-child,
368 | .item-icon-left .item-delete .icon {
369 |   left: auto;
370 | }
371 | 
372 | .item-icon-left .icon-accessory,
373 | .item-icon-right .icon-accessory {
374 |   color: $item-icon-accessory-color;
375 |   font-size: $item-icon-accessory-font-size;
376 | }
377 | .item-icon-left .icon-accessory {
378 |   left: floor($item-padding / 5);
379 | }
380 | .item-icon-right .icon-accessory {
381 |   right: floor($item-padding / 5);
382 | }
383 | 
384 | 
385 | /**
386 |  * Item Button
387 |  * --------------------------------------------------
388 |  * An item button is a child button inside an .item (not the entire .item)
389 |  */
390 | 
391 | .item-button-left {
392 |   padding-left: ceil($item-padding * 4.5);
393 | }
394 | 
395 | .item-button-left > .button,
396 | .item-button-left .item-content > .button {
397 |   @include display-flex();
398 |   @include align-items(center);
399 |   position: absolute;
400 |   top: ceil($item-padding / 2);
401 |   left: ceil( ($item-padding / 3) * 2);
402 |   min-width: $item-icon-font-size + ($button-border-width * 2);
403 |   min-height: $item-icon-font-size + ($button-border-width * 2);
404 |   font-size: $item-button-font-size;
405 |   line-height: $item-button-line-height;
406 | 
407 |   .icon:before {
408 |     position: relative;
409 |     left: auto;
410 |     width: auto;
411 |     line-height: $item-icon-font-size - 1;
412 |   }
413 | 
414 |   > .button {
415 |     margin: 0px 2px;
416 |     min-height: $item-icon-font-size + ($button-border-width * 2);
417 |     font-size: $item-button-font-size;
418 |     line-height: $item-button-line-height;
419 |   }
420 | }
421 | 
422 | .item-button-right,
423 | a.item.item-button-right,
424 | button.item.item-button-right {
425 |   padding-right: $item-padding * 5;
426 | }
427 | 
428 | .item-button-right > .button,
429 | .item-button-right .item-content > .button,
430 | .item-button-right > .buttons,
431 | .item-button-right .item-content > .buttons {
432 |   @include display-flex();
433 |   @include align-items(center);
434 |   position: absolute;
435 |   top: ceil($item-padding / 2);
436 |   right: $item-padding;
437 |   min-width: $item-icon-font-size + ($button-border-width * 2);
438 |   min-height: $item-icon-font-size + ($button-border-width * 2);
439 |   font-size: $item-button-font-size;
440 |   line-height: $item-button-line-height;
441 | 
442 |   .icon:before {
443 |     position: relative;
444 |     left: auto;
445 |     width: auto;
446 |     line-height: $item-icon-font-size - 1;
447 |   }
448 | 
449 |   > .button {
450 |     margin: 0px 2px;
451 |     min-width: $item-icon-font-size + ($button-border-width * 2);
452 |     min-height: $item-icon-font-size + ($button-border-width * 2);
453 |     font-size: $item-button-font-size;
454 |     line-height: $item-button-line-height;
455 |   }
456 | }
457 | 
458 | 
459 | // Item Avatar
460 | // -------------------------------
461 | 
462 | .item-avatar,
463 | .item-avatar .item-content,
464 | .item-avatar-left,
465 | .item-avatar-left .item-content {
466 |   padding-left: $item-avatar-width + ($item-padding * 2);
467 |   min-height: $item-avatar-width + ($item-padding * 2);
468 | 
469 |   > img:first-child,
470 |   .item-image {
471 |     position: absolute;
472 |     top: $item-padding;
473 |     left: $item-padding;
474 |     max-width: $item-avatar-width;
475 |     max-height: $item-avatar-height;
476 |     width: 100%;
477 |     border-radius: $item-avatar-border-radius;
478 |   }
479 | }
480 | 
481 | .item-avatar-right,
482 | .item-avatar-right .item-content {
483 |   padding-right: $item-avatar-width + ($item-padding * 2);
484 |   min-height: $item-avatar-width + ($item-padding * 2);
485 | 
486 |   > img:first-child,
487 |   .item-image {
488 |     position: absolute;
489 |     top: $item-padding;
490 |     right: $item-padding;
491 |     max-width: $item-avatar-width;
492 |     max-height: $item-avatar-height;
493 |     width: 100%;
494 |     border-radius: $item-avatar-border-radius;
495 |   }
496 | }
497 | 
498 | 
499 | // Item Thumbnails
500 | // -------------------------------
501 | 
502 | .item-thumbnail-left,
503 | .item-thumbnail-left .item-content {
504 |   padding-top: $item-padding / 2;
505 |   padding-left: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
506 |   min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
507 | 
508 |   > img:first-child,
509 |   .item-image {
510 |     position: absolute;
511 |     top: $item-thumbnail-margin;
512 |     left: $item-thumbnail-margin;
513 |     max-width: $item-thumbnail-width;
514 |     max-height: $item-thumbnail-height;
515 |     width: 100%;
516 |   }
517 | }
518 | .item-avatar.item-complex,
519 | .item-avatar-left.item-complex,
520 | .item-thumbnail-left.item-complex {
521 |   padding-top: 0;
522 |   padding-left: 0;
523 | }
524 | 
525 | .item-thumbnail-right,
526 | .item-thumbnail-right .item-content {
527 |   padding-top: $item-padding / 2;
528 |   padding-right: $item-thumbnail-width + $item-thumbnail-margin + $item-padding;
529 |   min-height: $item-thumbnail-height + ($item-thumbnail-margin * 2);
530 | 
531 |   > img:first-child,
532 |   .item-image {
533 |     position: absolute;
534 |     top: $item-thumbnail-margin;
535 |     right: $item-thumbnail-margin;
536 |     max-width: $item-thumbnail-width;
537 |     max-height: $item-thumbnail-height;
538 |     width: 100%;
539 |   }
540 | }
541 | .item-avatar-right.item-complex,
542 | .item-thumbnail-right.item-complex {
543 |   padding-top: 0;
544 |   padding-right: 0;
545 | }
546 | 
547 | 
548 | // Item Image
549 | // -------------------------------
550 | 
551 | .item-image {
552 |   padding: 0;
553 |   text-align: center;
554 | 
555 |   img:first-child, .list-img {
556 |     width: 100%;
557 |     vertical-align: middle;
558 |   }
559 | }
560 | 
561 | 
562 | // Item Body
563 | // -------------------------------
564 | 
565 | .item-body {
566 |   overflow: auto;
567 |   padding: $item-padding;
568 |   text-overflow: inherit;
569 |   white-space: normal;
570 | 
571 |   h1, h2, h3, h4, h5, h6, p {
572 |     margin-top: $item-padding;
573 |     margin-bottom: $item-padding;
574 |   }
575 | }
576 | 
577 | 
578 | // Item Divider
579 | // -------------------------------
580 | 
581 | .item-divider {
582 |   padding-top: ceil($item-padding / 2);
583 |   padding-bottom: ceil($item-padding / 2);
584 |   min-height: 30px;
585 |   background-color: $item-divider-bg;
586 |   color: $item-divider-color;
587 |   font-weight: 500;
588 | }
589 | 
590 | .platform-ios .item-divider-platform,
591 | .item-divider-ios {
592 |   padding-top: 26px;
593 |   text-transform: uppercase;
594 |   font-weight: 300;
595 |   font-size: 13px;
596 |   background-color: #efeff4;
597 |   color: #555;
598 | }
599 | 
600 | .platform-android .item-divider-platform,
601 | .item-divider-android {
602 |   font-weight: 300;
603 |   font-size: 13px;
604 | }
605 | 
606 | 
607 | // Item Note
608 | // -------------------------------
609 | 
610 | .item-note {
611 |   float: right;
612 |   color: #aaa;
613 |   font-size: 14px;
614 | }
615 | 
616 | 
617 | // Item Editing
618 | // -------------------------------
619 | 
620 | .item-left-editable .item-content,
621 | .item-right-editable .item-content {
622 |   // setup standard transition settings
623 |   @include transition-duration( $item-edit-transition-duration );
624 |   @include transition-timing-function( $item-edit-transition-function );
625 |   -webkit-transition-property: -webkit-transform;
626 |      -moz-transition-property: -moz-transform;
627 |           transition-property: transform;
628 | }
629 | 
630 | .list-left-editing .item-left-editable .item-content,
631 | .item-left-editing.item-left-editable .item-content {
632 |   // actively editing the left side of the item
633 |   @include translate3d($item-left-edit-open-width, 0, 0);
634 | }
635 | 
636 | .list-right-editing .item-right-editable .item-content,
637 | .item-right-editing.item-right-editable .item-content {
638 |   // actively editing the left side of the item
639 |   @include translate3d(-$item-right-edit-open-width, 0, 0);
640 | }
641 | 
642 | .item-remove-animate {
643 |   &.ng-leave {
644 |     @include transition-duration( $item-remove-transition-duration );
645 |   }
646 |   &.ng-leave .item-content,
647 |   &.ng-leave:last-of-type {
648 |     @include transition-duration( $item-remove-transition-duration );
649 |     @include transition-timing-function( $item-remove-transition-function );
650 |     @include transition-property( all );
651 |   }
652 | 
653 |   &.ng-leave.ng-leave-active .item-content {
654 |     opacity:0;
655 |     -webkit-transform: translate3d(-100%, 0, 0) !important;
656 |     transform: translate3d(-100%, 0, 0) !important;
657 |   }
658 |   &.ng-leave.ng-leave-active:last-of-type {
659 |     opacity: 0;
660 |   }
661 | 
662 |   &.ng-leave.ng-leave-active ~ ion-item:not(.ng-leave) {
663 |     -webkit-transform: translate3d(0, unquote('-webkit-calc(-100% + 1px)'), 0);
664 |     transform: translate3d(0, calc(-100% + 1px), 0);
665 |     @include transition-duration( $item-remove-transition-duration );
666 |     @include transition-timing-function( $item-remove-descendents-transition-function );
667 |     @include transition-property( all );
668 |   }
669 | }
670 | 
671 | 
672 | 
673 | // Item Left Edit Button
674 | // -------------------------------
675 | 
676 | .item-left-edit {
677 |   @include transition(all $item-edit-transition-function $item-edit-transition-duration / 2);
678 |   position: absolute;
679 |   top: 0;
680 |   left: 0;
681 |   z-index: $z-index-item-edit;
682 |   width: $item-left-edit-open-width;
683 |   height: 100%;
684 |   line-height: 100%;
685 | 
686 |   .button {
687 |     height: 100%;
688 | 
689 |     &.icon {
690 |       @include display-flex();
691 |       @include align-items(center);
692 |       position: absolute;
693 |       top: 0;
694 |       height: 100%;
695 |     }
696 |   }
697 | 
698 |   display: none;
699 |   opacity: 0;
700 |   @include translate3d( ($item-left-edit-left - $item-left-edit-open-width) / 2, 0, 0);
701 |   &.visible {
702 |     display: block;
703 |     &.active {
704 |       opacity: 1;
705 |       @include translate3d($item-left-edit-left, 0, 0);
706 |     }
707 |   }
708 | }
709 | .list-left-editing .item-left-edit {
710 |   @include transition-delay($item-edit-transition-duration / 2);
711 | }
712 | 
713 | // Item Delete (Left side edit button)
714 | // -------------------------------
715 | 
716 | .item-delete .button.icon {
717 |   color: $item-delete-icon-color;
718 |   font-size: $item-delete-icon-size;
719 | 
720 |   &:hover {
721 |     opacity: .7;
722 |   }
723 | }
724 | 
725 | 
726 | // Item Right Edit Button
727 | // -------------------------------
728 | 
729 | .item-right-edit {
730 |   @include transition(all $item-edit-transition-function $item-edit-transition-duration / 2);
731 |   position: absolute;
732 |   top: 0;
733 |   right: 0;
734 |   z-index: 0;
735 |   width: $item-right-edit-open-width *  1.5;
736 |   height: 100%;
737 |   background: inherit;
738 |   padding-left: 20px;
739 | 
740 |   .button {
741 |     min-width: $item-right-edit-open-width;
742 |     height: 100%;
743 | 
744 |     &.icon {
745 |       @include display-flex();
746 |       @include align-items(center);
747 |       position: absolute;
748 |       top: 0;
749 |       height: 100%;
750 |       font-size: $item-reorder-icon-size;
751 |     }
752 |   }
753 | 
754 |   display: none;
755 |   opacity: 0;
756 |   @include translate3d($item-right-edit-open-width / 2, 0, 0);
757 |   &.visible {
758 |     display: block;
759 |     z-index: $z-index-item-reorder;
760 |     &.active {
761 |       opacity: 1;
762 |       @include translate3d(0, 0, 0);
763 |     }
764 |   }
765 | }
766 | .list-right-editing .item-right-edit {
767 |   @include transition-delay($item-edit-transition-duration / 2);
768 | }
769 | 
770 | 
771 | // Item Reordering (Right side edit button)
772 | // -------------------------------
773 | 
774 | .item-reorder .button.icon {
775 |   color: $item-reorder-icon-color;
776 |   font-size: $item-reorder-icon-size;
777 | }
778 | 
779 | .item-reordering {
780 |   // item is actively being reordered
781 |   position: absolute;
782 |   left: 0;
783 |   top: 0;
784 |   z-index: $z-index-item-reordering;
785 |   width: 100%;
786 |   box-shadow: 0px 0px 10px 0px #aaa;
787 | 
788 |   .item-reorder {
789 |     z-index: 1;
790 |   }
791 | }
792 | 
793 | .item-placeholder {
794 |   // placeholder for the item that's being reordered
795 |   opacity: 0.7;
796 | }
797 | 
798 | 
799 | /**
800 |  * The hidden right-side buttons that can be exposed under a list item
801 |  * with dragging.
802 |  */
803 | .item-options {
804 |   position: absolute;
805 |   top: 0;
806 |   right: 0;
807 |   z-index: $z-index-item-options;
808 |   height: 100%;
809 | 
810 |   .button {
811 |     height: 100%;
812 |     border: none;
813 |     border-radius: 0;
814 |     @include display-inline-flex();
815 |     @include align-items(center);
816 | 
817 |     &:before{
818 |       margin: 0 auto;
819 |     }
820 |   }
821 | }
822 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_list.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Lists
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .list {
  8 |   position: relative;
  9 |   padding-top: $item-border-width;
 10 |   padding-bottom: $item-border-width;
 11 |   padding-left: 0; // reset padding because ul and ol
 12 |   margin-bottom: 20px;
 13 | }
 14 | .list:last-child {
 15 |   margin-bottom: 0px;
 16 |   &.card{
 17 |     margin-bottom:40px;
 18 |   }
 19 | }
 20 | 
 21 | 
 22 | /**
 23 |  * List Header
 24 |  * --------------------------------------------------
 25 |  */
 26 | 
 27 | .list-header {
 28 |   margin-top: $list-header-margin-top;
 29 |   padding: $list-header-padding;
 30 |   background-color: $list-header-bg;
 31 |   color: $list-header-color;
 32 |   font-weight: bold;
 33 | }
 34 | 
 35 | // when its a card make sure it doesn't duplicate top and bottom borders
 36 | .card.list .list-item {
 37 |   padding-right: 1px;
 38 |   padding-left: 1px;
 39 | }
 40 | 
 41 | 
 42 | /**
 43 |  * Cards and Inset Lists
 44 |  * --------------------------------------------------
 45 |  * A card and list-inset are close to the same thing, except a card as a box shadow.
 46 |  */
 47 | 
 48 | .card,
 49 | .list-inset {
 50 |   overflow: hidden;
 51 |   margin: ($content-padding * 2) $content-padding;
 52 |   border-radius: $card-border-radius;
 53 |   background-color: $card-body-bg;
 54 | }
 55 | 
 56 | .card {
 57 |   padding-top: $item-border-width;
 58 |   padding-bottom: $item-border-width;
 59 |   box-shadow: $card-box-shadow;
 60 | 
 61 |   .item {
 62 |     border-left: 0;
 63 |     border-right: 0;
 64 |   }
 65 |   .item:first-child {
 66 |     border-top: 0;
 67 |   }
 68 |   .item:last-child {
 69 |     border-bottom: 0;
 70 |   }
 71 | }
 72 | 
 73 | .padding {
 74 |   .card, .list-inset {
 75 |     margin-left: 0;
 76 |     margin-right: 0;
 77 |   }
 78 | }
 79 | 
 80 | .card .item,
 81 | .list-inset .item,
 82 | .padding > .list .item
 83 | {
 84 |   &:first-child {
 85 |     border-top-left-radius: $card-border-radius;
 86 |     border-top-right-radius: $card-border-radius;
 87 | 
 88 |     .item-content {
 89 |       border-top-left-radius: $card-border-radius;
 90 |       border-top-right-radius: $card-border-radius;
 91 |     }
 92 |   }
 93 |   &:last-child {
 94 |     border-bottom-right-radius: $card-border-radius;
 95 |     border-bottom-left-radius: $card-border-radius;
 96 | 
 97 |     .item-content {
 98 |       border-bottom-right-radius: $card-border-radius;
 99 |       border-bottom-left-radius: $card-border-radius;
100 |     }
101 |   }
102 | }
103 | 
104 | .card .item:last-child,
105 | .list-inset .item:last-child {
106 |   margin-bottom: $item-border-width * -1;
107 | }
108 | 
109 | .card .item,
110 | .list-inset .item,
111 | .padding > .list .item,
112 | .padding-horizontal > .list .item {
113 |   margin-right: 0;
114 |   margin-left: 0;
115 | 
116 |   &.item-input input {
117 |     padding-right: 44px;
118 |   }
119 | }
120 | .padding-left > .list .item {
121 |   margin-left: 0;
122 | }
123 | .padding-right > .list .item {
124 |   margin-right: 0;
125 | }
126 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_loading.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Loading
 4 |  * --------------------------------------------------
 5 |  */
 6 | 
 7 | .loading-container {
 8 |   position: absolute;
 9 |   left: 0;
10 |   top: 0;
11 |   right: 0;
12 |   bottom: 0;
13 | 
14 |   z-index: $z-index-loading;
15 | 
16 |   @include display-flex();
17 |   @include justify-content(center);
18 |   @include align-items(center);
19 | 
20 |   @include transition(0.2s opacity linear);
21 |   visibility: hidden;
22 |   opacity: 0;
23 | 
24 |   &:not(.visible) .icon {
25 |     display: none;
26 |   }
27 |   &.visible {
28 |     visibility: visible;
29 |   }
30 |   &.active {
31 |     opacity: 1;
32 |   }
33 | 
34 |   .loading {
35 |     padding: $loading-padding;
36 | 
37 |     border-radius: $loading-border-radius;
38 |     background-color: $loading-bg-color;
39 | 
40 |     color: $loading-text-color;
41 | 
42 |     text-align: center;
43 |     text-overflow: ellipsis;
44 |     font-size: $loading-font-size;
45 | 
46 |     h1, h2, h3, h4, h5, h6 {
47 |       color: $loading-text-color;
48 |     }
49 |   }
50 | }
51 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_menu.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Menus
 4 |  * --------------------------------------------------
 5 |  * Side panel structure
 6 |  */
 7 | 
 8 | .menu {
 9 |   position: absolute;
10 |   top: 0;
11 |   bottom: 0;
12 |   z-index: $z-index-menu;
13 |   overflow: hidden;
14 | 
15 |   min-height: 100%;
16 |   max-height: 100%;
17 |   width: $menu-width;
18 | 
19 |   background-color: $menu-bg;
20 | 
21 |   .scroll-content {
22 |     z-index: $z-index-menu-scroll-content;
23 |   }
24 | 
25 |   .bar-header {
26 |     z-index: $z-index-menu-bar-header;
27 |   }
28 | }
29 | 
30 | .menu-content {
31 |   @include transform(none);
32 |   box-shadow: $menu-side-shadow;
33 | }
34 | 
35 | .menu-open .menu-content .pane,
36 | .menu-open .menu-content .scroll-content {
37 |   pointer-events: none;
38 | }
39 | 
40 | .grade-b .menu-content,
41 | .grade-c .menu-content {
42 |   @include box-sizing(content-box);
43 |   right: -1px;
44 |   left: -1px;
45 |   border-right: 1px solid #ccc;
46 |   border-left: 1px solid #ccc;
47 |   box-shadow: none;
48 | }
49 | 
50 | .menu-left {
51 |   left: 0;
52 | }
53 | 
54 | .menu-right {
55 |   right: 0;
56 | }
57 | 
58 | .aside-open.aside-resizing .menu-right {
59 |   display: none;
60 | }
61 | 
62 | .menu-animated {
63 |   @include transition-transform($menu-animation-speed ease);
64 | }
65 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_mixins.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | // Button Mixins
  3 | // --------------------------------------------------
  4 | 
  5 | @mixin button-style($bg-color, $border-color, $active-bg-color, $active-border-color, $color) {
  6 |   border-color: $border-color;
  7 |   background-color: $bg-color;
  8 |   color: $color;
  9 | 
 10 |   // Give desktop users something to play with
 11 |   &:hover {
 12 |     color: $color;
 13 |     text-decoration: none;
 14 |   }
 15 |   &.active,
 16 |   &.activated {
 17 |     border-color: $active-border-color;
 18 |     background-color: $active-bg-color;
 19 |     box-shadow: inset 0 1px 4px rgba(0,0,0,0.1);
 20 |   }
 21 | }
 22 | 
 23 | @mixin button-clear($color, $font-size:"") {
 24 |   &.button-clear {
 25 |     border-color: transparent;
 26 |     background: none;
 27 |     box-shadow: none;
 28 |     color: $color;
 29 | 
 30 |     @if $font-size != "" {
 31 |       font-size: $font-size;
 32 |     }
 33 |   }
 34 |   &.button-icon {
 35 |     border-color: transparent;
 36 |     background: none;
 37 |   }
 38 | }
 39 | 
 40 | @mixin button-outline($color, $text-color:"") {
 41 |   &.button-outline {
 42 |     border-color: $color;
 43 |     background: transparent;
 44 |     @if $text-color == "" {
 45 |       $text-color: $color;
 46 |     }
 47 |     color: $text-color;
 48 |     &.active,
 49 |     &.activated {
 50 |       background-color: $color;
 51 |       box-shadow: none;
 52 |       color: #fff;
 53 |     }
 54 |   }
 55 | }
 56 | 
 57 | 
 58 | // Bar Mixins
 59 | // --------------------------------------------------
 60 | 
 61 | @mixin bar-style($bg-color, $border-color, $color) {
 62 |   border-color: $border-color;
 63 |   background-color: $bg-color;
 64 |   background-image: linear-gradient(0deg, $border-color, $border-color 50%, transparent 50%);
 65 |   color: $color;
 66 | 
 67 |   .title {
 68 |     color: $color;
 69 |   }
 70 | }
 71 | 
 72 | 
 73 | // Tab Mixins
 74 | // --------------------------------------------------
 75 | 
 76 | @mixin tab-style($bg-color, $border-color, $color) {
 77 |   border-color: $border-color;
 78 |   background-color: $bg-color;
 79 |   background-image: linear-gradient(0deg, $border-color, $border-color 50%, transparent 50%);
 80 |   color: $color;
 81 | }
 82 | 
 83 | @mixin tab-badge-style($bg-color, $color) {
 84 |   .tab-item .badge {
 85 |     background-color: $bg-color;
 86 |     color: $color;
 87 |   }
 88 | }
 89 | 
 90 | 
 91 | // Item Mixins
 92 | // --------------------------------------------------
 93 | 
 94 | @mixin item-style($bg-color, $border-color, $color) {
 95 |   border-color: $border-color;
 96 |   background-color: $bg-color;
 97 |   color: $color;
 98 | }
 99 | 
100 | @mixin item-active-style($active-bg-color, $active-border-color) {
101 |   border-color: $active-border-color;
102 |   background-color: $active-bg-color;
103 | }
104 | 
105 | 
106 | // Badge Mixins
107 | // --------------------------------------------------
108 | 
109 | @mixin badge-style($bg-color, $color) {
110 |   background-color: $bg-color;
111 |   color: $color;
112 | }
113 | 
114 | 
115 | // Range Mixins
116 | // --------------------------------------------------
117 | 
118 | @mixin range-style($track-bg-color) {
119 |   &::-webkit-slider-thumb:before {
120 |     background: $track-bg-color;
121 |   }
122 | }
123 | 
124 | 
125 | // Checkbox Mixins
126 | // --------------------------------------------------
127 | 
128 | @mixin checkbox-style($off-border-color, $on-bg-color, $on-border-color) {
129 |   & input:before,
130 |   & .checkbox-icon:before {
131 |     border-color: $off-border-color;
132 |   }
133 | 
134 |   // what the background looks like when its checked
135 |   & input:checked:before,
136 |   & input:checked + .checkbox-icon:before {
137 |     background: $on-bg-color;
138 |     border-color: $on-border-color;
139 |   }
140 | }
141 | 
142 | 
143 | // Toggle Mixins
144 | // --------------------------------------------------
145 | 
146 | @mixin toggle-style($on-border-color, $on-bg-color) {
147 |   // the track when the toggle is "on"
148 |   & input:checked + .track {
149 |     border-color: $on-border-color;
150 |     background-color: $on-bg-color;
151 |   }
152 | }
153 | 
154 | 
155 | // Clearfix
156 | // --------------------------------------------------
157 | 
158 | @mixin clearfix {
159 |   *zoom: 1;
160 |   &:before,
161 |   &:after {
162 |     display: table;
163 |     content: "";
164 |     line-height: 0;
165 |   }
166 |   &:after {
167 |     clear: both;
168 |   }
169 | }
170 | 
171 | 
172 | // Placeholder text
173 | // --------------------------------------------------
174 | 
175 | @mixin placeholder($color: $input-color-placeholder, $text-indent: 0) {
176 |   &::-moz-placeholder { // Firefox 19+
177 |     color: $color;
178 |   }
179 |   &:-ms-input-placeholder {
180 |     color: $color;
181 |   }
182 |   &::-webkit-input-placeholder {
183 |     color: $color;
184 |     // Safari placeholder margin issue
185 |     text-indent: $text-indent;
186 |   }
187 | }
188 | 
189 | 
190 | // Text Mixins
191 | // --------------------------------------------------
192 | 
193 | @mixin text-size-adjust($value: none) {
194 |   -webkit-text-size-adjust: $value;
195 |      -moz-text-size-adjust: $value;
196 |           text-size-adjust: $value;
197 | }
198 | @mixin tap-highlight-transparent() {
199 |   -webkit-tap-highlight-color: rgba(0,0,0,0);
200 |   -webkit-tap-highlight-color: transparent; // For some Androids
201 | }
202 | @mixin touch-callout($value: none) {
203 |   -webkit-touch-callout: $value;
204 | }
205 | 
206 | 
207 | // Font Mixins
208 | // --------------------------------------------------
209 | 
210 | @mixin font-family-serif() {
211 |   font-family: $serif-font-family;
212 | }
213 | @mixin font-family-sans-serif() {
214 |   font-family: $sans-font-family;
215 | }
216 | @mixin font-family-monospace() {
217 |   font-family: $mono-font-family;
218 | }
219 | @mixin font-shorthand($size: $base-font-size, $weight: normal, $line-height: $base-line-height) {
220 |   font-weight: $weight;
221 |   font-size: $size;
222 |   line-height: $line-height;
223 | }
224 | @mixin font-serif($size: $base-font-size, $weight: normal, $line-height: $base-line-height) {
225 |   @include font-family-serif();
226 |   @include font-shorthand($size, $weight, $line-height);
227 | }
228 | @mixin font-sans-serif($size: $base-font-size, $weight: normal, $line-height: $base-line-height) {
229 |   @include font-family-sans-serif();
230 |   @include font-shorthand($size, $weight, $line-height);
231 | }
232 | @mixin font-monospace($size: $base-font-size, $weight: normal, $line-height: $base-line-height) {
233 |   @include font-family-monospace();
234 |   @include font-shorthand($size, $weight, $line-height);
235 | }
236 | @mixin font-smoothing($font-smoothing) {
237 |   -webkit-font-smoothing: $font-smoothing;
238 |           font-smoothing: $font-smoothing;
239 | }
240 | 
241 | 
242 | // Appearance
243 | // --------------------------------------------------
244 | 
245 | @mixin appearance($val) {
246 |   -webkit-appearance: $val;
247 |      -moz-appearance: $val;
248 |           appearance: $val;
249 | }
250 | 
251 | 
252 | // Border Radius Mixins
253 | // --------------------------------------------------
254 | 
255 | @mixin border-radius($radius) {
256 |   -webkit-border-radius: $radius;
257 |           border-radius: $radius;
258 | }
259 | 
260 | // Single Corner Border Radius
261 | @mixin border-top-left-radius($radius) {
262 |   -webkit-border-top-left-radius: $radius;
263 |           border-top-left-radius: $radius;
264 | }
265 | @mixin border-top-right-radius($radius) {
266 |   -webkit-border-top-right-radius: $radius;
267 |           border-top-right-radius: $radius;
268 | }
269 | @mixin border-bottom-right-radius($radius) {
270 |   -webkit-border-bottom-right-radius: $radius;
271 |           border-bottom-right-radius: $radius;
272 | }
273 | @mixin border-bottom-left-radius($radius) {
274 |   -webkit-border-bottom-left-radius: $radius;
275 |           border-bottom-left-radius: $radius;
276 | }
277 | 
278 | // Single Side Border Radius
279 | @mixin border-top-radius($radius) {
280 |   @include border-top-right-radius($radius);
281 |   @include border-top-left-radius($radius);
282 | }
283 | @mixin border-right-radius($radius) {
284 |   @include border-top-right-radius($radius);
285 |   @include border-bottom-right-radius($radius);
286 | }
287 | @mixin border-bottom-radius($radius) {
288 |   @include border-bottom-right-radius($radius);
289 |   @include border-bottom-left-radius($radius);
290 | }
291 | @mixin border-left-radius($radius) {
292 |   @include border-top-left-radius($radius);
293 |   @include border-bottom-left-radius($radius);
294 | }
295 | 
296 | 
297 | // Box shadows
298 | // --------------------------------------------------
299 | 
300 | @mixin box-shadow($shadow...) {
301 |   -webkit-box-shadow: $shadow;
302 |           box-shadow: $shadow;
303 | }
304 | 
305 | 
306 | // Transition Mixins
307 | // --------------------------------------------------
308 | 
309 | @mixin transition($transition...) {
310 |   -webkit-transition: $transition;
311 |           transition: $transition;
312 | }
313 | @mixin transition-delay($transition-delay) {
314 |   -webkit-transition-delay: $transition-delay;
315 |           transition-delay: $transition-delay;
316 | }
317 | @mixin transition-duration($transition-duration) {
318 |   -webkit-transition-duration: $transition-duration;
319 |           transition-duration: $transition-duration;
320 | }
321 | @mixin transition-timing-function($transition-timing) {
322 |    -webkit-transition-timing-function: $transition-timing;
323 |            transition-timing-function: $transition-timing;
324 |  }
325 |  @mixin transition-property($property) {
326 |   -webkit-transition-property: $property;
327 |           transition-property: $property;
328 | }
329 | @mixin transition-transform($properties...) {
330 |   // special case cuz of transform vendor prefixes
331 |   -webkit-transition: -webkit-transform $properties;
332 |           transition: transform $properties;
333 | }
334 | 
335 | 
336 | // Animation Mixins
337 | // --------------------------------------------------
338 | 
339 | @mixin animation($animation) {
340 |  -webkit-animation: $animation;
341 |          animation: $animation;
342 | }
343 | @mixin animation-duration($duration) {
344 |  -webkit-animation-duration: $duration;
345 |          animation-duration: $duration;
346 | }
347 | @mixin animation-direction($direction) {
348 |  -webkit-animation-direction: $direction;
349 |          animation-direction: $direction;
350 | }
351 | @mixin animation-timing-function($animation-timing) {
352 |  -webkit-animation-timing-function: $animation-timing;
353 |          animation-timing-function: $animation-timing;
354 | }
355 | @mixin animation-fill-mode($fill-mode) {
356 |  -webkit-animation-fill-mode: $fill-mode;
357 |          animation-fill-mode: $fill-mode;
358 | }
359 | @mixin animation-name($name...) {
360 |  -webkit-animation-name: $name;
361 |          animation-name: $name;
362 | }
363 | @mixin animation-iteration-count($count) {
364 |  -webkit-animation-iteration-count: $count;
365 |          animation-iteration-count: $count;
366 | }
367 | 
368 | 
369 | // Transformation Mixins
370 | // --------------------------------------------------
371 | 
372 | @mixin rotate($degrees) {
373 |   @include transform( rotate($degrees) );
374 | }
375 | @mixin scale($ratio) {
376 |   @include transform( scale($ratio) );
377 | }
378 | @mixin translate($x, $y) {
379 |   @include transform( translate($x, $y) );
380 | }
381 | @mixin skew($x, $y) {
382 |   @include transform( skew($x, $y) );
383 |   -webkit-backface-visibility: hidden;
384 | }
385 | @mixin translate3d($x, $y, $z) {
386 |   @include transform( translate3d($x, $y, $z) );
387 | }
388 | @mixin translateZ($z) {
389 |   @include transform( translateZ($z) );
390 | }
391 | @mixin transform($val) {
392 |   -webkit-transform: $val;
393 |           transform: $val;
394 | }
395 | 
396 | @mixin transform-origin($left, $top) {
397 |   -webkit-transform-origin: $left $top;
398 |           transform-origin: $left $top;
399 | }
400 | 
401 | 
402 | // Backface visibility
403 | // --------------------------------------------------
404 | // Prevent browsers from flickering when using CSS 3D transforms.
405 | // Default value is `visible`, but can be changed to `hidden
406 | 
407 | @mixin backface-visibility($visibility){
408 |   -webkit-backface-visibility: $visibility;
409 |           backface-visibility: $visibility;
410 | }
411 | 
412 | 
413 | // Background clipping
414 | // --------------------------------------------------
415 | 
416 | @mixin background-clip($clip) {
417 |   -webkit-background-clip: $clip;
418 |           background-clip: $clip;
419 | }
420 | 
421 | 
422 | // Background sizing
423 | // --------------------------------------------------
424 | 
425 | @mixin background-size($size) {
426 |   -webkit-background-size: $size;
427 |           background-size: $size;
428 | }
429 | 
430 | 
431 | // Box sizing
432 | // --------------------------------------------------
433 | 
434 | @mixin box-sizing($boxmodel) {
435 |   -webkit-box-sizing: $boxmodel;
436 |      -moz-box-sizing: $boxmodel;
437 |           box-sizing: $boxmodel;
438 | }
439 | 
440 | 
441 | // User select
442 | // --------------------------------------------------
443 | 
444 | @mixin user-select($select) {
445 |   -webkit-user-select: $select;
446 |      -moz-user-select: $select;
447 |       -ms-user-select: $select;
448 |           user-select: $select;
449 | }
450 | 
451 | 
452 | // Content Columns
453 | // --------------------------------------------------
454 | 
455 | @mixin content-columns($columnCount, $columnGap: $grid-gutter-width) {
456 |   -webkit-column-count: $columnCount;
457 |      -moz-column-count: $columnCount;
458 |           column-count: $columnCount;
459 |   -webkit-column-gap: $columnGap;
460 |      -moz-column-gap: $columnGap;
461 |           column-gap: $columnGap;
462 | }
463 | 
464 | 
465 | // Flexbox Mixins
466 | // --------------------------------------------------
467 | // http://philipwalton.github.io/solved-by-flexbox/
468 | // https://github.com/philipwalton/solved-by-flexbox
469 | 
470 | @mixin display-flex {
471 |   display: -webkit-box;
472 |   display: -webkit-flex;
473 |   display: -moz-box;
474 |   display: -moz-flex;
475 |   display: -ms-flexbox;
476 |   display: flex;
477 | }
478 | 
479 | @mixin display-inline-flex {
480 |   display: -webkit-inline-box;
481 |   display: -webkit-inline-flex;
482 |   display: -moz-inline-flex;
483 |   display: -ms-inline-flexbox;
484 |   display: inline-flex;
485 | }
486 | 
487 | @mixin flex-direction($value: row) {
488 |   @if $value == row-reverse {
489 |     -webkit-box-direction: reverse;
490 |     -webkit-box-orient: horizontal;
491 |   } @else if $value == column {
492 |     -webkit-box-direction: normal;
493 |     -webkit-box-orient: vertical;
494 |   } @else if $value == column-reverse {
495 |     -webkit-box-direction: reverse;
496 |     -webkit-box-orient: vertical;
497 |   } @else {
498 |     -webkit-box-direction: normal;
499 |     -webkit-box-orient: horizontal;
500 |   }
501 |   -webkit-flex-direction: $value;
502 |   -moz-flex-direction: $value;
503 |   -ms-flex-direction: $value;
504 |   flex-direction: $value;
505 | }
506 | 
507 | @mixin flex-wrap($value: nowrap) {
508 |   // No Webkit Box fallback.
509 |   -webkit-flex-wrap: $value;
510 |   -moz-flex-wrap: $value;
511 |   @if $value == nowrap {
512 |       -ms-flex-wrap: none;
513 |   } @else {
514 |       -ms-flex-wrap: $value;
515 |   }
516 |   flex-wrap: $value;
517 | }
518 | 
519 | @mixin flex($fg: 1, $fs: null, $fb: null) {
520 |   -webkit-box-flex: $fg;
521 |   -webkit-flex: $fg $fs $fb;
522 |   -moz-box-flex: $fg;
523 |   -moz-flex: $fg $fs $fb;
524 |   -ms-flex: $fg $fs $fb;
525 |   flex: $fg $fs $fb;
526 | }
527 | 
528 | @mixin flex-flow($values: (row nowrap)) {
529 |   // No Webkit Box fallback.
530 |   -webkit-flex-flow: $values;
531 |   -moz-flex-flow: $values;
532 |   -ms-flex-flow: $values;
533 |   flex-flow: $values;
534 | }
535 | 
536 | @mixin align-items($value: stretch) {
537 |   @if $value == flex-start {
538 |     -webkit-box-align: start;
539 |     -ms-flex-align: start;
540 |   } @else if $value == flex-end {
541 |     -webkit-box-align: end;
542 |     -ms-flex-align: end;
543 |   } @else {
544 |     -webkit-box-align: $value;
545 |     -ms-flex-align: $value;
546 |   }
547 |   -webkit-align-items: $value;
548 |   -moz-align-items: $value;
549 |   align-items: $value;
550 | }
551 | 
552 | @mixin align-self($value: auto) {
553 |   -webkit-align-self: $value;
554 |   -moz-align-self: $value;
555 |   @if $value == flex-start {
556 |     -ms-flex-item-align: start;
557 |   } @else if $value == flex-end {
558 |     -ms-flex-item-align: end;
559 |   } @else {
560 |     -ms-flex-item-align: $value;
561 |   }
562 |   align-self: $value;
563 | }
564 | 
565 | @mixin align-content($value: stretch) {
566 |   -webkit-align-content: $value;
567 |   -moz-align-content: $value;
568 |   @if $value == flex-start {
569 |     -ms-flex-line-pack: start;
570 |   } @else if $value == flex-end {
571 |     -ms-flex-line-pack: end;
572 |   } @else {
573 |     -ms-flex-line-pack: $value;
574 |   }
575 |   align-content: $value;
576 | }
577 | 
578 | @mixin justify-content($value: stretch) {
579 |   @if $value == flex-start {
580 |     -webkit-box-pack: start;
581 |     -ms-flex-pack: start;
582 |   } @else if $value == flex-end {
583 |     -webkit-box-pack: end;
584 |     -ms-flex-pack: end;
585 |   } @else if $value == space-between {
586 |     -webkit-box-pack: justify;
587 |     -ms-flex-pack: justify;
588 |   } @else {
589 |     -webkit-box-pack: $value;
590 |     -ms-flex-pack: $value;
591 |   }
592 |   -webkit-justify-content: $value;
593 |   -moz-justify-content: $value;
594 |   justify-content: $value;
595 | }
596 | 
597 | @mixin flex-order($n) {
598 |   -webkit-order: $n;
599 |   -ms-flex-order: $n;
600 |   order: $n;
601 |   -webkit-box-ordinal-group: $n;
602 | }
603 | 
604 | @mixin responsive-grid-break($selector, $max-width) {
605 |   @media (max-width: $max-width) {
606 |     #{$selector} {
607 |       -webkit-box-direction: normal;
608 |       -moz-box-direction: normal;
609 |       -webkit-box-orient: vertical;
610 |       -moz-box-orient: vertical;
611 |       -webkit-flex-direction: column;
612 |       -ms-flex-direction: column;
613 |       flex-direction: column;
614 | 
615 |       .col, .col-10, .col-20, .col-25, .col-33, .col-34, .col-50, .col-66, .col-67, .col-75, .col-80, .col-90 {
616 |         @include flex(1);
617 |         margin-bottom: ($grid-padding-width * 3) / 2;
618 |         margin-left: 0;
619 |         max-width: 100%;
620 |         width: 100%;
621 |       }
622 |     }
623 |   }
624 | }
625 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_modal.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Modals
 4 |  * --------------------------------------------------
 5 |  * Modals are independent windows that slide in from off-screen.
 6 |  */
 7 | 
 8 | .modal-backdrop {
 9 |   @include transition(background-color 300ms ease-in-out);
10 |   position: fixed;
11 |   top: 0;
12 |   left: 0;
13 |   z-index: $z-index-modal;
14 |   width: 100%;
15 |   height: 100%;
16 |   background-color: $modal-backdrop-bg-inactive;
17 | 
18 |   &.active {
19 |     background-color: $modal-backdrop-bg-active;
20 |   }
21 | }
22 | 
23 | .modal {
24 |   display: block;
25 |   position: absolute;
26 |   top: 0;
27 |   z-index: $z-index-modal;
28 |   overflow: hidden;
29 |   min-height: 100%;
30 |   width: 100%;
31 |   background-color: $modal-bg-color;
32 | }
33 | 
34 | @media (min-width: $modal-inset-mode-break-point) {
35 |   // inset mode is when the modal doesn't fill the entire
36 |   // display but instead is centered within a large display
37 |   .modal {
38 |     top: $modal-inset-mode-top;
39 |     right: $modal-inset-mode-right;
40 |     bottom: $modal-inset-mode-bottom;
41 |     left: $modal-inset-mode-left;
42 |     overflow: visible;
43 |     min-height: $modal-inset-mode-min-height;
44 |     width: (100% - $modal-inset-mode-left - $modal-inset-mode-right);
45 |   }
46 | 
47 |   .modal.ng-leave-active {
48 |     bottom: 0;
49 |   }
50 | 
51 |   // remove ios header padding from inset header
52 |   .platform-ios.platform-cordova .modal-wrapper .modal{
53 |     .bar-header:not(.bar-subheader) {
54 |       height: $bar-height;
55 |       > * {
56 |         margin-top: 0;
57 |       }
58 |     }
59 |     .tabs-top > .tabs,
60 |     .tabs.tabs-top {
61 |       top: $bar-height;
62 |     }
63 |     .has-header,
64 |     .bar-subheader {
65 |       top: $bar-height;
66 |     }
67 |     .has-subheader {
68 |       top: $bar-height + $bar-subheader-height;
69 |     }
70 |     .has-tabs-top {
71 |       top: $bar-height + $tabs-height;
72 |     }
73 |     .has-header.has-subheader.has-tabs-top {
74 |       top: $bar-height + $bar-subheader-height + $tabs-height;
75 |     }
76 |   }
77 | }
78 | 
79 | // disable clicks on all but the modal
80 | .modal-open {
81 |   pointer-events: none;
82 | 
83 |   .modal,
84 |   .modal-backdrop {
85 |     pointer-events: auto;
86 |   }
87 |   // prevent clicks on modal when loading overlay is active though
88 |   &.loading-active {
89 |     .modal,
90 |     .modal-backdrop {
91 |       pointer-events: none;
92 |     }
93 |   }
94 | }
95 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_platform.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Platform
 4 |  * --------------------------------------------------
 5 |  * Platform specific tweaks
 6 |  */
 7 | 
 8 | .platform-ios.platform-cordova {
 9 |   // iOS7/8 has a status bar which sits on top of the header.
10 |   // Bump down everything to make room for it. However, if
11 |   // if its in Cordova, and set to fullscreen, then disregard the bump.
12 |   &:not(.fullscreen) {
13 |     .bar-header:not(.bar-subheader) {
14 |       height: $bar-height + $ios-statusbar-height;
15 | 
16 |       &.item-input-inset .item-input-wrapper {
17 |         margin-top: 19px !important;
18 |       }
19 | 
20 |       > * {
21 |         margin-top: $ios-statusbar-height;
22 |       }
23 |     }
24 |     .tabs-top > .tabs,
25 |     .tabs.tabs-top {
26 |       top: $bar-height + $ios-statusbar-height;
27 |     }
28 | 
29 |     .has-header,
30 |     .bar-subheader {
31 |       top: $bar-height + $ios-statusbar-height;
32 |     }
33 |     .has-subheader {
34 |       top: $bar-height + $bar-subheader-height + $ios-statusbar-height;
35 |     }
36 |     .has-tabs-top {
37 |       top: $bar-height + $tabs-height + $ios-statusbar-height;
38 |     }
39 |     .has-header.has-subheader.has-tabs-top {
40 |       top: $bar-height + $bar-subheader-height + $tabs-height + $ios-statusbar-height;
41 |     }
42 |   }
43 |   &.status-bar-hide {
44 |     // Cordova doesn't adjust the body height correctly, this makes up for it
45 |     margin-bottom: 20px;
46 |   }
47 | }
48 | 
49 | @media (orientation:landscape) {
50 |   .platform-ios.platform-browser.platform-ipad {
51 |     position: fixed; // required for iPad 7 Safari
52 |   }
53 | }
54 | 
55 | .platform-c:not(.enable-transitions) * {
56 |   // disable transitions on grade-c devices (Android 2)
57 |   -webkit-transition: none !important;
58 |   transition: none !important;
59 | }
60 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_popover.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Popovers
  4 |  * --------------------------------------------------
  5 |  * Popovers are independent views which float over content
  6 |  */
  7 | 
  8 | .popover-backdrop {
  9 |   position: fixed;
 10 |   top: 0;
 11 |   left: 0;
 12 |   z-index: $z-index-popover;
 13 |   width: 100%;
 14 |   height: 100%;
 15 |   background-color: $popover-backdrop-bg-inactive;
 16 | 
 17 |   &.active {
 18 |     background-color: $popover-backdrop-bg-active;
 19 |   }
 20 | }
 21 | 
 22 | .popover {
 23 |   position: absolute;
 24 |   top: 25%;
 25 |   left: 50%;
 26 |   z-index: $z-index-popover;
 27 |   display: block;
 28 |   margin-top: 12px;
 29 |   margin-left: -$popover-width / 2;
 30 |   height: $popover-height;
 31 |   width: $popover-width;
 32 |   background-color: $popover-bg-color;
 33 |   box-shadow: $popover-box-shadow;
 34 |   opacity: 0;
 35 | 
 36 |   .item:first-child {
 37 |     border-top: 0;
 38 |   }
 39 | 
 40 |   .item:last-child {
 41 |     border-bottom: 0;
 42 |   }
 43 | 
 44 |   &.popover-bottom {
 45 |     margin-top: -12px;
 46 |   }
 47 | }
 48 | 
 49 | 
 50 | // Set popover border-radius
 51 | .popover,
 52 | .popover .bar-header {
 53 |   border-radius: $popover-border-radius;
 54 | }
 55 | .popover .scroll-content {
 56 |   z-index: 1;
 57 |   margin: 2px 0;
 58 | }
 59 | .popover .bar-header {
 60 |   border-bottom-right-radius: 0;
 61 |   border-bottom-left-radius: 0;
 62 | }
 63 | .popover .has-header {
 64 |   border-top-right-radius: 0;
 65 |   border-top-left-radius: 0;
 66 | }
 67 | .popover-arrow {
 68 |   display: none;
 69 | }
 70 | 
 71 | 
 72 | // iOS Popover
 73 | .platform-ios {
 74 | 
 75 |   .popover {
 76 |     box-shadow: $popover-box-shadow-ios;
 77 |   }
 78 | 
 79 |   .popover,
 80 |   .popover .bar-header {
 81 |     border-radius: $popover-border-radius-ios;
 82 |   }
 83 |   .popover .scroll-content {
 84 |     margin: 8px 0;
 85 |     border-radius: $popover-border-radius-ios;
 86 |   }
 87 |   .popover .scroll-content.has-header {
 88 |     margin-top: 0;
 89 |   }
 90 |   .popover-arrow {
 91 |     position: absolute;
 92 |     display: block;
 93 |     top: -17px;
 94 |     width: 30px;
 95 |     height: 19px;
 96 |     overflow: hidden;
 97 | 
 98 |     &:after {
 99 |       position: absolute;
100 |       top: 12px;
101 |       left: 5px;
102 |       width: 20px;
103 |       height: 20px;
104 |       background-color: $popover-bg-color;
105 |       border-radius: 3px;
106 |       content: '';
107 |       @include rotate(-45deg);
108 |     }
109 |   }
110 |   .popover-bottom .popover-arrow {
111 |     top: auto;
112 |     bottom: -10px;
113 |     &:after {
114 |       top: -6px;
115 |     }
116 |   }
117 | }
118 | 
119 | 
120 | // Android Popover
121 | .platform-android {
122 | 
123 |   .popover {
124 |     margin-top: -32px;
125 |     background-color: $popover-bg-color-android;
126 |     box-shadow: $popover-box-shadow-android;
127 | 
128 |     .item {
129 |       border-color: $popover-bg-color-android;
130 |       background-color: $popover-bg-color-android;
131 |       color: #4d4d4d;
132 |     }
133 |     &.popover-bottom {
134 |       margin-top: 32px;
135 |     }
136 |   }
137 | 
138 |   .popover-backdrop,
139 |   .popover-backdrop.active {
140 |     background-color: transparent;
141 |   }
142 | }
143 | 
144 | 
145 | // disable clicks on all but the popover
146 | .popover-open {
147 |   pointer-events: none;
148 | 
149 |   .popover,
150 |   .popover-backdrop {
151 |     pointer-events: auto;
152 |   }
153 |   // prevent clicks on popover when loading overlay is active though
154 |   &.loading-active {
155 |     .popover,
156 |     .popover-backdrop {
157 |       pointer-events: none;
158 |     }
159 |   }
160 | }
161 | 
162 | 
163 | // wider popover on larger viewports
164 | @media (min-width: $popover-large-break-point) {
165 |   .popover {
166 |     width: $popover-large-width;
167 |   }
168 | }
169 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_popup.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Popups
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .popup-container {
  8 |   position: absolute;
  9 |   top: 0;
 10 |   left: 0;
 11 |   bottom: 0;
 12 |   right: 0;
 13 |   background: rgba(0,0,0,0);
 14 | 
 15 |   @include display-flex();
 16 |   @include justify-content(center);
 17 |   @include align-items(center);
 18 | 
 19 |   z-index: $z-index-popup;
 20 | 
 21 |   // Start hidden
 22 |   visibility: hidden;
 23 |   &.popup-showing {
 24 |     visibility: visible;
 25 |   }
 26 | 
 27 |   &.popup-hidden .popup {
 28 |     @include animation-name(scaleOut);
 29 |     @include animation-duration($popup-leave-animation-duration);
 30 |     @include animation-timing-function(ease-in-out);
 31 |     @include animation-fill-mode(both);
 32 |   }
 33 | 
 34 |   &.active .popup {
 35 |     @include animation-name(superScaleIn);
 36 |     @include animation-duration($popup-enter-animation-duration);
 37 |     @include animation-timing-function(ease-in-out);
 38 |     @include animation-fill-mode(both);
 39 |   }
 40 | 
 41 |   .popup {
 42 |     width: $popup-width;
 43 |     max-width: 100%;
 44 |     max-height: 90%;
 45 | 
 46 |     border-radius: $popup-border-radius;
 47 |     background-color: $popup-background-color;
 48 | 
 49 |     @include display-flex();
 50 |     @include flex-direction(column);
 51 |   }
 52 | }
 53 | 
 54 | .popup-head {
 55 |   padding: 15px 10px;
 56 |   border-bottom: 1px solid #eee;
 57 |   text-align: center;
 58 | }
 59 | .popup-title {
 60 |   margin: 0;
 61 |   padding: 0;
 62 |   font-size: 15px;
 63 | }
 64 | .popup-sub-title {
 65 |   margin: 5px 0 0 0;
 66 |   padding: 0;
 67 |   font-weight: normal;
 68 |   font-size: 11px;
 69 | }
 70 | .popup-body {
 71 |   padding: 10px;
 72 |   overflow: scroll;
 73 | }
 74 | 
 75 | .popup-buttons {
 76 |   @include display-flex();
 77 |   @include flex-direction(row);
 78 |   padding: 10px;
 79 |   min-height: $popup-button-min-height + 20;
 80 | 
 81 |   .button {
 82 |     @include flex(1);
 83 |     display: block;
 84 |     min-height: $popup-button-min-height;
 85 |     border-radius: $popup-button-border-radius;
 86 |     line-height: $popup-button-line-height;
 87 | 
 88 |     margin-right: 5px;
 89 |     &:last-child {
 90 |       margin-right: 0px;
 91 |     }
 92 |   }
 93 | }
 94 | 
 95 | .popup-open {
 96 |   pointer-events: none;
 97 | 
 98 |   &.modal-open .modal {
 99 |     pointer-events: none;
100 |   }
101 | 
102 |   .popup-backdrop, .popup {
103 |     pointer-events: auto;
104 |   }
105 | }
106 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_progress.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Progress
 4 |  * --------------------------------------------------
 5 |  */
 6 | 
 7 | progress {
 8 |   display: block;
 9 |   margin: $progress-margin;
10 |   width: $progress-width;
11 | }
12 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_radio.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Radio Button Inputs
 4 |  * --------------------------------------------------
 5 |  */
 6 | 
 7 | .item-radio {
 8 |   padding: 0;
 9 | 
10 |   &:hover {
11 |     cursor: pointer;
12 |   }
13 | }
14 | 
15 | .item-radio .item-content {
16 |   /* give some room to the right for the checkmark icon */
17 |   padding-right: $item-padding * 4;
18 | }
19 | 
20 | .item-radio .radio-icon {
21 |   /* checkmark icon will be hidden by default */
22 |   position: absolute;
23 |   top: 0;
24 |   right: 0;
25 |   z-index: $z-index-item-radio;
26 |   visibility: hidden;
27 |   padding: $item-padding - 2;
28 |   height: 100%;
29 |   font-size: 24px;
30 | }
31 | 
32 | .item-radio input {
33 |   /* hide any radio button inputs elements (the ugly circles) */
34 |   position: absolute;
35 |   left: -9999px;
36 | 
37 |   &:checked ~ .item-content {
38 |     /* style the item content when its checked */
39 |     background: #f7f7f7;
40 |   }
41 | 
42 |   &:checked ~ .radio-icon {
43 |     /* show the checkmark icon when its checked */
44 |     visibility: visible;
45 |   }
46 | }
47 | 
48 | // Hack for Android to correctly display the checked item
49 | // http://timpietrusky.com/advanced-checkbox-hack
50 | .platform-android.grade-b .item-radio,
51 | .platform-android.grade-c .item-radio {
52 |   -webkit-animation: androidCheckedbugfix infinite 1s;
53 | }
54 | @-webkit-keyframes androidCheckedbugfix {
55 |   from { padding: 0; }
56 |   to { padding: 0; }
57 | }
58 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_range.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Range
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | input[type="range"] {
  8 |   display: inline-block;
  9 |   overflow: hidden;
 10 |   margin-top: 5px;
 11 |   margin-bottom: 5px;
 12 |   padding-right: 2px;
 13 |   padding-left: 1px;
 14 |   width: auto;
 15 |   height: $range-slider-height + 15;
 16 |   outline: none;
 17 |   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, $range-default-track-bg), color-stop(100%, $range-default-track-bg));
 18 |   background: linear-gradient(to right, $range-default-track-bg 0%, $range-default-track-bg 100%);
 19 |   background-position: center;
 20 |   background-size: 99% $range-track-height;
 21 |   background-repeat: no-repeat;
 22 |   -webkit-appearance: none;
 23 | 
 24 |   &::-webkit-slider-thumb {
 25 |     position: relative;
 26 |     width: $range-slider-width;
 27 |     height: $range-slider-height;
 28 |     border-radius: $range-slider-border-radius;
 29 |     background-color: $toggle-handle-off-bg-color;
 30 |     box-shadow: $range-slider-box-shadow;
 31 |     cursor: pointer;
 32 |     -webkit-appearance: none;
 33 |     border: 0;
 34 |   }
 35 | 
 36 |   &::-webkit-slider-thumb:before {
 37 |     /* what creates the colorful line on the left side of the slider */
 38 |     position: absolute;
 39 |     top: ($range-slider-height / 2) - ($range-track-height / 2);
 40 |     left: -2001px;
 41 |     width: 2000px;
 42 |     height: $range-track-height;
 43 |     background: $dark;
 44 |     content: ' ';
 45 |   }
 46 | 
 47 |   &::-webkit-slider-thumb:after {
 48 |     /* create a larger (but hidden) hit area */
 49 |     position: absolute;
 50 |     top: -15px;
 51 |     left: -15px;
 52 |     padding: 30px;
 53 |     content: ' ';
 54 |     //background: red;
 55 |     //opacity: .5;
 56 |   }
 57 | 
 58 | }
 59 | 
 60 | .range {
 61 |   @include display-flex();
 62 |   @include align-items(center);
 63 |   padding: 2px 11px;
 64 | 
 65 |   &.range-light {
 66 |     input { @include range-style($range-light-track-bg); }
 67 |   }
 68 |   &.range-stable {
 69 |     input { @include range-style($range-stable-track-bg); }
 70 |   }
 71 |   &.range-positive {
 72 |     input { @include range-style($range-positive-track-bg); }
 73 |   }
 74 |   &.range-calm {
 75 |     input { @include range-style($range-calm-track-bg); }
 76 |   }
 77 |   &.range-balanced {
 78 |     input { @include range-style($range-balanced-track-bg); }
 79 |   }
 80 |   &.range-assertive {
 81 |     input { @include range-style($range-assertive-track-bg); }
 82 |   }
 83 |   &.range-energized {
 84 |     input { @include range-style($range-energized-track-bg); }
 85 |   }
 86 |   &.range-royal {
 87 |     input { @include range-style($range-royal-track-bg); }
 88 |   }
 89 |   &.range-dark {
 90 |     input { @include range-style($range-dark-track-bg); }
 91 |   }
 92 | }
 93 | 
 94 | .range .icon {
 95 |   @include flex(0);
 96 |   display: block;
 97 |   min-width: $range-icon-size;
 98 |   text-align: center;
 99 |   font-size: $range-icon-size;
100 | }
101 | 
102 | .range input {
103 |   @include flex(1);
104 |   display: block;
105 |   margin-right: 10px;
106 |   margin-left: 10px;
107 | }
108 | 
109 | .range-label {
110 |   @include flex(0, 0, auto);
111 |   display: block;
112 |   white-space: nowrap;
113 | }
114 | 
115 | .range-label:first-child {
116 |   padding-left: 5px;
117 | }
118 | .range input + .range-label {
119 |   padding-right: 5px;
120 |   padding-left: 0;
121 | }
122 | 
123 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_reset.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Resets
  4 |  * --------------------------------------------------
  5 |  * Adapted from normalize.css and some reset.css. We don't care even one
  6 |  * bit about old IE, so we don't need any hacks for that in here.
  7 |  *
  8 |  * There are probably other things we could remove here, as well.
  9 |  *
 10 |  * normalize.css v2.1.2 | MIT License | git.io/normalize
 11 | 
 12 |  * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 13 |  * http://cssreset.com
 14 |  */
 15 | 
 16 | html, body, div, span, applet, object, iframe,
 17 | h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 18 | a, abbr, acronym, address, big, cite, code,
 19 | del, dfn, em, img, ins, kbd, q, s, samp,
 20 | small, strike, strong, sub, sup, tt, var,
 21 | b, i, u, center,
 22 | dl, dt, dd, ol, ul, li,
 23 | fieldset, form, label, legend,
 24 | table, caption, tbody, tfoot, thead, tr, th, td,
 25 | article, aside, canvas, details, embed, fieldset,
 26 | figure, figcaption, footer, header, hgroup,
 27 | menu, nav, output, ruby, section, summary,
 28 | time, mark, audio, video {
 29 |   margin: 0;
 30 |   padding: 0;
 31 |   border: 0;
 32 |   vertical-align: baseline;
 33 |   font: inherit;
 34 |   font-size: 100%;
 35 | }
 36 | 
 37 | ol, ul {
 38 |   list-style: none;
 39 | }
 40 | blockquote, q {
 41 |   quotes: none;
 42 | }
 43 | blockquote:before, blockquote:after,
 44 | q:before, q:after {
 45 |   content: '';
 46 |   content: none;
 47 | }
 48 | 
 49 | /**
 50 |  * Prevent modern browsers from displaying `audio` without controls.
 51 |  * Remove excess height in iOS 5 devices.
 52 |  */
 53 | 
 54 | audio:not([controls]) {
 55 |   display: none;
 56 |   height: 0;
 57 | }
 58 | 
 59 | /**
 60 |  * Hide the `template` element in IE, Safari, and Firefox < 22.
 61 |  */
 62 | 
 63 | [hidden],
 64 | template {
 65 |   display: none;
 66 | }
 67 | 
 68 | script {
 69 |   display: none !important;
 70 | }
 71 | 
 72 | /* ==========================================================================
 73 |    Base
 74 |    ========================================================================== */
 75 | 
 76 | /**
 77 |  * 1. Set default font family to sans-serif.
 78 |  * 2. Prevent iOS text size adjust after orientation change, without disabling
 79 |  *  user zoom.
 80 |  */
 81 | 
 82 | html {
 83 |   @include user-select(none);
 84 |   font-family: sans-serif; /* 1 */
 85 |   -webkit-text-size-adjust: 100%;
 86 |   -ms-text-size-adjust: 100%; /* 2 */
 87 |   -webkit-text-size-adjust: 100%; /* 2 */
 88 | }
 89 | 
 90 | /**
 91 |  * Remove default margin.
 92 |  */
 93 | 
 94 | body {
 95 |   margin: 0;
 96 |   line-height: 1;
 97 | }
 98 | 
 99 | 
100 | /**
101 |  * Remove default outlines.
102 |  */
103 | a,
104 | button,
105 | :focus,
106 | a:focus,
107 | button:focus,
108 | a:active,
109 | a:hover {
110 |   outline: 0;
111 | }
112 | 
113 | /* *
114 |  * Remove tap highlight color
115 |  */
116 | 
117 | a {
118 |   -webkit-user-drag: none;
119 |   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
120 |   -webkit-tap-highlight-color: transparent;
121 | 
122 |   &[href]:hover {
123 |     cursor: pointer;
124 |   }
125 | }
126 | 
127 | /* ==========================================================================
128 |    Typography
129 |    ========================================================================== */
130 | 
131 | 
132 | /**
133 |  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
134 |  */
135 | 
136 | b,
137 | strong {
138 |   font-weight: bold;
139 | }
140 | 
141 | /**
142 |  * Address styling not present in Safari 5 and Chrome.
143 |  */
144 | 
145 | dfn {
146 |   font-style: italic;
147 | }
148 | 
149 | /**
150 |  * Address differences between Firefox and other browsers.
151 |  */
152 | 
153 | hr {
154 |   -moz-box-sizing: content-box;
155 |   box-sizing: content-box;
156 |   height: 0;
157 | }
158 | 
159 | 
160 | /**
161 |  * Correct font family set oddly in Safari 5 and Chrome.
162 |  */
163 | 
164 | code,
165 | kbd,
166 | pre,
167 | samp {
168 |   font-size: 1em;
169 |   font-family: monospace, serif;
170 | }
171 | 
172 | /**
173 |  * Improve readability of pre-formatted text in all browsers.
174 |  */
175 | 
176 | pre {
177 |   white-space: pre-wrap;
178 | }
179 | 
180 | /**
181 |  * Set consistent quote types.
182 |  */
183 | 
184 | q {
185 |   quotes: "\201C" "\201D" "\2018" "\2019";
186 | }
187 | 
188 | /**
189 |  * Address inconsistent and variable font size in all browsers.
190 |  */
191 | 
192 | small {
193 |   font-size: 80%;
194 | }
195 | 
196 | /**
197 |  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
198 |  */
199 | 
200 | sub,
201 | sup {
202 |   position: relative;
203 |   vertical-align: baseline;
204 |   font-size: 75%;
205 |   line-height: 0;
206 | }
207 | 
208 | sup {
209 |   top: -0.5em;
210 | }
211 | 
212 | sub {
213 |   bottom: -0.25em;
214 | }
215 | 
216 | /**
217 |  * Define consistent border, margin, and padding.
218 |  */
219 | 
220 | fieldset {
221 |   margin: 0 2px;
222 |   padding: 0.35em 0.625em 0.75em;
223 |   border: 1px solid #c0c0c0;
224 | }
225 | 
226 | /**
227 |  * 1. Correct `color` not being inherited in IE 8/9.
228 |  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
229 |  */
230 | 
231 | legend {
232 |   padding: 0; /* 2 */
233 |   border: 0; /* 1 */
234 | }
235 | 
236 | /**
237 |  * 1. Correct font family not being inherited in all browsers.
238 |  * 2. Correct font size not being inherited in all browsers.
239 |  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
240 |  * 4. Remove any default :focus styles
241 |  * 5. Make sure webkit font smoothing is being inherited
242 |  * 6. Remove default gradient in Android Firefox / FirefoxOS
243 |  */
244 | 
245 | button,
246 | input,
247 | select,
248 | textarea {
249 |   margin: 0; /* 3 */
250 |   font-size: 100%; /* 2 */
251 |   font-family: inherit; /* 1 */
252 |   outline-offset: 0; /* 4 */
253 |   outline-style: none; /* 4 */
254 |   outline-width: 0; /* 4 */
255 |   -webkit-font-smoothing: inherit; /* 5 */
256 |   background-image: none; /* 6 */
257 | }
258 | 
259 | /**
260 |  * Address Firefox 4+ setting `line-height` on `input` using `importnt` in
261 |  * the UA stylesheet.
262 |  */
263 | 
264 | button,
265 | input {
266 |   line-height: normal;
267 | }
268 | 
269 | /**
270 |  * Address inconsistent `text-transform` inheritance for `button` and `select`.
271 |  * All other form control elements do not inherit `text-transform` values.
272 |  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
273 |  * Correct `select` style inheritance in Firefox 4+ and Opera.
274 |  */
275 | 
276 | button,
277 | select {
278 |   text-transform: none;
279 | }
280 | 
281 | /**
282 |  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
283 |  *  and `video` controls.
284 |  * 2. Correct inability to style clickable `input` types in iOS.
285 |  * 3. Improve usability and consistency of cursor style between image-type
286 |  *  `input` and others.
287 |  */
288 | 
289 | button,
290 | html input[type="button"], /* 1 */
291 | input[type="reset"],
292 | input[type="submit"] {
293 |   cursor: pointer; /* 3 */
294 |   -webkit-appearance: button; /* 2 */
295 | }
296 | 
297 | /**
298 |  * Re-set default cursor for disabled elements.
299 |  */
300 | 
301 | button[disabled],
302 | html input[disabled] {
303 |   cursor: default;
304 | }
305 | 
306 | /**
307 |  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
308 |  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
309 |  *  (include `-moz` to future-proof).
310 |  */
311 | 
312 | input[type="search"] {
313 |   -webkit-box-sizing: content-box; /* 2 */
314 |   -moz-box-sizing: content-box;
315 |   box-sizing: content-box;
316 |   -webkit-appearance: textfield; /* 1 */
317 | }
318 | 
319 | /**
320 |  * Remove inner padding and search cancel button in Safari 5 and Chrome
321 |  * on OS X.
322 |  */
323 | 
324 | input[type="search"]::-webkit-search-cancel-button,
325 | input[type="search"]::-webkit-search-decoration {
326 |   -webkit-appearance: none;
327 | }
328 | 
329 | /**
330 |  * Remove inner padding and border in Firefox 4+.
331 |  */
332 | 
333 | button::-moz-focus-inner,
334 | input::-moz-focus-inner {
335 |   padding: 0;
336 |   border: 0;
337 | }
338 | 
339 | /**
340 |  * 1. Remove default vertical scrollbar in IE 8/9.
341 |  * 2. Improve readability and alignment in all browsers.
342 |  */
343 | 
344 | textarea {
345 |   overflow: auto; /* 1 */
346 |   vertical-align: top; /* 2 */
347 | }
348 | 
349 | 
350 | img {
351 |   -webkit-user-drag: none;
352 | }
353 | 
354 | /* ==========================================================================
355 |    Tables
356 |    ========================================================================== */
357 | 
358 | /**
359 |  * Remove most spacing between table cells.
360 |  */
361 | 
362 | table {
363 |   border-spacing: 0;
364 |   border-collapse: collapse;
365 | }
366 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_scaffolding.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Scaffolding
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | *,
  8 | *:before,
  9 | *:after {
 10 |   @include box-sizing(border-box);
 11 | }
 12 | 
 13 | html {
 14 |   overflow: hidden;
 15 |   -ms-touch-action: pan-y;
 16 |   touch-action: pan-y;
 17 | }
 18 | 
 19 | body,
 20 | .ionic-body {
 21 |   @include touch-callout(none);
 22 |   @include font-smoothing(antialiased);
 23 |   @include text-size-adjust(none);
 24 |   @include tap-highlight-transparent();
 25 |   @include user-select(none);
 26 | 
 27 |   top: 0;
 28 |   right: 0;
 29 |   bottom: 0;
 30 |   left: 0;
 31 |   overflow: hidden;
 32 | 
 33 |   margin: 0;
 34 |   padding: 0;
 35 | 
 36 |   color: $base-color;
 37 |   word-wrap: break-word;
 38 |   font-size: $font-size-base;
 39 |   font-family: $font-family-base;
 40 |   line-height: $line-height-computed;
 41 |   text-rendering: optimizeLegibility;
 42 |   -webkit-backface-visibility: hidden;
 43 |   -webkit-user-drag: none;
 44 | }
 45 | 
 46 | body.grade-b,
 47 | body.grade-c {
 48 |   // disable optimizeLegibility for low end devices
 49 |   text-rendering: auto;
 50 | }
 51 | 
 52 | .content {
 53 |   // used for content areas not using the content directive
 54 |   position: relative;
 55 | }
 56 | 
 57 | .scroll-content {
 58 |   position: absolute;
 59 |   top: 0;
 60 |   right: 0;
 61 |   bottom: 0;
 62 |   left: 0;
 63 |   overflow: hidden;
 64 | 
 65 |   // Hide the top border if any
 66 |   margin-top: -1px;
 67 | 
 68 |   // Prevents any distortion of lines
 69 |   padding-top:1px;
 70 | 
 71 |   width: auto;
 72 |   height: auto;
 73 | }
 74 | 
 75 | .scroll-content-false,
 76 | .menu .scroll-content.scroll-content-false{
 77 |   z-index: $z-index-scroll-content-false;
 78 | }
 79 | 
 80 | .scroll-view {
 81 |   position: relative;
 82 |   display: block;
 83 |   overflow: hidden;
 84 | 
 85 |   // Hide the top border if any
 86 |   margin-top: -1px;
 87 | }
 88 | 
 89 | /**
 90 |  * Scroll is the scroll view component available for complex and custom
 91 |  * scroll view functionality.
 92 |  */
 93 | .scroll {
 94 |   @include user-select(none);
 95 |   @include touch-callout(none);
 96 |   @include text-size-adjust(none);
 97 |   @include transform-origin(left, top);
 98 | }
 99 | 
100 | // hide webkit scrollbars
101 | ::-webkit-scrollbar {
102 |   display:none;
103 | }
104 | 
105 | // Scroll bar styles
106 | .scroll-bar {
107 |   position: absolute;
108 |   z-index: $z-index-scroll-bar;
109 | }
110 | // hide the scroll-bar during animations
111 | .ng-animate .scroll-bar {
112 |   visibility: hidden;
113 | }
114 | .scroll-bar-h {
115 |   right: 2px;
116 |   bottom: 3px;
117 |   left: 2px;
118 |   height: 3px;
119 | 
120 |   .scroll-bar-indicator {
121 |     height: 100%;
122 |   }
123 | }
124 | 
125 | .scroll-bar-v {
126 |   top: 2px;
127 |   right: 3px;
128 |   bottom: 2px;
129 |   width: 3px;
130 | 
131 |   .scroll-bar-indicator {
132 |     width: 100%;
133 |   }
134 | }
135 | .scroll-bar-indicator {
136 |   position: absolute;
137 |   border-radius: 4px;
138 |   background: rgba(0,0,0,0.3);
139 |   opacity: 1;
140 |   @include transition(opacity .3s linear);
141 | 
142 |   &.scroll-bar-fade-out {
143 |     opacity: 0;
144 |   }
145 | }
146 | .platform-android .scroll-bar-indicator {
147 |   // android doesn't have rounded ends on scrollbar
148 |   border-radius: 0;
149 | }
150 | .grade-b .scroll-bar-indicator,
151 | .grade-c .scroll-bar-indicator {
152 |   // disable rgba background and border radius for low end devices
153 |   background: #aaa;
154 | 
155 |   &.scroll-bar-fade-out {
156 |     @include transition(none);
157 |   }
158 | }
159 | 
160 | @keyframes refresh-spin {
161 |   0% { transform: translate3d(0,0,0) rotate(0); }
162 |   100% { transform: translate3d(0,0,0) rotate(180deg); }
163 | }
164 | 
165 | @-webkit-keyframes refresh-spin {
166 |   0% {-webkit-transform: translate3d(0,0,0) rotate(0); }
167 |   100% {-webkit-transform: translate3d(0,0,0) rotate(180deg); }
168 | }
169 | 
170 | @keyframes refresh-spin-back {
171 |   0% { transform: translate3d(0,0,0) rotate(180deg); }
172 |   100% { transform: translate3d(0,0,0) rotate(0); }
173 | }
174 | 
175 | @-webkit-keyframes refresh-spin-back {
176 |   0% {-webkit-transform: translate3d(0,0,0) rotate(180deg); }
177 |   100% {-webkit-transform: translate3d(0,0,0) rotate(0); }
178 | }
179 | 
180 | // Scroll refresher (for pull to refresh)
181 | .scroll-refresher {
182 |   position: absolute;
183 |   top: -60px;
184 |   right: 0;
185 |   left: 0;
186 |   overflow: hidden;
187 |   margin: auto;
188 |   height: 60px;
189 | 
190 |   .ionic-refresher-content {
191 |     position: absolute;
192 |     bottom: 15px;
193 |     left: 0;
194 |     width: 100%;
195 |     color: $scroll-refresh-icon-color;
196 |     text-align: center;
197 | 
198 |     font-size: 30px;
199 | 
200 |     .text-refreshing,
201 |     .text-pulling {
202 |       font-size: 16px;
203 |       line-height: 16px;
204 |     }
205 |     &.ionic-refresher-with-text {
206 |       bottom: 10px;
207 |     }
208 |   }
209 | 
210 |   .icon-refreshing,
211 |   .icon-pulling {
212 |     width: 100%;
213 |     -webkit-backface-visibility: hidden;
214 |     -webkit-transform-style: preserve-3d;
215 |     backface-visibility: hidden;
216 |     transform-style: preserve-3d;
217 |   }
218 |   .icon-pulling {
219 |     @include animation-name(refresh-spin-back);
220 |     @include animation-duration(200ms);
221 |     @include animation-timing-function(linear);
222 |     @include animation-fill-mode(none);
223 |     -webkit-transform: translate3d(0,0,0) rotate(0deg);
224 |     transform: translate3d(0,0,0) rotate(0deg);
225 |   }
226 |   .icon-refreshing,
227 |   .text-refreshing {
228 |     display: none;
229 |   }
230 |   .icon-refreshing {
231 |     @include animation-duration(1.5s);
232 |   }
233 | 
234 |   &.active {
235 |     .icon-pulling:not(.pulling-rotation-disabled) {
236 |       @include animation-name(refresh-spin);
237 |       -webkit-transform: translate3d(0,0,0) rotate(-180deg);
238 |       transform: translate3d(0,0,0) rotate(-180deg);
239 |     }
240 |     &.refreshing {
241 |       @include transition(transform .2s);
242 |       @include transition(-webkit-transform .2s);
243 |       -webkit-transform: scale(1,1);
244 |       transform: scale(1,1);
245 |       .icon-pulling,
246 |       .text-pulling {
247 |         display: none;
248 |       }
249 |       .icon-refreshing,
250 |       .text-refreshing {
251 |         display: block;
252 |       }
253 |       &.refreshing-tail{
254 |         -webkit-transform: scale(0,0);
255 |         transform: scale(0,0);
256 |       }
257 |     }
258 |   }
259 | }
260 | 
261 | ion-infinite-scroll {
262 |   height: 60px;
263 |   width: 100%;
264 |   opacity: 0;
265 |   display: block;
266 | 
267 |   @include transition(opacity 0.25s);
268 |   @include display-flex();
269 |   @include flex-direction(row);
270 |   @include justify-content(center);
271 |   @include align-items(center);
272 | 
273 |   .icon {
274 |     color: #666666;
275 |     font-size: 30px;
276 |     color: $scroll-refresh-icon-color;
277 |   }
278 | 
279 |   &.active {
280 |     opacity: 1;
281 |   }
282 | }
283 | 
284 | .overflow-scroll {
285 |   overflow-x: hidden;
286 |   overflow-y: scroll;
287 |   -webkit-overflow-scrolling: touch;
288 |   top: 0;
289 |   right: 0;
290 |   bottom: 0;
291 |   left: 0;
292 |   position: absolute;
293 | 
294 |   .scroll {
295 |     position: static;
296 |     height: 100%;
297 |     -webkit-transform: translate3d(0, 0, 0);   // fix iOS bug where relative children of scroller disapear while scrolling.  see: http://stackoverflow.com/questions/9807620/ipad-safari-scrolling-causes-html-elements-to-disappear-and-reappear-with-a-dela
298 |   }
299 | }
300 | 
301 | 
302 | // Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
303 | // Note: For these to work, content must come after both bars in the markup
304 | /* If you change these, change platform.scss as well */
305 | .has-header {
306 |   top: $bar-height;
307 | }
308 | // Force no header
309 | .no-header {
310 |   top: 0;
311 | }
312 | 
313 | .has-subheader {
314 |   top: $bar-height + $bar-subheader-height;
315 | }
316 | .has-tabs-top {
317 |   top: $bar-height + $tabs-height;
318 | }
319 | .has-header.has-subheader.has-tabs-top {
320 |   top: $bar-height + $bar-subheader-height + $tabs-height;
321 | }
322 | 
323 | .has-footer {
324 |   bottom: $bar-footer-height;
325 | }
326 | .has-subfooter {
327 |   bottom: $bar-footer-height + $bar-subfooter-height;
328 | }
329 | 
330 | .has-tabs,
331 | .bar-footer.has-tabs {
332 |   bottom: $tabs-height;
333 | }
334 | 
335 | .has-footer.has-tabs {
336 |   bottom: $tabs-height + $bar-footer-height;
337 | }
338 | 
339 | // A full screen section with a solid background
340 | .pane {
341 |   @include translate3d(0,0,0);
342 |   @include transition-duration(0);
343 |   z-index: $z-index-pane;
344 | }
345 | .view {
346 |   z-index: $z-index-view;
347 | }
348 | .pane,
349 | .view {
350 |   position: absolute;
351 |   top: 0;
352 |   right: 0;
353 |   bottom: 0;
354 |   left: 0;
355 |   width: 100%;
356 |   height: 100%;
357 |   background-color: $base-background-color;
358 |   overflow: hidden;
359 | }
360 | .view-container {
361 |   position: absolute;
362 |   display: block;
363 |   width: 100%;
364 |   height: 100%;
365 | }
366 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_select.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Select
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .item-select {
  8 |   position: relative;
  9 | 
 10 |   select {
 11 |     @include appearance(none);
 12 |     position: absolute;
 13 |     top: 0;
 14 |     right: 0;
 15 |     padding: ($item-padding - 2) ($item-padding * 3) ($item-padding) $item-padding;
 16 |     max-width: 65%;
 17 | 
 18 |     border: none;
 19 |     background: $item-default-bg;
 20 |     color: #333;
 21 | 
 22 |     // hack to hide default dropdown arrow in FF
 23 |     text-indent: .01px;
 24 |     text-overflow: '';
 25 | 
 26 |     white-space: nowrap;
 27 |     font-size: $font-size-base;
 28 | 
 29 |     cursor: pointer;
 30 |     direction: rtl; // right align the select text
 31 |   }
 32 | 
 33 |   select::-ms-expand {
 34 |     // hide default dropdown arrow in IE
 35 |     display: none;
 36 |   }
 37 | 
 38 |   option {
 39 |     direction: ltr;
 40 |   }
 41 | 
 42 |   &:after {
 43 |     position: absolute;
 44 |     top: 50%;
 45 |     right: $item-padding;
 46 |     margin-top: -3px;
 47 |     width: 0;
 48 |     height: 0;
 49 |     border-top: 5px solid;
 50 |     border-right: 5px solid rgba(0, 0, 0, 0);
 51 |     border-left: 5px solid rgba(0, 0, 0, 0);
 52 |     color: #999;
 53 |     content: "";
 54 |     pointer-events: none;
 55 |   }
 56 |   &.item-light {
 57 |     select{
 58 |       background:$item-light-bg;
 59 |       color:$item-light-text;
 60 |     }
 61 |   }
 62 |   &.item-stable {
 63 |     select{
 64 |       background:$item-stable-bg;
 65 |       color:$item-stable-text;
 66 |     }
 67 |     &:after, .input-label{
 68 |       color:darken($item-stable-border,30%);
 69 |     }
 70 |   }
 71 |   &.item-positive {
 72 |     select{
 73 |       background:$item-positive-bg;
 74 |       color:$item-positive-text;
 75 |     }
 76 |     &:after, .input-label{
 77 |       color:$item-positive-text;
 78 |     }
 79 |   }
 80 |   &.item-calm {
 81 |     select{
 82 |       background:$item-calm-bg;
 83 |       color:$item-calm-text;
 84 |     }
 85 |     &:after, .input-label{
 86 |       color:$item-calm-text;
 87 |     }
 88 |   }
 89 |   &.item-assertive {
 90 |     select{
 91 |       background:$item-assertive-bg;
 92 |       color:$item-assertive-text;
 93 |     }
 94 |     &:after, .input-label{
 95 |       color:$item-assertive-text;
 96 |     }
 97 |   }
 98 |   &.item-balanced {
 99 |     select{
100 |       background:$item-balanced-bg;
101 |       color:$item-balanced-text;
102 |     }
103 |     &:after, .input-label{
104 |       color:$item-balanced-text;
105 |     }
106 |   }
107 |   &.item-energized  {
108 |     select{
109 |       background:$item-energized-bg;
110 |       color:$item-energized-text;
111 |     }
112 |     &:after, .input-label{
113 |       color:$item-energized-text;
114 |     }
115 |   }
116 |   &.item-royal {
117 |     select{
118 |       background:$item-royal-bg;
119 |       color:$item-royal-text;
120 |     }
121 |     &:after, .input-label{
122 |       color:$item-royal-text;
123 |     }
124 |   }
125 |   &.item-dark  {
126 |     select{
127 |       background:$item-dark-bg;
128 |       color:$item-dark-text;
129 |     }
130 |     &:after, .input-label{
131 |       color:$item-dark-text;
132 |     }
133 |   }
134 | }
135 | 
136 | select {
137 |   &[multiple],
138 |   &[size] {
139 |     height: auto;
140 |   }
141 | }
142 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_slide-box.scss:
--------------------------------------------------------------------------------
 1 | 
 2 | /**
 3 |  * Slide Box
 4 |  * --------------------------------------------------
 5 |  */
 6 | 
 7 | .slider {
 8 |   position: relative;
 9 |   visibility: hidden;
10 |   // Make sure items don't scroll over ever
11 |   overflow: hidden;
12 | }
13 | 
14 | .slider-slides {
15 |   position: relative;
16 |   height: 100%;
17 | }
18 | 
19 | .slider-slide {
20 |   position: relative;
21 |   display: block;
22 |   float: left;
23 |   width: 100%;
24 |   height: 100%;
25 |   vertical-align: top;
26 | }
27 | 
28 | .slider-slide-image {
29 |   > img {
30 |     width: 100%;
31 |   }
32 | }
33 | 
34 | .slider-pager {
35 |   position: absolute;
36 |   bottom: 20px;
37 |   z-index: $z-index-slider-pager;
38 |   width: 100%;
39 |   height: 15px;
40 |   text-align: center;
41 | 
42 |   .slider-pager-page {
43 |     display: inline-block;
44 |     margin: 0px 3px;
45 |     width: 15px;
46 |     color: #000;
47 |     text-decoration: none;
48 | 
49 |     opacity: 0.3;
50 | 
51 |     &.active {
52 |       @include transition(opacity 0.4s ease-in);
53 |       opacity: 1;
54 |     }
55 |   }
56 | }
57 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_tabs.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Tabs
  3 |  * --------------------------------------------------
  4 |  * A navigation bar with any number of tab items supported.
  5 |  */
  6 | 
  7 | .tabs {
  8 |   @include display-flex();
  9 |   @include flex-direction(horizontal);
 10 |   @include justify-content(center);
 11 |   @include translate3d(0,0,0);
 12 | 
 13 |   @include tab-style($tabs-default-bg, $tabs-default-border, $tabs-default-text);
 14 |   @include tab-badge-style($tabs-default-text, $tabs-default-bg);
 15 | 
 16 |   position: absolute;
 17 |   bottom: 0;
 18 | 
 19 |   z-index: $z-index-tabs;
 20 | 
 21 |   width: 100%;
 22 |   height: $tabs-height;
 23 | 
 24 |   border-style: solid;
 25 |   border-top-width: 1px;
 26 | 
 27 |   background-size: 0;
 28 |   line-height: $tabs-height;
 29 | 
 30 |   @media (min--moz-device-pixel-ratio: 1.5),
 31 |          (-webkit-min-device-pixel-ratio: 1.5),
 32 |          (min-device-pixel-ratio: 1.5),
 33 |          (min-resolution: 144dpi),
 34 |          (min-resolution: 1.5dppx) {
 35 |     padding-top: 2px;
 36 |     border-top: none !important;
 37 |     border-bottom: none;
 38 |     background-position: top;
 39 |     background-size: 100% 1px;
 40 |     background-repeat: no-repeat;
 41 |   }
 42 | 
 43 | }
 44 | /* Allow parent element of tabs to define color, or just the tab itself */
 45 | .tabs-light > .tabs,
 46 | .tabs.tabs-light {
 47 |   @include tab-style($tabs-light-bg, $tabs-light-border, $tabs-light-text);
 48 |   @include tab-badge-style($tabs-light-text, $tabs-light-bg);
 49 | }
 50 | .tabs-stable > .tabs,
 51 | .tabs.tabs-stable {
 52 |   @include tab-style($tabs-stable-bg, $tabs-stable-border, $tabs-stable-text);
 53 |   @include tab-badge-style($tabs-stable-text, $tabs-stable-bg);
 54 | }
 55 | .tabs-positive > .tabs,
 56 | .tabs.tabs-positive {
 57 |   @include tab-style($tabs-positive-bg, $tabs-positive-border, $tabs-positive-text);
 58 |   @include tab-badge-style($tabs-positive-text, $tabs-positive-bg);
 59 | }
 60 | .tabs-calm > .tabs,
 61 | .tabs.tabs-calm {
 62 |   @include tab-style($tabs-calm-bg, $tabs-calm-border, $tabs-calm-text);
 63 |   @include tab-badge-style($tabs-calm-text, $tabs-calm-bg);
 64 | }
 65 | .tabs-assertive > .tabs,
 66 | .tabs.tabs-assertive {
 67 |   @include tab-style($tabs-assertive-bg, $tabs-assertive-border, $tabs-assertive-text);
 68 |   @include tab-badge-style($tabs-assertive-text, $tabs-assertive-bg);
 69 | }
 70 | .tabs-balanced > .tabs,
 71 | .tabs.tabs-balanced {
 72 |   @include tab-style($tabs-balanced-bg, $tabs-balanced-border, $tabs-balanced-text);
 73 |   @include tab-badge-style($tabs-balanced-text, $tabs-balanced-bg);
 74 | }
 75 | .tabs-energized > .tabs,
 76 | .tabs.tabs-energized {
 77 |   @include tab-style($tabs-energized-bg, $tabs-energized-border, $tabs-energized-text);
 78 |   @include tab-badge-style($tabs-energized-text, $tabs-energized-bg);
 79 | }
 80 | .tabs-royal > .tabs,
 81 | .tabs.tabs-royal {
 82 |   @include tab-style($tabs-royal-bg, $tabs-royal-border, $tabs-royal-text);
 83 |   @include tab-badge-style($tabs-royal-text, $tabs-royal-bg);
 84 | }
 85 | .tabs-dark > .tabs,
 86 | .tabs.tabs-dark {
 87 |   @include tab-style($tabs-dark-bg, $tabs-dark-border, $tabs-dark-text);
 88 |   @include tab-badge-style($tabs-dark-text, $tabs-dark-bg);
 89 | }
 90 | 
 91 | @mixin tabs-striped($style, $color, $background) {
 92 |   &.#{$style} {
 93 |     .tabs{
 94 |       background-color: $background;
 95 |     }
 96 |     .tab-item {
 97 |       color: rgba($color, $tabs-striped-off-opacity);
 98 |       opacity: 1;
 99 |       .badge{
100 |         opacity:$tabs-striped-off-opacity;
101 |       }
102 |       &.tab-item-active,
103 |       &.active,
104 |       &.activated {
105 |         margin-top: -$tabs-striped-border-width;
106 |         color: $color;
107 |         border-style: solid;
108 |         border-width: $tabs-striped-border-width 0 0 0;
109 |         border-color: $color;
110 |       }
111 |     }
112 |   }
113 |   &.tabs-top{
114 |     .tab-item {
115 |       &.tab-item-active,
116 |       &.active,
117 |       &.activated {
118 |         .badge {
119 |           top: 4%;
120 |         }
121 |       }
122 |     }
123 |   }
124 | }
125 | 
126 | @mixin tabs-background($style, $color, $border-color) {
127 |   .#{$style} {
128 |     .tabs,
129 |     &> .tabs{
130 |       background-color: $color;
131 |       background-image: linear-gradient(0deg, $border-color, $border-color 50%, transparent 50%);
132 |       border-color: $border-color;
133 |     }
134 |   }
135 | }
136 | 
137 | @mixin tabs-striped-background($style, $color) {
138 |   &.#{$style} {
139 |     .tabs {
140 |       background-color: $color;
141 |       background-image:none;
142 |     }
143 |   }
144 | }
145 | 
146 | @mixin tabs-color($style, $color) {
147 |   .#{$style} {
148 |     .tab-item {
149 |       color: rgba($color, $tabs-off-opacity);
150 |       opacity: 1;
151 |       .badge{
152 |         opacity:$tabs-off-opacity;
153 |       }
154 |       &.tab-item-active,
155 |       &.active,
156 |       &.activated {
157 |         color: $color;
158 |         border: 0 solid $color;
159 |         .badge{
160 |           opacity: 1;
161 |         }
162 |       }
163 |     }
164 |   }
165 | }
166 | 
167 | @mixin tabs-striped-color($style, $color) {
168 |   &.#{$style} {
169 |     .tab-item {
170 |       color: rgba($color, $tabs-striped-off-opacity);
171 |       opacity: 1;
172 |       .badge{
173 |         opacity:$tabs-striped-off-opacity;
174 |       }
175 |       &.tab-item-active,
176 |       &.active,
177 |       &.activated {
178 |         margin-top: -$tabs-striped-border-width;
179 |         color: $color;
180 |         border: 0 solid $color;
181 |         border-top-width: $tabs-striped-border-width;
182 |         .badge{
183 |           top:$tabs-striped-border-width;
184 |           opacity: 1;
185 |         }
186 |       }
187 |     }
188 |   }
189 | }
190 | 
191 | .tabs-striped {
192 |   .tabs {
193 |     background-color: white;
194 |     background-image: none;
195 |     border: none;
196 |     border-bottom: 1px solid #ddd;
197 |     padding-top: $tabs-striped-border-width;
198 |   }
199 |   .tab-item {
200 |     // default android tab style
201 |     &.tab-item-active,
202 |     &.active,
203 |     &.activated {
204 |       margin-top: -$tabs-striped-border-width;
205 |       border-style: solid;
206 |       border-width: $tabs-striped-border-width 0 0 0;
207 |       border-color: $dark;
208 |       .badge{
209 |         top:$tabs-striped-border-width;
210 |         opacity: 1;
211 |       }
212 |     }
213 |   }
214 |   @include tabs-striped('tabs-light', $dark, $light);
215 |   @include tabs-striped('tabs-stable', $dark, $stable);
216 |   @include tabs-striped('tabs-positive', $light, $positive);
217 |   @include tabs-striped('tabs-calm', $light, $calm);
218 |   @include tabs-striped('tabs-assertive', $light, $assertive);
219 |   @include tabs-striped('tabs-balanced', $light, $balanced);
220 |   @include tabs-striped('tabs-energized', $light, $energized);
221 |   @include tabs-striped('tabs-royal', $light, $royal);
222 |   @include tabs-striped('tabs-dark', $light, $dark);
223 | 
224 |   // doing this twice so striped tabs styles don't override specific bg and color vals
225 |   @include tabs-striped-background('tabs-background-light', $light);
226 |   @include tabs-striped-background('tabs-background-stable', $stable);
227 |   @include tabs-striped-background('tabs-background-positive', $positive);
228 |   @include tabs-striped-background('tabs-background-calm', $calm);
229 |   @include tabs-striped-background('tabs-background-assertive', $assertive);
230 |   @include tabs-striped-background('tabs-background-balanced', $balanced);
231 |   @include tabs-striped-background('tabs-background-energized',$energized);
232 |   @include tabs-striped-background('tabs-background-royal', $royal);
233 |   @include tabs-striped-background('tabs-background-dark', $dark);
234 | 
235 |   @include tabs-striped-color('tabs-color-light', $light);
236 |   @include tabs-striped-color('tabs-color-stable', $stable);
237 |   @include tabs-striped-color('tabs-color-positive', $positive);
238 |   @include tabs-striped-color('tabs-color-calm', $calm);
239 |   @include tabs-striped-color('tabs-color-assertive', $assertive);
240 |   @include tabs-striped-color('tabs-color-balanced', $balanced);
241 |   @include tabs-striped-color('tabs-color-energized',$energized);
242 |   @include tabs-striped-color('tabs-color-royal', $royal);
243 |   @include tabs-striped-color('tabs-color-dark', $dark);
244 | 
245 | }
246 | 
247 | @include tabs-background('tabs-background-light', $light, $bar-light-border);
248 | @include tabs-background('tabs-background-stable', $stable, $bar-stable-border);
249 | @include tabs-background('tabs-background-positive', $positive, $bar-positive-border);
250 | @include tabs-background('tabs-background-calm', $calm, $bar-calm-border);
251 | @include tabs-background('tabs-background-assertive', $assertive, $bar-assertive-border);
252 | @include tabs-background('tabs-background-balanced', $balanced, $bar-balanced-border);
253 | @include tabs-background('tabs-background-energized',$energized, $bar-energized-border);
254 | @include tabs-background('tabs-background-royal', $royal, $bar-royal-border);
255 | @include tabs-background('tabs-background-dark', $dark, $bar-dark-border);
256 | 
257 | @include tabs-color('tabs-color-light', $light);
258 | @include tabs-color('tabs-color-stable', $stable);
259 | @include tabs-color('tabs-color-positive', $positive);
260 | @include tabs-color('tabs-color-calm', $calm);
261 | @include tabs-color('tabs-color-assertive', $assertive);
262 | @include tabs-color('tabs-color-balanced', $balanced);
263 | @include tabs-color('tabs-color-energized',$energized);
264 | @include tabs-color('tabs-color-royal', $royal);
265 | @include tabs-color('tabs-color-dark', $dark);
266 | 
267 | @mixin tabs-standard-color($style, $color, $off-color:$dark) {
268 |   &.#{$style} {
269 |     .tab-item {
270 |       color: $off-color;
271 |       &.tab-item-active,
272 |       &.active,
273 |       &.activated {
274 |         color: $color;
275 |       }
276 |     }
277 |   }
278 | }
279 | 
280 | ion-tabs {
281 |   @include tabs-standard-color('tabs-color-active-light', $light, $dark);
282 |   @include tabs-standard-color('tabs-color-active-stable', $stable, $dark);
283 |   @include tabs-standard-color('tabs-color-active-positive', $positive, $dark);
284 |   @include tabs-standard-color('tabs-color-active-calm', $calm, $dark);
285 |   @include tabs-standard-color('tabs-color-active-assertive', $assertive, $dark);
286 |   @include tabs-standard-color('tabs-color-active-balanced', $balanced, $dark);
287 |   @include tabs-standard-color('tabs-color-active-energized',$energized, $dark);
288 |   @include tabs-standard-color('tabs-color-active-royal', $royal, $dark);
289 |   @include tabs-standard-color('tabs-color-active-dark', $dark, $light);
290 | }
291 | 
292 | .tabs-top {
293 |   &.tabs-striped {
294 |     padding-bottom:0;
295 |     .tab-item{
296 |       background: transparent;
297 |       // animate the top bar, leave bottom for platform consistency
298 |       -webkit-transition: all .1s ease;
299 |       -moz-transition: all .1s ease;
300 |       -ms-transition: all .1s ease;
301 |       -o-transition: all .1s ease;
302 |       transition: all .1s ease;
303 |       &.tab-item-active,
304 |       &.active,
305 |       &.activated {
306 |         margin-top: 0;
307 |         margin-bottom: -$tabs-striped-border-width;
308 |         border-width: 0px 0px $tabs-striped-border-width 0px !important;
309 |         border-style: solid;
310 |       }
311 |       .badge{
312 |         -webkit-transition: all .2s ease;
313 |         -moz-transition: all .2s ease;
314 |         -ms-transition: all .2s ease;
315 |         -o-transition: all .2s ease;
316 |         transition: all .2s ease;
317 |       }
318 |     }
319 |   }
320 | }
321 | 
322 | /* Allow parent element to have tabs-top */
323 | /* If you change this, change platform.scss as well */
324 | .tabs-top > .tabs,
325 | .tabs.tabs-top {
326 |   top: $bar-height;
327 |   padding-top: 0;
328 |   background-position: bottom;
329 |   border-top-width: 0;
330 |   border-bottom-width: 1px;
331 |   .tab-item {
332 |     &.tab-item-active,
333 |     &.active,
334 |     &.activated {
335 |       .badge {
336 |         top: 4%;
337 |       }
338 |     }
339 |   }
340 | }
341 | .tabs-top ~ .bar-header {
342 |   border-bottom-width: 0;
343 | }
344 | 
345 | .tab-item {
346 |   @include flex(1);
347 |   display: block;
348 |   overflow: hidden;
349 | 
350 |   max-width: $tab-item-max-width;
351 |   height: 100%;
352 | 
353 |   color: inherit;
354 |   text-align: center;
355 |   text-decoration: none;
356 |   text-overflow: ellipsis;
357 |   white-space: nowrap;
358 | 
359 |   font-weight: 400;
360 |   font-size: $tabs-text-font-size;
361 |   font-family: $font-family-sans-serif;
362 | 
363 |   opacity: 0.7;
364 | 
365 |   &:hover {
366 |     cursor: pointer;
367 |   }
368 |   &.tab-hidden{
369 |     display:none;
370 |   }
371 | }
372 | 
373 | .tabs-item-hide > .tabs,
374 | .tabs.tabs-item-hide {
375 |   display: none;
376 | }
377 | 
378 | .tabs-icon-top > .tabs .tab-item,
379 | .tabs-icon-top.tabs .tab-item,
380 | .tabs-icon-bottom > .tabs .tab-item,
381 | .tabs-icon-bottom.tabs .tab-item {
382 |   font-size: $tabs-text-font-size-side-icon;
383 |   line-height: $tabs-text-font-size;
384 | }
385 | 
386 | .tab-item .icon {
387 |   display: block;
388 |   margin: 0 auto;
389 |   height: $tabs-icon-size;
390 |   font-size: $tabs-icon-size;
391 | }
392 | 
393 | .tabs-icon-left.tabs .tab-item,
394 | .tabs-icon-left > .tabs .tab-item,
395 | .tabs-icon-right.tabs .tab-item,
396 | .tabs-icon-right > .tabs .tab-item {
397 |   font-size: $tabs-text-font-size-side-icon;
398 | 
399 |   .icon {
400 |     display: inline-block;
401 |     vertical-align: top;
402 |     margin-top: -.1em;
403 | 
404 |     &:before {
405 |     font-size: $tabs-icon-size - 8;
406 |     line-height: $tabs-height;
407 |     }
408 |   }
409 | }
410 | 
411 | .tabs-icon-left > .tabs .tab-item .icon,
412 | .tabs-icon-left.tabs .tab-item .icon {
413 |   padding-right: 3px;
414 | }
415 | 
416 | .tabs-icon-right > .tabs .tab-item .icon,
417 | .tabs-icon-right.tabs .tab-item .icon {
418 |   padding-left: 3px;
419 | }
420 | 
421 | .tabs-icon-only > .tabs .icon,
422 | .tabs-icon-only.tabs .icon {
423 |   line-height: inherit;
424 | }
425 | 
426 | 
427 | .tab-item.has-badge {
428 |   position: relative;
429 | }
430 | 
431 | .tab-item .badge {
432 |   position: absolute;
433 |   top: 4%;
434 |   right: 33%; // fallback
435 |   right: calc(50% - 26px);
436 |   padding: $tabs-badge-padding;
437 |   height: auto;
438 |   font-size: $tabs-badge-font-size;
439 |   line-height: $tabs-badge-font-size + 4;
440 | }
441 | 
442 | 
443 | /* Navigational tab */
444 | 
445 | /* Active state for tab */
446 | .tab-item.tab-item-active,
447 | .tab-item.active,
448 | .tab-item.activated {
449 |   opacity: 1;
450 | 
451 |   &.tab-item-light {
452 |     color: $light;
453 |   }
454 |   &.tab-item-stable {
455 |     color: $stable;
456 |   }
457 |   &.tab-item-positive {
458 |     color: $positive;
459 |   }
460 |   &.tab-item-calm {
461 |     color: $calm;
462 |   }
463 |   &.tab-item-assertive {
464 |     color: $assertive;
465 |   }
466 |   &.tab-item-balanced {
467 |     color: $balanced;
468 |   }
469 |   &.tab-item-energized {
470 |     color: $energized;
471 |   }
472 |   &.tab-item-royal {
473 |     color: $royal;
474 |   }
475 |   &.tab-item-dark {
476 |     color: $dark;
477 |   }
478 | }
479 | 
480 | .item.tabs {
481 |   @include display-flex();
482 |   padding: 0;
483 | 
484 |   .icon:before {
485 |     position: relative;
486 |   }
487 | }
488 | 
489 | .tab-item.disabled,
490 | .tab-item[disabled] {
491 |   opacity: .4;
492 |   cursor: default;
493 |   pointer-events: none;
494 | }
495 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_toggle.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Toggle
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .item-toggle {
  8 |   pointer-events: none;
  9 | }
 10 | 
 11 | .toggle {
 12 |   // set the color defaults
 13 |   @include toggle-style($toggle-on-default-border, $toggle-on-default-bg);
 14 | 
 15 |   position: relative;
 16 |   display: inline-block;
 17 |   pointer-events: auto;
 18 |   margin: -$toggle-hit-area-expansion;
 19 |   padding: $toggle-hit-area-expansion;
 20 | 
 21 |   &.dragging {
 22 |     .handle {
 23 |       background-color: $toggle-handle-dragging-bg-color !important;
 24 |     }
 25 |   }
 26 | 
 27 |   &.toggle-light  {
 28 |     @include toggle-style($toggle-on-light-border, $toggle-on-light-bg);
 29 |   }
 30 |   &.toggle-stable  {
 31 |     @include toggle-style($toggle-on-stable-border, $toggle-on-stable-bg);
 32 |   }
 33 |   &.toggle-positive  {
 34 |     @include toggle-style($toggle-on-positive-border, $toggle-on-positive-bg);
 35 |   }
 36 |   &.toggle-calm  {
 37 |     @include toggle-style($toggle-on-calm-border, $toggle-on-calm-bg);
 38 |   }
 39 |   &.toggle-assertive  {
 40 |     @include toggle-style($toggle-on-assertive-border, $toggle-on-assertive-bg);
 41 |   }
 42 |   &.toggle-balanced  {
 43 |     @include toggle-style($toggle-on-balanced-border, $toggle-on-balanced-bg);
 44 |   }
 45 |   &.toggle-energized  {
 46 |     @include toggle-style($toggle-on-energized-border, $toggle-on-energized-bg);
 47 |   }
 48 |   &.toggle-royal  {
 49 |     @include toggle-style($toggle-on-royal-border, $toggle-on-royal-bg);
 50 |   }
 51 |   &.toggle-dark  {
 52 |     @include toggle-style($toggle-on-dark-border, $toggle-on-dark-bg);
 53 |   }
 54 | }
 55 | 
 56 | .toggle input {
 57 |   // hide the actual input checkbox
 58 |   display: none;
 59 | }
 60 | 
 61 | /* the track appearance when the toggle is "off" */
 62 | .toggle .track {
 63 |   @include transition-timing-function(ease-in-out);
 64 |   @include transition-duration($toggle-transition-duration);
 65 |   @include transition-property((background-color, border));
 66 | 
 67 |   display: inline-block;
 68 |   box-sizing: border-box;
 69 |   width: $toggle-width;
 70 |   height: $toggle-height;
 71 |   border: solid $toggle-border-width $toggle-off-border-color;
 72 |   border-radius: $toggle-border-radius;
 73 |   background-color: $toggle-off-bg-color;
 74 |   content: ' ';
 75 |   cursor: pointer;
 76 |   pointer-events: none;
 77 | }
 78 | 
 79 | /* Fix to avoid background color bleeding */
 80 | /* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
 81 | .platform-android4_2 .toggle .track {
 82 |   -webkit-background-clip: padding-box;
 83 | }
 84 | 
 85 | /* the handle (circle) thats inside the toggle's track area */
 86 | /* also the handle's appearance when it is "off" */
 87 | .toggle .handle {
 88 |   @include transition($toggle-transition-duration ease-in-out);
 89 |   position: absolute;
 90 |   display: block;
 91 |   width: $toggle-handle-width;
 92 |   height: $toggle-handle-height;
 93 |   border-radius: $toggle-handle-radius;
 94 |   background-color: $toggle-handle-off-bg-color;
 95 |   top: $toggle-border-width + $toggle-hit-area-expansion;
 96 |   left: $toggle-border-width + $toggle-hit-area-expansion;
 97 | 
 98 |   &:before {
 99 |     // used to create a larger (but hidden) hit area to slide the handle
100 |     position: absolute;
101 |     top: -4px;
102 |     left: ( ($toggle-handle-width / 2) * -1) - 8;
103 |     padding: ($toggle-handle-height / 2) + 5 ($toggle-handle-width + 7);
104 |     content: " ";
105 |   }
106 | }
107 | 
108 | .toggle input:checked + .track .handle {
109 |   // the handle when the toggle is "on"
110 |   @include translate3d($toggle-width - $toggle-handle-width - ($toggle-border-width * 2), 0, 0);
111 |   background-color: $toggle-handle-on-bg-color;
112 | }
113 | 
114 | .item-toggle.active {
115 |   box-shadow: none;
116 | }
117 | 
118 | .item-toggle,
119 | .item-toggle.item-complex .item-content {
120 |   // make sure list item content have enough padding on right to fit the toggle
121 |   padding-right: ($item-padding * 3) + $toggle-width;
122 | }
123 | 
124 | .item-toggle.item-complex {
125 |   padding-right: 0;
126 | }
127 | 
128 | .item-toggle .toggle {
129 |   // position the toggle to the right within a list item
130 |   position: absolute;
131 |   top: $item-padding / 2;
132 |   right: $item-padding;
133 |   z-index: $z-index-item-toggle;
134 | }
135 | 
136 | .toggle input:disabled + .track {
137 |   opacity: .6;
138 | }
139 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_transitions.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | // iOS View Transitions
  3 | // -------------------------------
  4 | 
  5 | $ios-transition-duration:              450ms !default;
  6 | $ios-transition-timing-function:       cubic-bezier(.3, .9, .4, 1) !default;
  7 | $ios-transition-container-bg-color:    #000 !default;
  8 | 
  9 | 
 10 | [nav-view-transition="ios"] {
 11 | 
 12 |   [nav-view="entering"],
 13 |   [nav-view="leaving"] {
 14 |     @include transition-duration( $ios-transition-duration );
 15 |     @include transition-timing-function( $ios-transition-timing-function );
 16 |     -webkit-transition-property: opacity, -webkit-transform;
 17 |             transition-property: opacity, transform;
 18 |   }
 19 | 
 20 |   &[nav-view-direction="forward"],
 21 |   &[nav-view-direction="back"] {
 22 |     background-color: $ios-transition-container-bg-color;
 23 |   }
 24 | 
 25 |   [nav-view="active"],
 26 |   &[nav-view-direction="forward"] [nav-view="entering"],
 27 |   &[nav-view-direction="back"] [nav-view="leaving"] {
 28 |     z-index: $z-index-view-above;
 29 |   }
 30 | 
 31 |   &[nav-view-direction="back"] [nav-view="entering"],
 32 |   &[nav-view-direction="forward"] [nav-view="leaving"] {
 33 |     z-index: $z-index-view-below;
 34 |   }
 35 | 
 36 | }
 37 | 
 38 | 
 39 | 
 40 | // iOS Nav Bar Transitions
 41 | // -------------------------------
 42 | 
 43 | [nav-bar-transition="ios"] {
 44 | 
 45 |   .title,
 46 |   .buttons,
 47 |   .back-text {
 48 |     @include transition-duration( $ios-transition-duration );
 49 |     @include transition-timing-function( $ios-transition-timing-function );
 50 |     -webkit-transition-property: opacity, -webkit-transform;
 51 |             transition-property: opacity, transform;
 52 |   }
 53 | 
 54 |   [nav-bar="active"],
 55 |   [nav-bar="entering"] {
 56 |     z-index: $z-index-bar-above;
 57 | 
 58 |    .bar {
 59 |       background: transparent;
 60 |     }
 61 |   }
 62 | 
 63 |   [nav-bar="cached"] {
 64 |     display: block;
 65 | 
 66 |     .header-item {
 67 |       display: none;
 68 |     }
 69 |   }
 70 | 
 71 | }
 72 | 
 73 | 
 74 | 
 75 | // Android View Transitions
 76 | // -------------------------------
 77 | 
 78 | $android-transition-duration:             200ms !default;
 79 | $android-transition-timing-function:      cubic-bezier(0.4, 0.6, 0.2, 1) !default;
 80 | 
 81 | 
 82 | [nav-view-transition="android"] {
 83 | 
 84 |   [nav-view="entering"],
 85 |   [nav-view="leaving"] {
 86 |     @include transition-duration( $android-transition-duration );
 87 |     @include transition-timing-function( $android-transition-timing-function );
 88 |     -webkit-transition-property: -webkit-transform;
 89 |             transition-property: transform;
 90 |   }
 91 | 
 92 |   [nav-view="active"],
 93 |   &[nav-view-direction="forward"] [nav-view="entering"],
 94 |   &[nav-view-direction="back"] [nav-view="leaving"] {
 95 |     z-index: $z-index-view-above;
 96 |   }
 97 | 
 98 |   &[nav-view-direction="back"] [nav-view="entering"],
 99 |   &[nav-view-direction="forward"] [nav-view="leaving"] {
100 |     z-index: $z-index-view-below;
101 |   }
102 | 
103 | }
104 | 
105 | 
106 | 
107 | // Android Nav Bar Transitions
108 | // -------------------------------
109 | 
110 | [nav-bar-transition="android"] {
111 | 
112 |   .title,
113 |   .buttons {
114 |     @include transition-duration( $android-transition-duration );
115 |     @include transition-timing-function( $android-transition-timing-function );
116 |     -webkit-transition-property: opacity;
117 |             transition-property: opacity;
118 |   }
119 | 
120 |   [nav-bar="active"],
121 |   [nav-bar="entering"] {
122 |     z-index: $z-index-bar-above;
123 | 
124 |    .bar {
125 |       background: transparent;
126 |     }
127 |   }
128 | 
129 |   [nav-bar="cached"] {
130 |     display: block;
131 | 
132 |     .header-item {
133 |       display: none;
134 |     }
135 |   }
136 | 
137 | }
138 | 
139 | 
140 | 
141 | // Transition Settings
142 | // -------------------------------
143 | 
144 | [nav-view="cached"],
145 | [nav-bar="cached"] {
146 |   display: none;
147 | }
148 | 
149 | [nav-view="stage"] {
150 |   opacity: 0;
151 |   @include transition-duration( 0 );
152 | }
153 | 
154 | [nav-bar="stage"] {
155 |   .title,
156 |   .buttons,
157 |   .back-text {
158 |     position: absolute;
159 |     opacity: 0;
160 |     @include transition-duration(0s);
161 |   }
162 | }
163 | 
164 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_type.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Typography
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | 
  8 | // Body text
  9 | // -------------------------
 10 | 
 11 | p {
 12 |   margin: 0 0 ($line-height-computed / 2);
 13 | }
 14 | 
 15 | 
 16 | // Emphasis & misc
 17 | // -------------------------
 18 | 
 19 | small   { font-size: 85%; }
 20 | cite    { font-style: normal; }
 21 | 
 22 | 
 23 | // Alignment
 24 | // -------------------------
 25 | 
 26 | .text-left           { text-align: left; }
 27 | .text-right          { text-align: right; }
 28 | .text-center         { text-align: center; }
 29 | 
 30 | 
 31 | // Headings
 32 | // -------------------------
 33 | 
 34 | h1, h2, h3, h4, h5, h6,
 35 | .h1, .h2, .h3, .h4, .h5, .h6 {
 36 |   color: $base-color;
 37 |   font-weight: $headings-font-weight;
 38 |   font-family: $headings-font-family;
 39 |   line-height: $headings-line-height;
 40 | 
 41 |   small {
 42 |     font-weight: normal;
 43 |     line-height: 1;
 44 |   }
 45 | }
 46 | 
 47 | h1, .h1,
 48 | h2, .h2,
 49 | h3, .h3 {
 50 |   margin-top: $line-height-computed;
 51 |   margin-bottom: ($line-height-computed / 2);
 52 | 
 53 |   &:first-child {
 54 |     margin-top: 0;
 55 |   }
 56 | 
 57 |   + h1, + .h1,
 58 |   + h2, + .h2,
 59 |   + h3, + .h3 {
 60 |     margin-top: ($line-height-computed / 2);
 61 |   }
 62 | }
 63 | 
 64 | h4, .h4,
 65 | h5, .h5,
 66 | h6, .h6 {
 67 |   margin-top: ($line-height-computed / 2);
 68 |   margin-bottom: ($line-height-computed / 2);
 69 | }
 70 | 
 71 | h1, .h1 { font-size: floor($font-size-base * 2.60); } // ~36px
 72 | h2, .h2 { font-size: floor($font-size-base * 2.15); } // ~30px
 73 | h3, .h3 { font-size: ceil($font-size-base * 1.70); } // ~24px
 74 | h4, .h4 { font-size: ceil($font-size-base * 1.25); } // ~18px
 75 | h5, .h5 { font-size:  $font-size-base; }
 76 | h6, .h6 { font-size: ceil($font-size-base * 0.85); } // ~12px
 77 | 
 78 | h1 small, .h1 small { font-size: ceil($font-size-base * 1.70); } // ~24px
 79 | h2 small, .h2 small { font-size: ceil($font-size-base * 1.25); } // ~18px
 80 | h3 small, .h3 small,
 81 | h4 small, .h4 small { font-size: $font-size-base; }
 82 | 
 83 | 
 84 | // Description Lists
 85 | // -------------------------
 86 | 
 87 | dl {
 88 |   margin-bottom: $line-height-computed;
 89 | }
 90 | dt,
 91 | dd {
 92 |   line-height: $line-height-base;
 93 | }
 94 | dt {
 95 |   font-weight: bold;
 96 | }
 97 | 
 98 | 
 99 | // Blockquotes
100 | // -------------------------
101 | 
102 | blockquote {
103 |   margin: 0 0 $line-height-computed;
104 |   padding: ($line-height-computed / 2) $line-height-computed;
105 |   border-left: 5px solid gray;
106 |   
107 |   p {
108 |     font-weight: 300;
109 |     font-size: ($font-size-base * 1.25);
110 |     line-height: 1.25;
111 |   }
112 |   
113 |   p:last-child {
114 |     margin-bottom: 0;
115 |   }
116 | 
117 |   small {
118 |     display: block;
119 |     line-height: $line-height-base;
120 |     &:before {
121 |       content: '\2014 \00A0';// EM DASH, NBSP;
122 |     }
123 |   }
124 | }
125 | 
126 | 
127 | // Quotes
128 | // -------------------------
129 | 
130 | q:before,
131 | q:after,
132 | blockquote:before,
133 | blockquote:after {
134 |   content: "";
135 | }
136 | 
137 | 
138 | // Addresses
139 | // -------------------------
140 | 
141 | address {
142 |   display: block;
143 |   margin-bottom: $line-height-computed;
144 |   font-style: normal;
145 |   line-height: $line-height-base;
146 | }
147 | 
148 | 
149 | // Links
150 | // -------------------------
151 | 
152 | a.subdued {
153 |   padding-right: 10px;
154 |   color: #888;
155 |   text-decoration: none;
156 | 
157 |   &:hover {
158 |     text-decoration: none;
159 |   }
160 |   &:last-child {
161 |     padding-right: 0;
162 |   }
163 | }
164 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/_util.scss:
--------------------------------------------------------------------------------
  1 | 
  2 | /**
  3 |  * Utility Classes
  4 |  * --------------------------------------------------
  5 |  */
  6 | 
  7 | .hide {
  8 |   display: none;
  9 | }
 10 | .opacity-hide {
 11 |   opacity: 0;
 12 | }
 13 | .grade-b .opacity-hide,
 14 | .grade-c .opacity-hide {
 15 |   opacity: 1;
 16 |   display: none;
 17 | }
 18 | .show {
 19 |   display: block;
 20 | }
 21 | .opacity-show {
 22 |   opacity: 1;
 23 | }
 24 | .invisible {
 25 |   visibility: hidden;
 26 | }
 27 | 
 28 | .keyboard-open .hide-on-keyboard-open {
 29 |   display: none;
 30 | }
 31 | 
 32 | .keyboard-open .tabs.hide-on-keyboard-open + .pane .has-tabs,
 33 | .keyboard-open .bar-footer.hide-on-keyboard-open + .pane .has-footer {
 34 |   bottom: 0;
 35 | }
 36 | 
 37 | .inline {
 38 |   display: inline-block;
 39 | }
 40 | 
 41 | .disable-pointer-events {
 42 |   pointer-events: none;
 43 | }
 44 | 
 45 | .enable-pointer-events {
 46 |   pointer-events: auto;
 47 | }
 48 | 
 49 | .disable-user-behavior {
 50 |   // used to prevent the browser from doing its native behavior. this doesnt
 51 |   // prevent the scrolling, but cancels the contextmenu, tap highlighting, etc
 52 | 
 53 |   @include user-select(none);
 54 |   @include touch-callout(none);
 55 |   @include tap-highlight-transparent();
 56 | 
 57 |   -webkit-user-drag: none;
 58 | 
 59 |   -ms-touch-action: none;
 60 |   -ms-content-zooming: none;
 61 | }
 62 | 
 63 | // Fill the screen to block clicks (a better pointer-events: none) for the body
 64 | // to avoid full-page reflows and paints which can cause flickers
 65 | .click-block {
 66 |   position: absolute;
 67 |   top: 0;
 68 |   left: 0;
 69 |   z-index: $z-index-click-block;
 70 |   width: 100%;
 71 |   height: 100%;
 72 |   opacity: 0;
 73 |   @include translate3d(0, 0, 0);
 74 | }
 75 | .click-block-hide {
 76 |   @include translate3d(-9999px, 0, 0);
 77 | }
 78 | 
 79 | .no-resize {
 80 |   resize: none;
 81 | }
 82 | 
 83 | .block {
 84 |   display: block;
 85 |   clear: both;
 86 |   &:after {
 87 |     display: block;
 88 |     visibility: hidden;
 89 |     clear: both;
 90 |     height: 0;
 91 |     content: ".";
 92 |   }
 93 | }
 94 | 
 95 | .full-image {
 96 |   width: 100%;
 97 | }
 98 | 
 99 | .clearfix {
100 |   *zoom: 1;
101 |   &:before,
102 |   &:after {
103 |     display: table;
104 |     content: "";
105 |     // Fixes Opera/contenteditable bug:
106 |     // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
107 |     line-height: 0;
108 |   }
109 |   &:after {
110 |     clear: both;
111 |   }
112 | }
113 | 
114 | /**
115 |  * Content Padding
116 |  * --------------------------------------------------
117 |  */
118 | 
119 | .padding {
120 |   padding: $content-padding;
121 | }
122 | 
123 | .padding-top,
124 | .padding-vertical {
125 |   padding-top: $content-padding;
126 | }
127 | 
128 | .padding-right,
129 | .padding-horizontal {
130 |   padding-right: $content-padding;
131 | }
132 | 
133 | .padding-bottom,
134 | .padding-vertical {
135 |   padding-bottom: $content-padding;
136 | }
137 | 
138 | .padding-left,
139 | .padding-horizontal {
140 |   padding-left: $content-padding;
141 | }
142 | 
143 | 
144 | /**
145 |  * Rounded
146 |  * --------------------------------------------------
147 |  */
148 | 
149 | .rounded {
150 |   border-radius: $border-radius-base;
151 | }
152 | 
153 | 
154 | /**
155 |  * Utility Colors
156 |  * --------------------------------------------------
157 |  * Utility colors are added to help set a naming convention. You'll
158 |  * notice we purposely do not use words like "red" or "blue", but
159 |  * instead have colors which represent an emotion or generic theme.
160 |  */
161 | 
162 | .light, a.light {
163 |   color: $light;
164 | }
165 | .light-bg {
166 |   background-color: $light;
167 | }
168 | .light-border {
169 |   border-color: $button-light-border;
170 | }
171 | 
172 | .stable, a.stable {
173 |   color: $stable;
174 | }
175 | .stable-bg {
176 |   background-color: $stable;
177 | }
178 | .stable-border {
179 |   border-color: $button-stable-border;
180 | }
181 | 
182 | .positive, a.positive {
183 |   color: $positive;
184 | }
185 | .positive-bg {
186 |   background-color: $positive;
187 | }
188 | .positive-border {
189 |   border-color: $button-positive-border;
190 | }
191 | 
192 | .calm, a.calm {
193 |   color: $calm;
194 | }
195 | .calm-bg {
196 |   background-color: $calm;
197 | }
198 | .calm-border {
199 |   border-color: $button-calm-border;
200 | }
201 | 
202 | .assertive, a.assertive {
203 |   color: $assertive;
204 | }
205 | .assertive-bg {
206 |   background-color: $assertive;
207 | }
208 | .assertive-border {
209 |   border-color: $button-assertive-border;
210 | }
211 | 
212 | .balanced, a.balanced {
213 |   color: $balanced;
214 | }
215 | .balanced-bg {
216 |   background-color: $balanced;
217 | }
218 | .balanced-border {
219 |   border-color: $button-balanced-border;
220 | }
221 | 
222 | .energized, a.energized {
223 |   color: $energized;
224 | }
225 | .energized-bg {
226 |   background-color: $energized;
227 | }
228 | .energized-border {
229 |   border-color: $button-energized-border;
230 | }
231 | 
232 | .royal, a.royal {
233 |   color: $royal;
234 | }
235 | .royal-bg {
236 |   background-color: $royal;
237 | }
238 | .royal-border {
239 |   border-color: $button-royal-border;
240 | }
241 | 
242 | .dark, a.dark {
243 |   color: $dark;
244 | }
245 | .dark-bg {
246 |   background-color: $dark;
247 | }
248 | .dark-border {
249 |   border-color: $button-dark-border;
250 | }
251 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/ionic.scss:
--------------------------------------------------------------------------------
 1 | @charset "UTF-8";
 2 | 
 3 | @import
 4 |   // Ionicons
 5 |   "ionicons/ionicons.scss",
 6 | 
 7 |   // Variables
 8 |   "mixins",
 9 |   "variables",
10 | 
11 |   // Base
12 |   "reset",
13 |   "scaffolding",
14 |   "type",
15 | 
16 |   // Components
17 |   "action-sheet",
18 |   "backdrop",
19 |   "bar",
20 |   "tabs",
21 |   "menu",
22 |   "modal",
23 |   "popover",
24 |   "popup",
25 |   "loading",
26 |   "items",
27 |   "list",
28 |   "badge",
29 |   "slide-box",
30 | 
31 |   // Forms
32 |   "form",
33 |   "checkbox",
34 |   "toggle",
35 |   "radio",
36 |   "range",
37 |   "select",
38 |   "progress",
39 | 
40 |   // Buttons
41 |   "button",
42 |   "button-bar",
43 | 
44 |   // Util
45 |   "grid",
46 |   "util",
47 |   "platform",
48 | 
49 |   // Animations
50 |   "animations",
51 |   "transitions";
52 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/ionicons/_ionicons-animation.scss:
--------------------------------------------------------------------------------
 1 | // Animation Icons
 2 | // --------------------------
 3 | 
 4 | .#{$ionicons-prefix}spin {
 5 |   -webkit-animation: spin 1s infinite linear;
 6 |   -moz-animation: spin 1s infinite linear;
 7 |   -o-animation: spin 1s infinite linear;
 8 |   animation: spin 1s infinite linear;
 9 | }
10 | 
11 | @-moz-keyframes spin {
12 |   0% { -moz-transform: rotate(0deg); }
13 |   100% { -moz-transform: rotate(359deg); }
14 | }
15 | @-webkit-keyframes spin {
16 |   0% { -webkit-transform: rotate(0deg); }
17 |   100% { -webkit-transform: rotate(359deg); }
18 | }
19 | @-o-keyframes spin {
20 |   0% { -o-transform: rotate(0deg); }
21 |   100% { -o-transform: rotate(359deg); }
22 | }
23 | @-ms-keyframes spin {
24 |   0% { -ms-transform: rotate(0deg); }
25 |   100% { -ms-transform: rotate(359deg); }
26 | }
27 | @keyframes spin {
28 |   0% { transform: rotate(0deg); }
29 |   100% { transform: rotate(359deg); }
30 | }
31 | 
32 | 
33 | .#{$ionicons-prefix}loading-a,
34 | .#{$ionicons-prefix}loading-b,
35 | .#{$ionicons-prefix}loading-c,
36 | .#{$ionicons-prefix}loading-d,
37 | .#{$ionicons-prefix}looping,
38 | .#{$ionicons-prefix}refreshing,
39 | .#{$ionicons-prefix}ios7-reloading {
40 |   @extend .ion;
41 |   // must spin entire element for android 4.3 and below
42 |   @extend .#{$ionicons-prefix}spin;
43 | }
44 | 
45 | .#{$ionicons-prefix}loading-a {
46 |   -webkit-animation-timing-function: steps(8, start);
47 |   -moz-animation-timing-function: steps(8, start);
48 |   animation-timing-function: steps(8, start);
49 | }
50 | 
51 | .#{$ionicons-prefix}loading-a:before { 
52 |   @extend .#{$ionicons-prefix}load-a:before;
53 | }
54 | 
55 | .#{$ionicons-prefix}loading-b:before { 
56 |   @extend .#{$ionicons-prefix}load-b:before;
57 | }
58 | 
59 | .#{$ionicons-prefix}loading-c:before { 
60 |   @extend .#{$ionicons-prefix}load-c:before;
61 | }
62 | 
63 | .#{$ionicons-prefix}loading-d:before { 
64 |   @extend .#{$ionicons-prefix}load-d:before;
65 | }
66 | 
67 | .#{$ionicons-prefix}looping:before { 
68 |   @extend .#{$ionicons-prefix}loop:before;
69 | }
70 | 
71 | .#{$ionicons-prefix}refreshing:before { 
72 |   @extend .#{$ionicons-prefix}refresh:before;
73 | }
74 | 
75 | .#{$ionicons-prefix}ios7-reloading:before { 
76 |   @extend .#{$ionicons-prefix}ios7-reload:before;
77 | }
78 | 


--------------------------------------------------------------------------------
/www/lib/ionic/scss/ionicons/_ionicons-font.scss:
--------------------------------------------------------------------------------
 1 | // Ionicons Font Path
 2 | // --------------------------
 3 | 
 4 | @font-face {
 5 |  font-family: $ionicons-font-family;
 6 |  src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}");
 7 |  src:url("#{$ionicons-font-path}/ionicons.eot?v=#{$ionicons-version}#iefix") format("embedded-opentype"),
 8 |   url("#{$ionicons-font-path}/ionicons.ttf?v=#{$ionicons-version}") format("truetype"),
 9 |   url("#{$ionicons-font-path}/ionicons.woff?v=#{$ionicons-version}") format("woff"),
10 |   url("#{$ionicons-font-path}/ionicons.svg?v=#{$ionicons-version}#Ionicons") format("svg");
11 |  font-weight: normal;
12 |  font-style: normal;
13 | }
14 | 
15 | .ion {
16 |   display: inline-block;
17 |   font-family: $ionicons-font-family;
18 |   speak: none;
19 |   font-style: normal;
20 |   font-weight: normal;
21 |   font-variant: normal;
22 |   text-transform: none;
23 |   text-rendering: auto;
24 |   line-height: 1;
25 |   -webkit-font-smoothing: antialiased;
26 |   -moz-osx-font-smoothing: grayscale;
27 | }


--------------------------------------------------------------------------------
/www/lib/ionic/scss/ionicons/_ionicons-variables.scss:
--------------------------------------------------------------------------------
  1 | // Ionicons Variables
  2 | // --------------------------
  3 | 
  4 | $ionicons-font-path: "../fonts" !default;
  5 | $ionicons-font-family: "Ionicons" !default;
  6 | $ionicons-version: "1.5.2" !default;
  7 | $ionicons-prefix: ion- !default;
  8 | 
  9 | $ionicon-var-alert: "\f101";
 10 | $ionicon-var-alert-circled: "\f100";
 11 | $ionicon-var-android-add: "\f2c7";
 12 | $ionicon-var-android-add-contact: "\f2c6";
 13 | $ionicon-var-android-alarm: "\f2c8";
 14 | $ionicon-var-android-archive: "\f2c9";
 15 | $ionicon-var-android-arrow-back: "\f2ca";
 16 | $ionicon-var-android-arrow-down-left: "\f2cb";
 17 | $ionicon-var-android-arrow-down-right: "\f2cc";
 18 | $ionicon-var-android-arrow-forward: "\f30f";
 19 | $ionicon-var-android-arrow-up-left: "\f2cd";
 20 | $ionicon-var-android-arrow-up-right: "\f2ce";
 21 | $ionicon-var-android-battery: "\f2cf";
 22 | $ionicon-var-android-book: "\f2d0";
 23 | $ionicon-var-android-calendar: "\f2d1";
 24 | $ionicon-var-android-call: "\f2d2";
 25 | $ionicon-var-android-camera: "\f2d3";
 26 | $ionicon-var-android-chat: "\f2d4";
 27 | $ionicon-var-android-checkmark: "\f2d5";
 28 | $ionicon-var-android-clock: "\f2d6";
 29 | $ionicon-var-android-close: "\f2d7";
 30 | $ionicon-var-android-contact: "\f2d8";
 31 | $ionicon-var-android-contacts: "\f2d9";
 32 | $ionicon-var-android-data: "\f2da";
 33 | $ionicon-var-android-developer: "\f2db";
 34 | $ionicon-var-android-display: "\f2dc";
 35 | $ionicon-var-android-download: "\f2dd";
 36 | $ionicon-var-android-drawer: "\f310";
 37 | $ionicon-var-android-dropdown: "\f2de";
 38 | $ionicon-var-android-earth: "\f2df";
 39 | $ionicon-var-android-folder: "\f2e0";
 40 | $ionicon-var-android-forums: "\f2e1";
 41 | $ionicon-var-android-friends: "\f2e2";
 42 | $ionicon-var-android-hand: "\f2e3";
 43 | $ionicon-var-android-image: "\f2e4";
 44 | $ionicon-var-android-inbox: "\f2e5";
 45 | $ionicon-var-android-information: "\f2e6";
 46 | $ionicon-var-android-keypad: "\f2e7";
 47 | $ionicon-var-android-lightbulb: "\f2e8";
 48 | $ionicon-var-android-locate: "\f2e9";
 49 | $ionicon-var-android-location: "\f2ea";
 50 | $ionicon-var-android-mail: "\f2eb";
 51 | $ionicon-var-android-microphone: "\f2ec";
 52 | $ionicon-var-android-mixer: "\f2ed";
 53 | $ionicon-var-android-more: "\f2ee";
 54 | $ionicon-var-android-note: "\f2ef";
 55 | $ionicon-var-android-playstore: "\f2f0";
 56 | $ionicon-var-android-printer: "\f2f1";
 57 | $ionicon-var-android-promotion: "\f2f2";
 58 | $ionicon-var-android-reminder: "\f2f3";
 59 | $ionicon-var-android-remove: "\f2f4";
 60 | $ionicon-var-android-search: "\f2f5";
 61 | $ionicon-var-android-send: "\f2f6";
 62 | $ionicon-var-android-settings: "\f2f7";
 63 | $ionicon-var-android-share: "\f2f8";
 64 | $ionicon-var-android-social: "\f2fa";
 65 | $ionicon-var-android-social-user: "\f2f9";
 66 | $ionicon-var-android-sort: "\f2fb";
 67 | $ionicon-var-android-stair-drawer: "\f311";
 68 | $ionicon-var-android-star: "\f2fc";
 69 | $ionicon-var-android-stopwatch: "\f2fd";
 70 | $ionicon-var-android-storage: "\f2fe";
 71 | $ionicon-var-android-system-back: "\f2ff";
 72 | $ionicon-var-android-system-home: "\f300";
 73 | $ionicon-var-android-system-windows: "\f301";
 74 | $ionicon-var-android-timer: "\f302";
 75 | $ionicon-var-android-trash: "\f303";
 76 | $ionicon-var-android-user-menu: "\f312";
 77 | $ionicon-var-android-volume: "\f304";
 78 | $ionicon-var-android-wifi: "\f305";
 79 | $ionicon-var-aperture: "\f313";
 80 | $ionicon-var-archive: "\f102";
 81 | $ionicon-var-arrow-down-a: "\f103";
 82 | $ionicon-var-arrow-down-b: "\f104";
 83 | $ionicon-var-arrow-down-c: "\f105";
 84 | $ionicon-var-arrow-expand: "\f25e";
 85 | $ionicon-var-arrow-graph-down-left: "\f25f";
 86 | $ionicon-var-arrow-graph-down-right: "\f260";
 87 | $ionicon-var-arrow-graph-up-left: "\f261";
 88 | $ionicon-var-arrow-graph-up-right: "\f262";
 89 | $ionicon-var-arrow-left-a: "\f106";
 90 | $ionicon-var-arrow-left-b: "\f107";
 91 | $ionicon-var-arrow-left-c: "\f108";
 92 | $ionicon-var-arrow-move: "\f263";
 93 | $ionicon-var-arrow-resize: "\f264";
 94 | $ionicon-var-arrow-return-left: "\f265";
 95 | $ionicon-var-arrow-return-right: "\f266";
 96 | $ionicon-var-arrow-right-a: "\f109";
 97 | $ionicon-var-arrow-right-b: "\f10a";
 98 | $ionicon-var-arrow-right-c: "\f10b";
 99 | $ionicon-var-arrow-shrink: "\f267";
100 | $ionicon-var-arrow-swap: "\f268";
101 | $ionicon-var-arrow-up-a: "\f10c";
102 | $ionicon-var-arrow-up-b: "\f10d";
103 | $ionicon-var-arrow-up-c: "\f10e";
104 | $ionicon-var-asterisk: "\f314";
105 | $ionicon-var-at: "\f10f";
106 | $ionicon-var-bag: "\f110";
107 | $ionicon-var-battery-charging: "\f111";
108 | $ionicon-var-battery-empty: "\f112";
109 | $ionicon-var-battery-full: "\f113";
110 | $ionicon-var-battery-half: "\f114";
111 | $ionicon-var-battery-low: "\f115";
112 | $ionicon-var-beaker: "\f269";
113 | $ionicon-var-beer: "\f26a";
114 | $ionicon-var-bluetooth: "\f116";
115 | $ionicon-var-bonfire: "\f315";
116 | $ionicon-var-bookmark: "\f26b";
117 | $ionicon-var-briefcase: "\f26c";
118 | $ionicon-var-bug: "\f2be";
119 | $ionicon-var-calculator: "\f26d";
120 | $ionicon-var-calendar: "\f117";
121 | $ionicon-var-camera: "\f118";
122 | $ionicon-var-card: "\f119";
123 | $ionicon-var-cash: "\f316";
124 | $ionicon-var-chatbox: "\f11b";
125 | $ionicon-var-chatbox-working: "\f11a";
126 | $ionicon-var-chatboxes: "\f11c";
127 | $ionicon-var-chatbubble: "\f11e";
128 | $ionicon-var-chatbubble-working: "\f11d";
129 | $ionicon-var-chatbubbles: "\f11f";
130 | $ionicon-var-checkmark: "\f122";
131 | $ionicon-var-checkmark-circled: "\f120";
132 | $ionicon-var-checkmark-round: "\f121";
133 | $ionicon-var-chevron-down: "\f123";
134 | $ionicon-var-chevron-left: "\f124";
135 | $ionicon-var-chevron-right: "\f125";
136 | $ionicon-var-chevron-up: "\f126";
137 | $ionicon-var-clipboard: "\f127";
138 | $ionicon-var-clock: "\f26e";
139 | $ionicon-var-close: "\f12a";
140 | $ionicon-var-close-circled: "\f128";
141 | $ionicon-var-close-round: "\f129";
142 | $ionicon-var-closed-captioning: "\f317";
143 | $ionicon-var-cloud: "\f12b";
144 | $ionicon-var-code: "\f271";
145 | $ionicon-var-code-download: "\f26f";
146 | $ionicon-var-code-working: "\f270";
147 | $ionicon-var-coffee: "\f272";
148 | $ionicon-var-compass: "\f273";
149 | $ionicon-var-compose: "\f12c";
150 | $ionicon-var-connection-bars: "\f274";
151 | $ionicon-var-contrast: "\f275";
152 | $ionicon-var-cube: "\f318";
153 | $ionicon-var-disc: "\f12d";
154 | $ionicon-var-document: "\f12f";
155 | $ionicon-var-document-text: "\f12e";
156 | $ionicon-var-drag: "\f130";
157 | $ionicon-var-earth: "\f276";
158 | $ionicon-var-edit: "\f2bf";
159 | $ionicon-var-egg: "\f277";
160 | $ionicon-var-eject: "\f131";
161 | $ionicon-var-email: "\f132";
162 | $ionicon-var-eye: "\f133";
163 | $ionicon-var-eye-disabled: "\f306";
164 | $ionicon-var-female: "\f278";
165 | $ionicon-var-filing: "\f134";
166 | $ionicon-var-film-marker: "\f135";
167 | $ionicon-var-fireball: "\f319";
168 | $ionicon-var-flag: "\f279";
169 | $ionicon-var-flame: "\f31a";
170 | $ionicon-var-flash: "\f137";
171 | $ionicon-var-flash-off: "\f136";
172 | $ionicon-var-flask: "\f138";
173 | $ionicon-var-folder: "\f139";
174 | $ionicon-var-fork: "\f27a";
175 | $ionicon-var-fork-repo: "\f2c0";
176 | $ionicon-var-forward: "\f13a";
177 | $ionicon-var-funnel: "\f31b";
178 | $ionicon-var-game-controller-a: "\f13b";
179 | $ionicon-var-game-controller-b: "\f13c";
180 | $ionicon-var-gear-a: "\f13d";
181 | $ionicon-var-gear-b: "\f13e";
182 | $ionicon-var-grid: "\f13f";
183 | $ionicon-var-hammer: "\f27b";
184 | $ionicon-var-happy: "\f31c";
185 | $ionicon-var-headphone: "\f140";
186 | $ionicon-var-heart: "\f141";
187 | $ionicon-var-heart-broken: "\f31d";
188 | $ionicon-var-help: "\f143";
189 | $ionicon-var-help-buoy: "\f27c";
190 | $ionicon-var-help-circled: "\f142";
191 | $ionicon-var-home: "\f144";
192 | $ionicon-var-icecream: "\f27d";
193 | $ionicon-var-icon-social-google-plus: "\f146";
194 | $ionicon-var-icon-social-google-plus-outline: "\f145";
195 | $ionicon-var-image: "\f147";
196 | $ionicon-var-images: "\f148";
197 | $ionicon-var-information: "\f14a";
198 | $ionicon-var-information-circled: "\f149";
199 | $ionicon-var-ionic: "\f14b";
200 | $ionicon-var-ios7-alarm: "\f14d";
201 | $ionicon-var-ios7-alarm-outline: "\f14c";
202 | $ionicon-var-ios7-albums: "\f14f";
203 | $ionicon-var-ios7-albums-outline: "\f14e";
204 | $ionicon-var-ios7-americanfootball: "\f31f";
205 | $ionicon-var-ios7-americanfootball-outline: "\f31e";
206 | $ionicon-var-ios7-analytics: "\f321";
207 | $ionicon-var-ios7-analytics-outline: "\f320";
208 | $ionicon-var-ios7-arrow-back: "\f150";
209 | $ionicon-var-ios7-arrow-down: "\f151";
210 | $ionicon-var-ios7-arrow-forward: "\f152";
211 | $ionicon-var-ios7-arrow-left: "\f153";
212 | $ionicon-var-ios7-arrow-right: "\f154";
213 | $ionicon-var-ios7-arrow-thin-down: "\f27e";
214 | $ionicon-var-ios7-arrow-thin-left: "\f27f";
215 | $ionicon-var-ios7-arrow-thin-right: "\f280";
216 | $ionicon-var-ios7-arrow-thin-up: "\f281";
217 | $ionicon-var-ios7-arrow-up: "\f155";
218 | $ionicon-var-ios7-at: "\f157";
219 | $ionicon-var-ios7-at-outline: "\f156";
220 | $ionicon-var-ios7-barcode: "\f323";
221 | $ionicon-var-ios7-barcode-outline: "\f322";
222 | $ionicon-var-ios7-baseball: "\f325";
223 | $ionicon-var-ios7-baseball-outline: "\f324";
224 | $ionicon-var-ios7-basketball: "\f327";
225 | $ionicon-var-ios7-basketball-outline: "\f326";
226 | $ionicon-var-ios7-bell: "\f159";
227 | $ionicon-var-ios7-bell-outline: "\f158";
228 | $ionicon-var-ios7-bolt: "\f15b";
229 | $ionicon-var-ios7-bolt-outline: "\f15a";
230 | $ionicon-var-ios7-bookmarks: "\f15d";
231 | $ionicon-var-ios7-bookmarks-outline: "\f15c";
232 | $ionicon-var-ios7-box: "\f15f";
233 | $ionicon-var-ios7-box-outline: "\f15e";
234 | $ionicon-var-ios7-briefcase: "\f283";
235 | $ionicon-var-ios7-briefcase-outline: "\f282";
236 | $ionicon-var-ios7-browsers: "\f161";
237 | $ionicon-var-ios7-browsers-outline: "\f160";
238 | $ionicon-var-ios7-calculator: "\f285";
239 | $ionicon-var-ios7-calculator-outline: "\f284";
240 | $ionicon-var-ios7-calendar: "\f163";
241 | $ionicon-var-ios7-calendar-outline: "\f162";
242 | $ionicon-var-ios7-camera: "\f165";
243 | $ionicon-var-ios7-camera-outline: "\f164";
244 | $ionicon-var-ios7-cart: "\f167";
245 | $ionicon-var-ios7-cart-outline: "\f166";
246 | $ionicon-var-ios7-chatboxes: "\f169";
247 | $ionicon-var-ios7-chatboxes-outline: "\f168";
248 | $ionicon-var-ios7-chatbubble: "\f16b";
249 | $ionicon-var-ios7-chatbubble-outline: "\f16a";
250 | $ionicon-var-ios7-checkmark: "\f16e";
251 | $ionicon-var-ios7-checkmark-empty: "\f16c";
252 | $ionicon-var-ios7-checkmark-outline: "\f16d";
253 | $ionicon-var-ios7-circle-filled: "\f16f";
254 | $ionicon-var-ios7-circle-outline: "\f170";
255 | $ionicon-var-ios7-clock: "\f172";
256 | $ionicon-var-ios7-clock-outline: "\f171";
257 | $ionicon-var-ios7-close: "\f2bc";
258 | $ionicon-var-ios7-close-empty: "\f2bd";
259 | $ionicon-var-ios7-close-outline: "\f2bb";
260 | $ionicon-var-ios7-cloud: "\f178";
261 | $ionicon-var-ios7-cloud-download: "\f174";
262 | $ionicon-var-ios7-cloud-download-outline: "\f173";
263 | $ionicon-var-ios7-cloud-outline: "\f175";
264 | $ionicon-var-ios7-cloud-upload: "\f177";
265 | $ionicon-var-ios7-cloud-upload-outline: "\f176";
266 | $ionicon-var-ios7-cloudy: "\f17a";
267 | $ionicon-var-ios7-cloudy-night: "\f308";
268 | $ionicon-var-ios7-cloudy-night-outline: "\f307";
269 | $ionicon-var-ios7-cloudy-outline: "\f179";
270 | $ionicon-var-ios7-cog: "\f17c";
271 | $ionicon-var-ios7-cog-outline: "\f17b";
272 | $ionicon-var-ios7-compose: "\f17e";
273 | $ionicon-var-ios7-compose-outline: "\f17d";
274 | $ionicon-var-ios7-contact: "\f180";
275 | $ionicon-var-ios7-contact-outline: "\f17f";
276 | $ionicon-var-ios7-copy: "\f182";
277 | $ionicon-var-ios7-copy-outline: "\f181";
278 | $ionicon-var-ios7-download: "\f184";
279 | $ionicon-var-ios7-download-outline: "\f183";
280 | $ionicon-var-ios7-drag: "\f185";
281 | $ionicon-var-ios7-email: "\f187";
282 | $ionicon-var-ios7-email-outline: "\f186";
283 | $ionicon-var-ios7-expand: "\f30d";
284 | $ionicon-var-ios7-eye: "\f189";
285 | $ionicon-var-ios7-eye-outline: "\f188";
286 | $ionicon-var-ios7-fastforward: "\f18b";
287 | $ionicon-var-ios7-fastforward-outline: "\f18a";
288 | $ionicon-var-ios7-filing: "\f18d";
289 | $ionicon-var-ios7-filing-outline: "\f18c";
290 | $ionicon-var-ios7-film: "\f18f";
291 | $ionicon-var-ios7-film-outline: "\f18e";
292 | $ionicon-var-ios7-flag: "\f191";
293 | $ionicon-var-ios7-flag-outline: "\f190";
294 | $ionicon-var-ios7-folder: "\f193";
295 | $ionicon-var-ios7-folder-outline: "\f192";
296 | $ionicon-var-ios7-football: "\f329";
297 | $ionicon-var-ios7-football-outline: "\f328";
298 | $ionicon-var-ios7-gear: "\f195";
299 | $ionicon-var-ios7-gear-outline: "\f194";
300 | $ionicon-var-ios7-glasses: "\f197";
301 | $ionicon-var-ios7-glasses-outline: "\f196";
302 | $ionicon-var-ios7-heart: "\f199";
303 | $ionicon-var-ios7-heart-outline: "\f198";
304 | $ionicon-var-ios7-help: "\f19c";
305 | $ionicon-var-ios7-help-empty: "\f19a";
306 | $ionicon-var-ios7-help-outline: "\f19b";
307 | $ionicon-var-ios7-home: "\f32b";
308 | $ionicon-var-ios7-home-outline: "\f32a";
309 | $ionicon-var-ios7-infinite: "\f19e";
310 | $ionicon-var-ios7-infinite-outline: "\f19d";
311 | $ionicon-var-ios7-information: "\f1a1";
312 | $ionicon-var-ios7-information-empty: "\f19f";
313 | $ionicon-var-ios7-information-outline: "\f1a0";
314 | $ionicon-var-ios7-ionic-outline: "\f1a2";
315 | $ionicon-var-ios7-keypad: "\f1a4";
316 | $ionicon-var-ios7-keypad-outline: "\f1a3";
317 | $ionicon-var-ios7-lightbulb: "\f287";
318 | $ionicon-var-ios7-lightbulb-outline: "\f286";
319 | $ionicon-var-ios7-location: "\f1a6";
320 | $ionicon-var-ios7-location-outline: "\f1a5";
321 | $ionicon-var-ios7-locked: "\f1a8";
322 | $ionicon-var-ios7-locked-outline: "\f1a7";
323 | $ionicon-var-ios7-loop: "\f32d";
324 | $ionicon-var-ios7-loop-strong: "\f32c";
325 | $ionicon-var-ios7-medkit: "\f289";
326 | $ionicon-var-ios7-medkit-outline: "\f288";
327 | $ionicon-var-ios7-mic: "\f1ab";
328 | $ionicon-var-ios7-mic-off: "\f1a9";
329 | $ionicon-var-ios7-mic-outline: "\f1aa";
330 | $ionicon-var-ios7-minus: "\f1ae";
331 | $ionicon-var-ios7-minus-empty: "\f1ac";
332 | $ionicon-var-ios7-minus-outline: "\f1ad";
333 | $ionicon-var-ios7-monitor: "\f1b0";
334 | $ionicon-var-ios7-monitor-outline: "\f1af";
335 | $ionicon-var-ios7-moon: "\f1b2";
336 | $ionicon-var-ios7-moon-outline: "\f1b1";
337 | $ionicon-var-ios7-more: "\f1b4";
338 | $ionicon-var-ios7-more-outline: "\f1b3";
339 | $ionicon-var-ios7-musical-note: "\f1b5";
340 | $ionicon-var-ios7-musical-notes: "\f1b6";
341 | $ionicon-var-ios7-navigate: "\f1b8";
342 | $ionicon-var-ios7-navigate-outline: "\f1b7";
343 | $ionicon-var-ios7-paper: "\f32f";
344 | $ionicon-var-ios7-paper-outline: "\f32e";
345 | $ionicon-var-ios7-paperplane: "\f1ba";
346 | $ionicon-var-ios7-paperplane-outline: "\f1b9";
347 | $ionicon-var-ios7-partlysunny: "\f1bc";
348 | $ionicon-var-ios7-partlysunny-outline: "\f1bb";
349 | $ionicon-var-ios7-pause: "\f1be";
350 | $ionicon-var-ios7-pause-outline: "\f1bd";
351 | $ionicon-var-ios7-paw: "\f331";
352 | $ionicon-var-ios7-paw-outline: "\f330";
353 | $ionicon-var-ios7-people: "\f1c0";
354 | $ionicon-var-ios7-people-outline: "\f1bf";
355 | $ionicon-var-ios7-person: "\f1c2";
356 | $ionicon-var-ios7-person-outline: "\f1c1";
357 | $ionicon-var-ios7-personadd: "\f1c4";
358 | $ionicon-var-ios7-personadd-outline: "\f1c3";
359 | $ionicon-var-ios7-photos: "\f1c6";
360 | $ionicon-var-ios7-photos-outline: "\f1c5";
361 | $ionicon-var-ios7-pie: "\f28b";
362 | $ionicon-var-ios7-pie-outline: "\f28a";
363 | $ionicon-var-ios7-play: "\f1c8";
364 | $ionicon-var-ios7-play-outline: "\f1c7";
365 | $ionicon-var-ios7-plus: "\f1cb";
366 | $ionicon-var-ios7-plus-empty: "\f1c9";
367 | $ionicon-var-ios7-plus-outline: "\f1ca";
368 | $ionicon-var-ios7-pricetag: "\f28d";
369 | $ionicon-var-ios7-pricetag-outline: "\f28c";
370 | $ionicon-var-ios7-pricetags: "\f333";
371 | $ionicon-var-ios7-pricetags-outline: "\f332";
372 | $ionicon-var-ios7-printer: "\f1cd";
373 | $ionicon-var-ios7-printer-outline: "\f1cc";
374 | $ionicon-var-ios7-pulse: "\f335";
375 | $ionicon-var-ios7-pulse-strong: "\f334";
376 | $ionicon-var-ios7-rainy: "\f1cf";
377 | $ionicon-var-ios7-rainy-outline: "\f1ce";
378 | $ionicon-var-ios7-recording: "\f1d1";
379 | $ionicon-var-ios7-recording-outline: "\f1d0";
380 | $ionicon-var-ios7-redo: "\f1d3";
381 | $ionicon-var-ios7-redo-outline: "\f1d2";
382 | $ionicon-var-ios7-refresh: "\f1d6";
383 | $ionicon-var-ios7-refresh-empty: "\f1d4";
384 | $ionicon-var-ios7-refresh-outline: "\f1d5";
385 | $ionicon-var-ios7-reload: "\f28e";
386 | $ionicon-var-ios7-reverse-camera: "\f337";
387 | $ionicon-var-ios7-reverse-camera-outline: "\f336";
388 | $ionicon-var-ios7-rewind: "\f1d8";
389 | $ionicon-var-ios7-rewind-outline: "\f1d7";
390 | $ionicon-var-ios7-search: "\f1da";
391 | $ionicon-var-ios7-search-strong: "\f1d9";
392 | $ionicon-var-ios7-settings: "\f339";
393 | $ionicon-var-ios7-settings-strong: "\f338";
394 | $ionicon-var-ios7-shrink: "\f30e";
395 | $ionicon-var-ios7-skipbackward: "\f1dc";
396 | $ionicon-var-ios7-skipbackward-outline: "\f1db";
397 | $ionicon-var-ios7-skipforward: "\f1de";
398 | $ionicon-var-ios7-skipforward-outline: "\f1dd";
399 | $ionicon-var-ios7-snowy: "\f309";
400 | $ionicon-var-ios7-speedometer: "\f290";
401 | $ionicon-var-ios7-speedometer-outline: "\f28f";
402 | $ionicon-var-ios7-star: "\f1e0";
403 | $ionicon-var-ios7-star-half: "\f33a";
404 | $ionicon-var-ios7-star-outline: "\f1df";
405 | $ionicon-var-ios7-stopwatch: "\f1e2";
406 | $ionicon-var-ios7-stopwatch-outline: "\f1e1";
407 | $ionicon-var-ios7-sunny: "\f1e4";
408 | $ionicon-var-ios7-sunny-outline: "\f1e3";
409 | $ionicon-var-ios7-telephone: "\f1e6";
410 | $ionicon-var-ios7-telephone-outline: "\f1e5";
411 | $ionicon-var-ios7-tennisball: "\f33c";
412 | $ionicon-var-ios7-tennisball-outline: "\f33b";
413 | $ionicon-var-ios7-thunderstorm: "\f1e8";
414 | $ionicon-var-ios7-thunderstorm-outline: "\f1e7";
415 | $ionicon-var-ios7-time: "\f292";
416 | $ionicon-var-ios7-time-outline: "\f291";
417 | $ionicon-var-ios7-timer: "\f1ea";
418 | $ionicon-var-ios7-timer-outline: "\f1e9";
419 | $ionicon-var-ios7-toggle: "\f33e";
420 | $ionicon-var-ios7-toggle-outline: "\f33d";
421 | $ionicon-var-ios7-trash: "\f1ec";
422 | $ionicon-var-ios7-trash-outline: "\f1eb";
423 | $ionicon-var-ios7-undo: "\f1ee";
424 | $ionicon-var-ios7-undo-outline: "\f1ed";
425 | $ionicon-var-ios7-unlocked: "\f1f0";
426 | $ionicon-var-ios7-unlocked-outline: "\f1ef";
427 | $ionicon-var-ios7-upload: "\f1f2";
428 | $ionicon-var-ios7-upload-outline: "\f1f1";
429 | $ionicon-var-ios7-videocam: "\f1f4";
430 | $ionicon-var-ios7-videocam-outline: "\f1f3";
431 | $ionicon-var-ios7-volume-high: "\f1f5";
432 | $ionicon-var-ios7-volume-low: "\f1f6";
433 | $ionicon-var-ios7-wineglass: "\f294";
434 | $ionicon-var-ios7-wineglass-outline: "\f293";
435 | $ionicon-var-ios7-world: "\f1f8";
436 | $ionicon-var-ios7-world-outline: "\f1f7";
437 | $ionicon-var-ipad: "\f1f9";
438 | $ionicon-var-iphone: "\f1fa";
439 | $ionicon-var-ipod: "\f1fb";
440 | $ionicon-var-jet: "\f295";
441 | $ionicon-var-key: "\f296";
442 | $ionicon-var-knife: "\f297";
443 | $ionicon-var-laptop: "\f1fc";
444 | $ionicon-var-leaf: "\f1fd";
445 | $ionicon-var-levels: "\f298";
446 | $ionicon-var-lightbulb: "\f299";
447 | $ionicon-var-link: "\f1fe";
448 | $ionicon-var-load-a: "\f29a";
449 | $ionicon-var-load-b: "\f29b";
450 | $ionicon-var-load-c: "\f29c";
451 | $ionicon-var-load-d: "\f29d";
452 | $ionicon-var-location: "\f1ff";
453 | $ionicon-var-locked: "\f200";
454 | $ionicon-var-log-in: "\f29e";
455 | $ionicon-var-log-out: "\f29f";
456 | $ionicon-var-loop: "\f201";
457 | $ionicon-var-magnet: "\f2a0";
458 | $ionicon-var-male: "\f2a1";
459 | $ionicon-var-man: "\f202";
460 | $ionicon-var-map: "\f203";
461 | $ionicon-var-medkit: "\f2a2";
462 | $ionicon-var-merge: "\f33f";
463 | $ionicon-var-mic-a: "\f204";
464 | $ionicon-var-mic-b: "\f205";
465 | $ionicon-var-mic-c: "\f206";
466 | $ionicon-var-minus: "\f209";
467 | $ionicon-var-minus-circled: "\f207";
468 | $ionicon-var-minus-round: "\f208";
469 | $ionicon-var-model-s: "\f2c1";
470 | $ionicon-var-monitor: "\f20a";
471 | $ionicon-var-more: "\f20b";
472 | $ionicon-var-mouse: "\f340";
473 | $ionicon-var-music-note: "\f20c";
474 | $ionicon-var-navicon: "\f20e";
475 | $ionicon-var-navicon-round: "\f20d";
476 | $ionicon-var-navigate: "\f2a3";
477 | $ionicon-var-network: "\f341";
478 | $ionicon-var-no-smoking: "\f2c2";
479 | $ionicon-var-nuclear: "\f2a4";
480 | $ionicon-var-outlet: "\f342";
481 | $ionicon-var-paper-airplane: "\f2c3";
482 | $ionicon-var-paperclip: "\f20f";
483 | $ionicon-var-pause: "\f210";
484 | $ionicon-var-person: "\f213";
485 | $ionicon-var-person-add: "\f211";
486 | $ionicon-var-person-stalker: "\f212";
487 | $ionicon-var-pie-graph: "\f2a5";
488 | $ionicon-var-pin: "\f2a6";
489 | $ionicon-var-pinpoint: "\f2a7";
490 | $ionicon-var-pizza: "\f2a8";
491 | $ionicon-var-plane: "\f214";
492 | $ionicon-var-planet: "\f343";
493 | $ionicon-var-play: "\f215";
494 | $ionicon-var-playstation: "\f30a";
495 | $ionicon-var-plus: "\f218";
496 | $ionicon-var-plus-circled: "\f216";
497 | $ionicon-var-plus-round: "\f217";
498 | $ionicon-var-podium: "\f344";
499 | $ionicon-var-pound: "\f219";
500 | $ionicon-var-power: "\f2a9";
501 | $ionicon-var-pricetag: "\f2aa";
502 | $ionicon-var-pricetags: "\f2ab";
503 | $ionicon-var-printer: "\f21a";
504 | $ionicon-var-pull-request: "\f345";
505 | $ionicon-var-qr-scanner: "\f346";
506 | $ionicon-var-quote: "\f347";
507 | $ionicon-var-radio-waves: "\f2ac";
508 | $ionicon-var-record: "\f21b";
509 | $ionicon-var-refresh: "\f21c";
510 | $ionicon-var-reply: "\f21e";
511 | $ionicon-var-reply-all: "\f21d";
512 | $ionicon-var-ribbon-a: "\f348";
513 | $ionicon-var-ribbon-b: "\f349";
514 | $ionicon-var-sad: "\f34a";
515 | $ionicon-var-scissors: "\f34b";
516 | $ionicon-var-search: "\f21f";
517 | $ionicon-var-settings: "\f2ad";
518 | $ionicon-var-share: "\f220";
519 | $ionicon-var-shuffle: "\f221";
520 | $ionicon-var-skip-backward: "\f222";
521 | $ionicon-var-skip-forward: "\f223";
522 | $ionicon-var-social-android: "\f225";
523 | $ionicon-var-social-android-outline: "\f224";
524 | $ionicon-var-social-apple: "\f227";
525 | $ionicon-var-social-apple-outline: "\f226";
526 | $ionicon-var-social-bitcoin: "\f2af";
527 | $ionicon-var-social-bitcoin-outline: "\f2ae";
528 | $ionicon-var-social-buffer: "\f229";
529 | $ionicon-var-social-buffer-outline: "\f228";
530 | $ionicon-var-social-designernews: "\f22b";
531 | $ionicon-var-social-designernews-outline: "\f22a";
532 | $ionicon-var-social-dribbble: "\f22d";
533 | $ionicon-var-social-dribbble-outline: "\f22c";
534 | $ionicon-var-social-dropbox: "\f22f";
535 | $ionicon-var-social-dropbox-outline: "\f22e";
536 | $ionicon-var-social-facebook: "\f231";
537 | $ionicon-var-social-facebook-outline: "\f230";
538 | $ionicon-var-social-foursquare: "\f34d";
539 | $ionicon-var-social-foursquare-outline: "\f34c";
540 | $ionicon-var-social-freebsd-devil: "\f2c4";
541 | $ionicon-var-social-github: "\f233";
542 | $ionicon-var-social-github-outline: "\f232";
543 | $ionicon-var-social-google: "\f34f";
544 | $ionicon-var-social-google-outline: "\f34e";
545 | $ionicon-var-social-googleplus: "\f235";
546 | $ionicon-var-social-googleplus-outline: "\f234";
547 | $ionicon-var-social-hackernews: "\f237";
548 | $ionicon-var-social-hackernews-outline: "\f236";
549 | $ionicon-var-social-instagram: "\f351";
550 | $ionicon-var-social-instagram-outline: "\f350";
551 | $ionicon-var-social-linkedin: "\f239";
552 | $ionicon-var-social-linkedin-outline: "\f238";
553 | $ionicon-var-social-pinterest: "\f2b1";
554 | $ionicon-var-social-pinterest-outline: "\f2b0";
555 | $ionicon-var-social-reddit: "\f23b";
556 | $ionicon-var-social-reddit-outline: "\f23a";
557 | $ionicon-var-social-rss: "\f23d";
558 | $ionicon-var-social-rss-outline: "\f23c";
559 | $ionicon-var-social-skype: "\f23f";
560 | $ionicon-var-social-skype-outline: "\f23e";
561 | $ionicon-var-social-tumblr: "\f241";
562 | $ionicon-var-social-tumblr-outline: "\f240";
563 | $ionicon-var-social-tux: "\f2c5";
564 | $ionicon-var-social-twitter: "\f243";
565 | $ionicon-var-social-twitter-outline: "\f242";
566 | $ionicon-var-social-usd: "\f353";
567 | $ionicon-var-social-usd-outline: "\f352";
568 | $ionicon-var-social-vimeo: "\f245";
569 | $ionicon-var-social-vimeo-outline: "\f244";
570 | $ionicon-var-social-windows: "\f247";
571 | $ionicon-var-social-windows-outline: "\f246";
572 | $ionicon-var-social-wordpress: "\f249";
573 | $ionicon-var-social-wordpress-outline: "\f248";
574 | $ionicon-var-social-yahoo: "\f24b";
575 | $ionicon-var-social-yahoo-outline: "\f24a";
576 | $ionicon-var-social-youtube: "\f24d";
577 | $ionicon-var-social-youtube-outline: "\f24c";
578 | $ionicon-var-speakerphone: "\f2b2";
579 | $ionicon-var-speedometer: "\f2b3";
580 | $ionicon-var-spoon: "\f2b4";
581 | $ionicon-var-star: "\f24e";
582 | $ionicon-var-stats-bars: "\f2b5";
583 | $ionicon-var-steam: "\f30b";
584 | $ionicon-var-stop: "\f24f";
585 | $ionicon-var-thermometer: "\f2b6";
586 | $ionicon-var-thumbsdown: "\f250";
587 | $ionicon-var-thumbsup: "\f251";
588 | $ionicon-var-toggle: "\f355";
589 | $ionicon-var-toggle-filled: "\f354";
590 | $ionicon-var-trash-a: "\f252";
591 | $ionicon-var-trash-b: "\f253";
592 | $ionicon-var-trophy: "\f356";
593 | $ionicon-var-umbrella: "\f2b7";
594 | $ionicon-var-university: "\f357";
595 | $ionicon-var-unlocked: "\f254";
596 | $ionicon-var-upload: "\f255";
597 | $ionicon-var-usb: "\f2b8";
598 | $ionicon-var-videocamera: "\f256";
599 | $ionicon-var-volume-high: "\f257";
600 | $ionicon-var-volume-low: "\f258";
601 | $ionicon-var-volume-medium: "\f259";
602 | $ionicon-var-volume-mute: "\f25a";
603 | $ionicon-var-wand: "\f358";
604 | $ionicon-var-waterdrop: "\f25b";
605 | $ionicon-var-wifi: "\f25c";
606 | $ionicon-var-wineglass: "\f2b9";
607 | $ionicon-var-woman: "\f25d";
608 | $ionicon-var-wrench: "\f2ba";
609 | $ionicon-var-xbox: "\f30c";


--------------------------------------------------------------------------------
/www/lib/ionic/scss/ionicons/ionicons.scss:
--------------------------------------------------------------------------------
 1 | @import "ionicons-variables";
 2 | /*!
 3 |   Ionicons, v1.5.2
 4 |   Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
 5 |   https://twitter.com/benjsperry  https://twitter.com/ionicframework
 6 |   MIT License: https://github.com/driftyco/ionicons
 7 | */
 8 | 
 9 | @import "ionicons-font";
10 | @import "ionicons-animation";
11 | @import "ionicons-icons";
12 | 


--------------------------------------------------------------------------------
/www/lib/ionic/version.json:
--------------------------------------------------------------------------------
1 | {
2 |   "version": "1.0.0-beta.14",
3 |   "codename": "magnesium-mongoose",
4 |   "date": "2014-12-15",
5 |   "time": "20:15:38"
6 | }
7 | 


--------------------------------------------------------------------------------
/www/templates/detail.html:
--------------------------------------------------------------------------------
1 | <ion-view title="消息内容">
2 | 	<ion-content class="padding">
3 | 		{{message}}
4 | 	</ion-content>
5 | </ion-view>


--------------------------------------------------------------------------------
/www/templates/list.html:
--------------------------------------------------------------------------------
1 | <ion-view title="消息列表">
2 | 	<ion-content>
3 | 		<ion-list>
4 | 			<ion-item ng-repeat="item in items" href="#/detail?id={{item.id}}">
5 | 			对应消息:{{item.id}}
6 | 			</ion-item>
7 | 		</ion-list>
8 | 	</ion-content>
9 | </ion-view>


--------------------------------------------------------------------------------
/www/templates/main.html:
--------------------------------------------------------------------------------
 1 | <ion-view view-title="极光推送Ionic Demo">
 2 |   <ion-content class="padding">
 3 |         <form name="jPushForm">
 4 |           <button class="button button-block button-positive" ng-click="init()">启动推送服务</button>
 5 |           <button class="button button-block button-energized" ng-click="stopPush()">停止推送服务</button>
 6 |           <button class="button button-block button-royal" ng-click="resumePush()">重启推送服务</button>
 7 |           <button class="button button-block button-light" ng-click="getPushState()">查看服务状态</button>
 8 |           <div class="list">
 9 |             <div class="item item-input-inset">
10 |               <label class="item-input-wrapper">
11 |                 <input type="text" placeholder="设置tag,多个tag用逗号分隔" required ng-trim="true" ng-model="options.tags" />
12 |               </label>
13 | 
14 |               <input type="submit" class="button button-small button-positive" value="设置" ng-click="setTags()" />
15 |               <!-- <button class="button button-small button-positive" ng-click="setTags()"> 
16 |                 设置
17 |               </button>-->
18 |             </div>
19 |             
20 | 
21 |             <div class="item item-input-inset">
22 |               <label class="item-input-wrapper">
23 |                 <input type="text" placeholder="设置alias" required ng-trim="true" ng-model="options.alias" />
24 |               </label>
25 |               <input type="submit" class="button button-small button-positive" value="设置" ng-click="setAlias()" />
26 |               <!-- <button class="button button-small button-positive" ng-click="setAlias()">
27 |                 设置
28 |               </button> -->
29 |             </div>
30 |           </div>
31 |           <button class="button button-block button-balanced" ng-click="setTagsWithAlias()">同时设置</button>
32 |           <button class="button button-block button-royal" ng-click="cleanTagAndAlias()">清空设置</button>
33 |           <a href="#/list">消息列表</a>
34 |           <span class="error" ng-show="jPushForm.input.$error.required">要求输入设置值</span>
35 |           
36 |           <p>{{result}}</p>
37 |         </form>
38 |       </ion-content>
39 | </ion-view>


--------------------------------------------------------------------------------