diff options
Diffstat (limited to 'www/lib/ionic/scss')
27 files changed, 657 insertions, 162 deletions
diff --git a/www/lib/ionic/scss/_bar.scss b/www/lib/ionic/scss/_bar.scss index ca9fdceb..a6147d89 100644 --- a/www/lib/ionic/scss/_bar.scss +++ b/www/lib/ionic/scss/_bar.scss @@ -123,6 +123,7 @@ // Title inside of a bar is centered .title { + display: block; position: absolute; top: 0; @@ -159,7 +160,7 @@ color: inherit; } - .button { + .button, button { z-index: $z-index-bar-button; padding: 0 $button-bar-button-padding; min-width: initial; @@ -401,4 +402,3 @@ .nav-bar-tabs-top .bar { background-image: none; } - diff --git a/www/lib/ionic/scss/_button-bar.scss b/www/lib/ionic/scss/_button-bar.scss index 0f0dc519..57bb9c41 100644 --- a/www/lib/ionic/scss/_button-bar.scss +++ b/www/lib/ionic/scss/_button-bar.scss @@ -51,6 +51,9 @@ border-right-width: 1px; border-radius: 0px $button-border-radius $button-border-radius 0px; } + &:only-child { + border-radius: $button-border-radius; + } } .button-bar > .button-small { diff --git a/www/lib/ionic/scss/_checkbox.scss b/www/lib/ionic/scss/_checkbox.scss index eb903ad0..8321195a 100644 --- a/www/lib/ionic/scss/_checkbox.scss +++ b/www/lib/ionic/scss/_checkbox.scss @@ -127,6 +127,10 @@ input:checked + .checkbox-icon:before { height: 7px; } +.platform-android .item-checkbox-right .checkbox-square .checkbox-icon::after { + top: 31%; +} + .grade-c .checkbox input:after, .grade-c .checkbox-icon:after { @include rotate(0); diff --git a/www/lib/ionic/scss/_form.scss b/www/lib/ionic/scss/_form.scss index 5e22af52..288f633d 100644 --- a/www/lib/ionic/scss/_form.scss +++ b/www/lib/ionic/scss/_form.scss @@ -156,6 +156,15 @@ textarea { height: $line-height-computed + $font-size-base + 12px; } +.item-select.item-stacked-label select { + position: relative; + padding: 0px; + max-width: 90%; + direction:ltr; + white-space: pre-wrap; + margin: -3px; +} + .item-floating-label { display: block; background-color: transparent; diff --git a/www/lib/ionic/scss/_grid.scss b/www/lib/ionic/scss/_grid.scss index 9129c42d..cb3a97b5 100644 --- a/www/lib/ionic/scss/_grid.scss +++ b/www/lib/ionic/scss/_grid.scss @@ -118,10 +118,18 @@ @include flex(0, 0, 33.3333%); max-width: 33.3333%; } +.col-40 { + @include flex(0, 0, 40%); + max-width: 40%; +} .col-50 { @include flex(0, 0, 50%); max-width: 50%; } +.col-60 { + @include flex(0, 0, 60%); + max-width: 60%; +} .col-66, .col-67 { @include flex(0, 0, 66.6666%); max-width: 66.6666%; diff --git a/www/lib/ionic/scss/_loaders.scss b/www/lib/ionic/scss/_loaders.scss deleted file mode 100644 index 9343b046..00000000 --- a/www/lib/ionic/scss/_loaders.scss +++ /dev/null @@ -1,28 +0,0 @@ -/** - * Loaders (Spinners) - * -------------------------------------------------- - */ - -svg.loader { - width: 28px; - height: 28px; - stroke: #333; - fill: #333; -} - -.loader-ios, -.loader-ios-small { - - line { - stroke: #69717d; - } - -} - -.loader-android { - - circle { - stroke: #4b8bf4; - } - -} diff --git a/www/lib/ionic/scss/_menu.scss b/www/lib/ionic/scss/_menu.scss index 4414190b..17466758 100644 --- a/www/lib/ionic/scss/_menu.scss +++ b/www/lib/ionic/scss/_menu.scss @@ -35,6 +35,11 @@ .menu-open .menu-content .pane, .menu-open .menu-content .scroll-content { pointer-events: none; +} +.menu-open .menu-content .scroll-content .scroll { + pointer-events: none; +} +.menu-open .menu-content .scroll-content:not(.overflow-scroll) { overflow: hidden; } diff --git a/www/lib/ionic/scss/_mixins.scss b/www/lib/ionic/scss/_mixins.scss index b025ea90..c584a98a 100644 --- a/www/lib/ionic/scss/_mixins.scss +++ b/www/lib/ionic/scss/_mixins.scss @@ -3,7 +3,7 @@ // -------------------------------------------------- @mixin button-style($bg-color, $border-color, $active-bg-color, $active-border-color, $color) { - border-color: $border-color; + border-color: transparent;//$border-color; background-color: $bg-color; color: $color; @@ -14,9 +14,9 @@ } &.active, &.activated { - border-color: $active-border-color; + //border-color: transparent;//$active-border-color; background-color: $active-bg-color; - box-shadow: inset 0 1px 4px rgba(0,0,0,0.1); + //box-shadow: inset 0 1px 4px rgba(0,0,0,0.1); } } @@ -100,6 +100,10 @@ @mixin item-active-style($active-bg-color, $active-border-color) { border-color: $active-border-color; background-color: $active-bg-color; + &.item-complex > .item-content { + border-color: $active-border-color; + background-color: $active-bg-color; + } } diff --git a/www/lib/ionic/scss/_popover.scss b/www/lib/ionic/scss/_popover.scss index 77025f40..00c15086 100644 --- a/www/lib/ionic/scss/_popover.scss +++ b/www/lib/ionic/scss/_popover.scss @@ -163,5 +163,6 @@ @media (min-width: $popover-large-break-point) { .popover { width: $popover-large-width; + margin-left: -$popover-large-width / 2; } } diff --git a/www/lib/ionic/scss/_radio.scss b/www/lib/ionic/scss/_radio.scss index 0f75fa12..fa401c06 100644 --- a/www/lib/ionic/scss/_radio.scss +++ b/www/lib/ionic/scss/_radio.scss @@ -34,24 +34,14 @@ position: absolute; left: -9999px; - &:checked ~ .item-content { + &:checked + .radio-content .item-content { /* style the item content when its checked */ background: #f7f7f7; } - &:checked ~ .radio-icon { + &:checked + .radio-content .radio-icon { /* show the checkmark icon when its checked */ visibility: visible; } } -// Hack for Android to correctly display the checked item -// http://timpietrusky.com/advanced-checkbox-hack -.platform-android.grade-b .item-radio, -.platform-android.grade-c .item-radio { - -webkit-animation: androidCheckedbugfix infinite 1s; -} -@-webkit-keyframes androidCheckedbugfix { - from { padding: 0; } - to { padding: 0; } -} diff --git a/www/lib/ionic/scss/_range.scss b/www/lib/ionic/scss/_range.scss index cf531803..54d4e187 100644 --- a/www/lib/ionic/scss/_range.scss +++ b/www/lib/ionic/scss/_range.scss @@ -21,6 +21,11 @@ background-repeat: no-repeat; -webkit-appearance: none; + &::-moz-focus-outer { + /* hide the focus outline in Firefox */ + border: 0; + } + &::-webkit-slider-thumb { position: relative; width: $range-slider-width; @@ -54,6 +59,11 @@ //background: red; //opacity: .5; } + &::-ms-fill-lower{ + height: $range-track-height; + background:$dark; + } + /* &::-ms-track{ background: transparent; border-color: transparent; @@ -72,14 +82,11 @@ margin-right:1px; outline:none; } - &::-ms-fill-lower{ - height: $range-track-height; - background:$dark; - } &::-ms-fill-upper { height: $range-track-height; background:$range-default-track-bg; } + */ } .range { @@ -150,4 +157,4 @@ .range input{ height:auto; } -}
\ No newline at end of file +} diff --git a/www/lib/ionic/scss/_refresher.scss b/www/lib/ionic/scss/_refresher.scss index a6dbd29e..a3bfd185 100644 --- a/www/lib/ionic/scss/_refresher.scss +++ b/www/lib/ionic/scss/_refresher.scss @@ -82,11 +82,16 @@ .overflow-scroll > .scroll{ &.overscroll{ position:fixed; + right: 0; + left: 0; } -webkit-overflow-scrolling:touch; width:100%; } +.overflow-scroll.padding > .scroll.overscroll{ + padding: 10px; +} @-webkit-keyframes refresh-spin { 0% { -webkit-transform: translate3d(0,0,0) rotate(0); } 100% { -webkit-transform: translate3d(0,0,0) rotate(180deg); } diff --git a/www/lib/ionic/scss/_reset.scss b/www/lib/ionic/scss/_reset.scss index 49e706aa..49e706aa 100755..100644 --- a/www/lib/ionic/scss/_reset.scss +++ b/www/lib/ionic/scss/_reset.scss diff --git a/www/lib/ionic/scss/_scaffolding.scss b/www/lib/ionic/scss/_scaffolding.scss index 4c768c9f..d1caf7ab 100644 --- a/www/lib/ionic/scss/_scaffolding.scss +++ b/www/lib/ionic/scss/_scaffolding.scss @@ -36,6 +36,7 @@ body, color: $base-color; word-wrap: break-word; font-size: $font-size-base; + font-family: -apple-system; font-family: $font-family-base; line-height: $line-height-computed; text-rendering: optimizeLegibility; @@ -83,6 +84,14 @@ body.grade-c { display: block; overflow: hidden; + &.overflow-scroll { + position: relative; + } + + &.scroll-x { overflow-x: scroll; overflow-y: hidden; } + &.scroll-y { overflow-x: hidden; overflow-y: scroll; } + &.scroll-xy { overflow-x: scroll; overflow-y: scroll; } + // Hide the top border if any margin-top: -1px; } @@ -185,17 +194,30 @@ ion-infinite-scroll { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; + + // Make sure the scrollbar doesn't take up layout space on edge + -ms-overflow-style: -ms-autohiding-scrollbar; + top: 0; right: 0; bottom: 0; left: 0; position: absolute; + &.pane { + overflow-x: hidden; + overflow-y: scroll; + } + .scroll { position: static; height: 100%; -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 } + + &.keyboard-up:not(.keyboard-up-confirm) { + overflow: hidden; + } } @@ -236,6 +258,10 @@ ion-infinite-scroll { } } +.bar-subfooter.has-tabs { + bottom: $tabs-height + $bar-footer-height; +} + .has-footer.has-tabs { bottom: $tabs-height + $bar-footer-height; } diff --git a/www/lib/ionic/scss/_slide-box.scss b/www/lib/ionic/scss/_slide-box.scss index f6dfa113..f3da4d3e 100644 --- a/www/lib/ionic/scss/_slide-box.scss +++ b/www/lib/ionic/scss/_slide-box.scss @@ -54,3 +54,18 @@ } } } + +//Disable animate service animations +.slider-slide, +.slider-pager-page { + &.ng-enter, + &.ng-leave, + &.ng-animate { + -webkit-transition: none !important; + transition: none !important; + } + &.ng-animate { + -webkit-animation: none 0s; + animation: none 0s; + } +} diff --git a/www/lib/ionic/scss/_slides.scss b/www/lib/ionic/scss/_slides.scss new file mode 100644 index 00000000..0e469a93 --- /dev/null +++ b/www/lib/ionic/scss/_slides.scss @@ -0,0 +1,529 @@ +/** + * Swiper 3.2.7 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * + * http://www.idangero.us/swiper/ + * + * Copyright 2015, Vladimir Kharlampidi + * The iDangero.us + * http://www.idangero.us/ + * + * Licensed under MIT + * + * Released on: December 7, 2015 + */ +.swiper-container { + margin: 0 auto; + position: relative; + overflow: hidden; + /* Fix of Webkit flickering */ + z-index: 1; +} +.swiper-container-no-flexbox .swiper-slide { + float: left; +} +.swiper-container-vertical > .swiper-wrapper { + -webkit-box-orient: vertical; + -moz-box-orient: vertical; + -ms-flex-direction: column; + -webkit-flex-direction: column; + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: -webkit-box; + display: -moz-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-transition-property: -webkit-transform; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +.swiper-container-android .swiper-slide, +.swiper-wrapper { + -webkit-transform: translate3d(0px, 0, 0); + -moz-transform: translate3d(0px, 0, 0); + -o-transform: translate(0px, 0px); + -ms-transform: translate3d(0px, 0, 0); + transform: translate3d(0px, 0, 0); +} +.swiper-container-multirow > .swiper-wrapper { + -webkit-box-lines: multiple; + -moz-box-lines: multiple; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +.swiper-container-free-mode > .swiper-wrapper { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-slide { + display: block; + -webkit-flex-shrink: 0; + -ms-flex: 0 0 auto; + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; +} +/* Auto Height */ +.swiper-container-autoheight, +.swiper-container-autoheight .swiper-slide { + height: auto; +} +.swiper-container-autoheight .swiper-wrapper { + -webkit-box-align: start; + -ms-flex-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; + -webkit-transition-property: -webkit-transform, height; + -moz-transition-property: -moz-transform; + -o-transition-property: -o-transform; + -ms-transition-property: -ms-transform; + transition-property: transform, height; +} +/* a11y */ +.swiper-container .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +/* IE10 Windows Phone 8 Fixes */ +.swiper-wp8-horizontal { + -ms-touch-action: pan-y; + touch-action: pan-y; +} +.swiper-wp8-vertical { + -ms-touch-action: pan-x; + touch-action: pan-x; +} +/* Arrows */ +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: 50%; + width: 27px; + height: 44px; + margin-top: -22px; + z-index: 10; + cursor: pointer; + -moz-background-size: 27px 44px; + -webkit-background-size: 27px 44px; + background-size: 27px 44px; + background-position: center; + background-repeat: no-repeat; +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev, +.swiper-container-rtl .swiper-button-next { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); + left: 10px; + right: auto; +} +.swiper-button-prev.swiper-button-black, +.swiper-container-rtl .swiper-button-next.swiper-button-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.swiper-button-prev.swiper-button-white, +.swiper-container-rtl .swiper-button-next.swiper-button-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +.swiper-button-next, +.swiper-container-rtl .swiper-button-prev { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); + right: 10px; + left: auto; +} +.swiper-button-next.swiper-button-black, +.swiper-container-rtl .swiper-button-prev.swiper-button-black { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); +} +.swiper-button-next.swiper-button-white, +.swiper-container-rtl .swiper-button-prev.swiper-button-white { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); +} +/* Pagination Styles */ +.swiper-pagination { + position: absolute; + text-align: center; + -webkit-transition: 300ms; + -moz-transition: 300ms; + -o-transition: 300ms; + transition: 300ms; + -webkit-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-bullet { + width: 8px; + height: 8px; + display: inline-block; + border-radius: 100%; + background: #000; + opacity: 0.2; +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -moz-appearance: none; + -ms-appearance: none; + -webkit-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-white .swiper-pagination-bullet { + background: #fff; +} +.swiper-pagination-bullet-active { + opacity: 1; +} +.swiper-pagination-white .swiper-pagination-bullet-active { + background: #fff; +} +.swiper-pagination-black .swiper-pagination-bullet-active { + background: #000; +} +.swiper-container-vertical > .swiper-pagination { + right: 10px; + top: 50%; + -webkit-transform: translate3d(0px, -50%, 0); + -moz-transform: translate3d(0px, -50%, 0); + -o-transform: translate(0px, -50%); + -ms-transform: translate3d(0px, -50%, 0); + transform: translate3d(0px, -50%, 0); +} +.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { + margin: 5px 0; + display: block; +} +.swiper-container-horizontal > .swiper-pagination { + bottom: 10px; + left: 0; + width: 100%; +} +.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { + margin: 0 5px; +} +/* 3D Container */ +.swiper-container-3d { + -webkit-perspective: 1200px; + -moz-perspective: 1200px; + -o-perspective: 1200px; + perspective: 1200px; +} +.swiper-container-3d .swiper-wrapper, +.swiper-container-3d .swiper-slide, +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom, +.swiper-container-3d .swiper-cube-shadow { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + -ms-transform-style: preserve-3d; + transform-style: preserve-3d; +} +.swiper-container-3d .swiper-slide-shadow-left, +.swiper-container-3d .swiper-slide-shadow-right, +.swiper-container-3d .swiper-slide-shadow-top, +.swiper-container-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-container-3d .swiper-slide-shadow-left { + background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + /* Safari 4+, Chrome */ + background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Chrome 10+, Safari 5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 3.6-15 */ + background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Opera 11.10-12.00 */ + background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 16+, IE10, Opera 12.50+ */ +} +.swiper-container-3d .swiper-slide-shadow-right { + background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + /* Safari 4+, Chrome */ + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Chrome 10+, Safari 5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 3.6-15 */ + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Opera 11.10-12.00 */ + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 16+, IE10, Opera 12.50+ */ +} +.swiper-container-3d .swiper-slide-shadow-top { + background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + /* Safari 4+, Chrome */ + background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Chrome 10+, Safari 5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 3.6-15 */ + background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Opera 11.10-12.00 */ + background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 16+, IE10, Opera 12.50+ */ +} +.swiper-container-3d .swiper-slide-shadow-bottom { + background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); + /* Safari 4+, Chrome */ + background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Chrome 10+, Safari 5.1+, iOS 5+ */ + background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 3.6-15 */ + background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Opera 11.10-12.00 */ + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); + /* Firefox 16+, IE10, Opera 12.50+ */ +} +/* Coverflow */ +.swiper-container-coverflow .swiper-wrapper { + /* Windows 8 IE 10 fix */ + -ms-perspective: 1200px; +} +/* Fade */ +.swiper-container-fade.swiper-container-free-mode .swiper-slide { + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; +} +.swiper-container-fade .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-container-fade .swiper-slide-active, +.swiper-container-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +/* Cube */ +.swiper-container-cube { + overflow: visible; +} +.swiper-container-cube .swiper-slide { + pointer-events: none; + visibility: hidden; + -webkit-transform-origin: 0 0; + -moz-transform-origin: 0 0; + -ms-transform-origin: 0 0; + transform-origin: 0 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; + width: 100%; + height: 100%; + z-index: 1; +} +.swiper-container-cube.swiper-container-rtl .swiper-slide { + -webkit-transform-origin: 100% 0; + -moz-transform-origin: 100% 0; + -ms-transform-origin: 100% 0; + transform-origin: 100% 0; +} +.swiper-container-cube .swiper-slide-active, +.swiper-container-cube .swiper-slide-next, +.swiper-container-cube .swiper-slide-prev, +.swiper-container-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-container-cube .swiper-slide-shadow-top, +.swiper-container-cube .swiper-slide-shadow-bottom, +.swiper-container-cube .swiper-slide-shadow-left, +.swiper-container-cube .swiper-slide-shadow-right { + z-index: 0; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + backface-visibility: hidden; +} +.swiper-container-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0px; + width: 100%; + height: 100%; + background: #000; + opacity: 0.6; + -webkit-filter: blur(50px); + filter: blur(50px); + z-index: 0; +} +/* Scrollbar */ +.swiper-scrollbar { + border-radius: 10px; + position: relative; + -ms-touch-action: none; + background: rgba(0, 0, 0, 0.1); +} +.swiper-container-horizontal > .swiper-scrollbar { + position: absolute; + left: 1%; + bottom: 3px; + z-index: 50; + height: 5px; + width: 98%; +} +.swiper-container-vertical > .swiper-scrollbar { + position: absolute; + right: 3px; + top: 1%; + z-index: 50; + width: 5px; + height: 98%; +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: rgba(0, 0, 0, 0.5); + border-radius: 10px; + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +/* Preloader */ +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + -webkit-transform-origin: 50%; + -moz-transform-origin: 50%; + transform-origin: 50%; + -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; + -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; + animation: swiper-preloader-spin 1s steps(12, end) infinite; +} +.swiper-lazy-preloader:after { + display: block; + content: ""; + width: 100%; + height: 100%; + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); + background-position: 50%; + -webkit-background-size: 100%; + background-size: 100%; + background-repeat: no-repeat; +} +.swiper-lazy-preloader-white:after { + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); +} +@-webkit-keyframes swiper-preloader-spin { + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes swiper-preloader-spin { + 100% { + transform: rotate(360deg); + } +} + + +ion-slides { + width: 100%; + height: 100%; + display: block; +} +.slide-zoom { + display: block; + width: 100%; + text-align: center; +} + +.swiper-container { + //position: absolute; + //left: 0; + //top: 0; + width: 100%; + height: 100%; + padding: 0; + //display: flex; + overflow: hidden; +} + +.swiper-wrapper { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + padding: 0; + //display: flex; +} + +.swiper-container { + //width: 100%; + //height: 100%; +} + +.swiper-slide { + width: 100%; + height: 100%; + + box-sizing: border-box; + + //text-align: center; + //font-size: 18px; + //background: #fff; + /* Center slide text vertically */ + //display: flex; + //justify-content: center; + //align-items: center; + + img { + width: auto; + height: auto; + max-width: 100%; + max-height: 100%; + } +} diff --git a/www/lib/ionic/scss/_split-pane.scss b/www/lib/ionic/scss/_split-pane.scss deleted file mode 100644 index ea84d65b..00000000 --- a/www/lib/ionic/scss/_split-pane.scss +++ /dev/null @@ -1,29 +0,0 @@ - -/** - * Split Pane - * -------------------------------------------------- - */ - -.split-pane { - @include display-flex(); - @include align-items(stretch); - width: 100%; - height: 100%; -} - -.split-pane-menu { - @include flex(0, 0, $split-pane-menu-width); - - overflow-y: auto; - width: $split-pane-menu-width; - height: 100%; - border-right: 1px solid $split-pane-menu-border-color; - - @media all and (max-width: 568px) { - border-right: none; - } -} - -.split-pane-content { - @include flex(1, 0, auto); -} diff --git a/www/lib/ionic/scss/_tabs.scss b/www/lib/ionic/scss/_tabs.scss index 1c22362d..47454105 100644 --- a/www/lib/ionic/scss/_tabs.scss +++ b/www/lib/ionic/scss/_tabs.scss @@ -523,6 +523,6 @@ ion-tabs { top: 0 } .pane[hide-nav-bar="true"] .has-tabs-top{ - top:49px + top:$tabs-height } diff --git a/www/lib/ionic/scss/_type.scss b/www/lib/ionic/scss/_type.scss index fda6ed8d..7ad62fa4 100644 --- a/www/lib/ionic/scss/_type.scss +++ b/www/lib/ionic/scss/_type.scss @@ -103,13 +103,13 @@ blockquote { margin: 0 0 $line-height-computed; padding: ($line-height-computed / 2) $line-height-computed; border-left: 5px solid gray; - + p { font-weight: 300; font-size: ($font-size-base * 1.25); line-height: 1.25; } - + p:last-child { margin-bottom: 0; } @@ -148,6 +148,9 @@ address { // Links // ------------------------- +a { + color: $link-color; +} a.subdued { padding-right: 10px; diff --git a/www/lib/ionic/scss/_variables.scss b/www/lib/ionic/scss/_variables.scss index edbb6f92..52674293 100644 --- a/www/lib/ionic/scss/_variables.scss +++ b/www/lib/ionic/scss/_variables.scss @@ -16,8 +16,9 @@ $dark: #444 !default; // Base // ------------------------------- -$font-family-sans-serif: "Helvetica Neue", "Roboto", "Segoe UI", sans-serif !default; -$font-family-light-sans-serif: "HelveticaNeue-Light", "Roboto-Light", "Segoe UI-Light", sans-serif-light !default; +$font-family-sans-serif: '-apple-system', "Helvetica Neue", "Roboto", "Segoe UI", sans-serif !default; + +$font-family-light-sans-serif: '-apple-system', "HelveticaNeue-Light", "Roboto-Light", "Segoe UI-Light", sans-serif-light !default; $font-family-serif: serif !default; $font-family-monospace: monospace !default; @@ -69,7 +70,7 @@ $scroll-refresh-icon-color: #666666 !default; $button-color: #222 !default; $button-block-margin: 10px !default; $button-clear-padding: 6px !default; -$button-border-radius: 2px !default; +$button-border-radius: 4px !default; $button-border-width: 1px !default; $button-font-size: 16px !default; diff --git a/www/lib/ionic/scss/ionic.scss b/www/lib/ionic/scss/ionic.scss index a5110f93..e3465b71 100644 --- a/www/lib/ionic/scss/ionic.scss +++ b/www/lib/ionic/scss/ionic.scss @@ -27,6 +27,7 @@ "list", "badge", "slide-box", + "slides", "refresher", "spinner", diff --git a/www/lib/ionic/scss/ionicons/_ionicons-animation.scss b/www/lib/ionic/scss/ionicons/_ionicons-animation.scss deleted file mode 100755 index d2f4c3e5..00000000 --- a/www/lib/ionic/scss/ionicons/_ionicons-animation.scss +++ /dev/null @@ -1,77 +0,0 @@ -// Animation Icons -// -------------------------- - -.#{$ionicons-prefix}spin { - -webkit-animation: spin 1s infinite linear; - -moz-animation: spin 1s infinite linear; - -o-animation: spin 1s infinite linear; - animation: spin 1s infinite linear; -} - -@-moz-keyframes spin { - 0% { -moz-transform: rotate(0deg); } - 100% { -moz-transform: rotate(359deg); } -} -@-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(359deg); } -} -@-o-keyframes spin { - 0% { -o-transform: rotate(0deg); } - 100% { -o-transform: rotate(359deg); } -} -@-ms-keyframes spin { - 0% { -ms-transform: rotate(0deg); } - 100% { -ms-transform: rotate(359deg); } -} -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(359deg); } -} - - -.#{$ionicons-prefix}loading-a, -.#{$ionicons-prefix}loading-b, -.#{$ionicons-prefix}loading-c, -.#{$ionicons-prefix}loading-d, -.#{$ionicons-prefix}looping, -.#{$ionicons-prefix}refreshing, -.#{$ionicons-prefix}ios7-reloading { - @extend .ion; - // must spin entire element for android 4.3 and below - @extend .#{$ionicons-prefix}spin; -} - -.#{$ionicons-prefix}loading-a { - -webkit-animation-timing-function: steps(8, start); - -moz-animation-timing-function: steps(8, start); - animation-timing-function: steps(8, start); -} - -.#{$ionicons-prefix}loading-a:before { - @extend .#{$ionicons-prefix}load-a:before; -} - -.#{$ionicons-prefix}loading-b:before { - @extend .#{$ionicons-prefix}load-b:before; -} - -.#{$ionicons-prefix}loading-c:before { - @extend .#{$ionicons-prefix}load-c:before; -} - -.#{$ionicons-prefix}loading-d:before { - @extend .#{$ionicons-prefix}load-d:before; -} - -.#{$ionicons-prefix}looping:before { - @extend .#{$ionicons-prefix}loop:before; -} - -.#{$ionicons-prefix}refreshing:before { - @extend .#{$ionicons-prefix}refresh:before; -} - -.#{$ionicons-prefix}ios7-reloading:before { - @extend .#{$ionicons-prefix}ios7-reload:before; -} diff --git a/www/lib/ionic/scss/ionicons/_ionicons-font.scss b/www/lib/ionic/scss/ionicons/_ionicons-font.scss index 3801597a..3801597a 100755..100644 --- a/www/lib/ionic/scss/ionicons/_ionicons-font.scss +++ b/www/lib/ionic/scss/ionicons/_ionicons-font.scss diff --git a/www/lib/ionic/scss/ionicons/_ionicons-icons.scss b/www/lib/ionic/scss/ionicons/_ionicons-icons.scss index d08d4f0e..d08d4f0e 100755..100644 --- a/www/lib/ionic/scss/ionicons/_ionicons-icons.scss +++ b/www/lib/ionic/scss/ionicons/_ionicons-icons.scss diff --git a/www/lib/ionic/scss/ionicons/_ionicons-variables.scss b/www/lib/ionic/scss/ionicons/_ionicons-variables.scss index 034a14a7..034a14a7 100755..100644 --- a/www/lib/ionic/scss/ionicons/_ionicons-variables.scss +++ b/www/lib/ionic/scss/ionicons/_ionicons-variables.scss diff --git a/www/lib/ionic/scss/ionicons/ionicons.scss b/www/lib/ionic/scss/ionicons/ionicons.scss index 0ef6a8d0..0ef6a8d0 100755..100644 --- a/www/lib/ionic/scss/ionicons/ionicons.scss +++ b/www/lib/ionic/scss/ionicons/ionicons.scss diff --git a/www/lib/ionic/scss/tsconfig.json b/www/lib/ionic/scss/tsconfig.json new file mode 100644 index 00000000..6b58d2e6 --- /dev/null +++ b/www/lib/ionic/scss/tsconfig.json @@ -0,0 +1,18 @@ +{ + "version": "1.5.0-alpha", + "compilerOptions": { + "target": "es5", + "module": "commonjs", + "declaration": false, + "noImplicitAny": false, + "removeComments": true, + "noLib": false, + "preserveConstEnums": true, + "suppressImplicitAnyIndexErrors": true + }, + "filesGlob": [ + "./**/*.ts", + "!./node_modules/**/*.ts" + ], + "files": [] +} |