Neues Initialrelease mit IonicMaterial
This commit is contained in:
Carsten Hilmer
@@ -99,7 +99,7 @@
|
||||
&.bar-balanced {
|
||||
@include bar-style($bar-balanced-bg, $bar-balanced-border, $bar-balanced-text);
|
||||
&.bar-footer{
|
||||
background-image: linear-gradient(180deg, $bar-balanced-border, $bar-balanced-border 50%, transparent 50%);
|
||||
background-image: linear-gradient(180deg, $bar-balanced-border, $bar-positive-border 50%, transparent 50%);
|
||||
}
|
||||
}
|
||||
&.bar-energized {
|
||||
@@ -123,7 +123,6 @@
|
||||
|
||||
// Title inside of a bar is centered
|
||||
.title {
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
||||
top: 0;
|
||||
@@ -160,7 +159,7 @@
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.button, button {
|
||||
.button {
|
||||
z-index: $z-index-bar-button;
|
||||
padding: 0 $button-bar-button-padding;
|
||||
min-width: initial;
|
||||
@@ -366,11 +365,6 @@
|
||||
&.item-input-inset {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.title {
|
||||
height: $bar-footer-height - 1;
|
||||
line-height: $bar-footer-height;
|
||||
}
|
||||
}
|
||||
|
||||
// Don't render padding if the bar is just for tabs
|
||||
@@ -380,23 +374,15 @@
|
||||
|
||||
.bar-subheader {
|
||||
top: $bar-height;
|
||||
display: block;
|
||||
|
||||
height: $bar-subheader-height;
|
||||
|
||||
.title {
|
||||
height: $bar-subheader-height - 1;
|
||||
line-height: $bar-subheader-height;
|
||||
}
|
||||
}
|
||||
.bar-subfooter {
|
||||
bottom: $bar-footer-height;
|
||||
display: block;
|
||||
|
||||
height: $bar-subfooter-height;
|
||||
|
||||
.title {
|
||||
height: $bar-subfooter-height - 1;
|
||||
line-height: $bar-subfooter-height;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-bar-block {
|
||||
@@ -415,3 +401,4 @@
|
||||
.nav-bar-tabs-top .bar {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
|
||||
@@ -21,34 +21,6 @@
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
&.bar-light > .button {
|
||||
border-color: $button-light-border;
|
||||
}
|
||||
&.bar-stable > .button {
|
||||
border-color: $button-stable-border;
|
||||
}
|
||||
&.bar-positive > .button {
|
||||
border-color: $button-positive-border;
|
||||
}
|
||||
&.bar-calm > .button {
|
||||
border-color: $button-calm-border;
|
||||
}
|
||||
&.bar-assertive > .button {
|
||||
border-color: $button-assertive-border;
|
||||
}
|
||||
&.bar-balanced > .button {
|
||||
border-color: $button-balanced-border;
|
||||
}
|
||||
&.bar-energized > .button {
|
||||
border-color: $button-energized-border;
|
||||
}
|
||||
&.bar-royal > .button {
|
||||
border-color: $button-royal-border;
|
||||
}
|
||||
&.bar-dark > .button {
|
||||
border-color: $button-dark-border;
|
||||
}
|
||||
}
|
||||
|
||||
.button-bar > .button {
|
||||
@@ -79,9 +51,6 @@
|
||||
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 {
|
||||
|
||||
@@ -72,55 +72,55 @@
|
||||
}
|
||||
|
||||
&.button-light {
|
||||
@include button-style($button-light-bg, $button-default-border, $button-light-active-bg, $button-default-active-border, $button-light-text);
|
||||
@include button-style($button-light-bg, $button-light-border, $button-light-active-bg, $button-light-active-border, $button-light-text);
|
||||
@include button-clear($button-light-border);
|
||||
@include button-outline($button-light-border);
|
||||
}
|
||||
|
||||
&.button-stable {
|
||||
@include button-style($button-stable-bg, $button-default-border, $button-stable-active-bg, $button-default-active-border, $button-stable-text);
|
||||
@include button-style($button-stable-bg, $button-stable-border, $button-stable-active-bg, $button-stable-active-border, $button-stable-text);
|
||||
@include button-clear($button-stable-border);
|
||||
@include button-outline($button-stable-border);
|
||||
}
|
||||
|
||||
&.button-positive {
|
||||
@include button-style($button-positive-bg, $button-default-border, $button-positive-active-bg, $button-default-active-border, $button-positive-text);
|
||||
@include button-style($button-positive-bg, $button-positive-border, $button-positive-active-bg, $button-positive-active-border, $button-positive-text);
|
||||
@include button-clear($button-positive-bg);
|
||||
@include button-outline($button-positive-bg);
|
||||
}
|
||||
|
||||
&.button-calm {
|
||||
@include button-style($button-calm-bg, $button-default-border, $button-calm-active-bg, $button-default-active-border, $button-calm-text);
|
||||
@include button-style($button-calm-bg, $button-calm-border, $button-calm-active-bg, $button-calm-active-border, $button-calm-text);
|
||||
@include button-clear($button-calm-bg);
|
||||
@include button-outline($button-calm-bg);
|
||||
}
|
||||
|
||||
&.button-assertive {
|
||||
@include button-style($button-assertive-bg, $button-default-border, $button-assertive-active-bg, $button-default-active-border, $button-assertive-text);
|
||||
@include button-style($button-assertive-bg, $button-assertive-border, $button-assertive-active-bg, $button-assertive-active-border, $button-assertive-text);
|
||||
@include button-clear($button-assertive-bg);
|
||||
@include button-outline($button-assertive-bg);
|
||||
}
|
||||
|
||||
&.button-balanced {
|
||||
@include button-style($button-balanced-bg, $button-default-border, $button-balanced-active-bg, $button-default-active-border, $button-balanced-text);
|
||||
@include button-style($button-balanced-bg, $button-balanced-border, $button-balanced-active-bg, $button-balanced-active-border, $button-balanced-text);
|
||||
@include button-clear($button-balanced-bg);
|
||||
@include button-outline($button-balanced-bg);
|
||||
}
|
||||
|
||||
&.button-energized {
|
||||
@include button-style($button-energized-bg, $button-default-border, $button-energized-active-bg, $button-default-active-border, $button-energized-text);
|
||||
@include button-style($button-energized-bg, $button-energized-border, $button-energized-active-bg, $button-energized-active-border, $button-energized-text);
|
||||
@include button-clear($button-energized-bg);
|
||||
@include button-outline($button-energized-bg);
|
||||
}
|
||||
|
||||
&.button-royal {
|
||||
@include button-style($button-royal-bg, $button-default-border, $button-royal-active-bg, $button-default-active-border, $button-royal-text);
|
||||
@include button-style($button-royal-bg, $button-royal-border, $button-royal-active-bg, $button-royal-active-border, $button-royal-text);
|
||||
@include button-clear($button-royal-bg);
|
||||
@include button-outline($button-royal-bg);
|
||||
}
|
||||
|
||||
&.button-dark {
|
||||
@include button-style($button-dark-bg, $button-default-border, $button-dark-active-bg, $button-default-active-border, $button-dark-text);
|
||||
@include button-style($button-dark-bg, $button-dark-border, $button-dark-active-bg, $button-dark-active-border, $button-dark-text);
|
||||
@include button-clear($button-dark-bg);
|
||||
@include button-outline($button-dark-bg);
|
||||
}
|
||||
|
||||
@@ -127,10 +127,6 @@ 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);
|
||||
|
||||
@@ -156,15 +156,6 @@ 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;
|
||||
|
||||
@@ -118,18 +118,10 @@
|
||||
@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%;
|
||||
|
||||
@@ -455,16 +455,6 @@ button.item.item-button-right {
|
||||
}
|
||||
}
|
||||
|
||||
.item-button-left.item-button-right{
|
||||
.button{
|
||||
&:first-child {
|
||||
right: auto;
|
||||
}
|
||||
&:last-child {
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Item Avatar
|
||||
// -------------------------------
|
||||
|
||||
28
www/lib/ionic/scss/_loaders.scss
Normal file
28
www/lib/ionic/scss/_loaders.scss
Normal file
@@ -0,0 +1,28 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -36,12 +36,6 @@
|
||||
.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;
|
||||
}
|
||||
|
||||
.grade-b .menu-content,
|
||||
.grade-c .menu-content {
|
||||
|
||||
@@ -14,11 +14,9 @@
|
||||
}
|
||||
&.active,
|
||||
&.activated {
|
||||
@if $active-border-color != ""{
|
||||
border-color: $active-border-color;
|
||||
}
|
||||
border-color: $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);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -102,10 +100,6 @@
|
||||
@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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -163,6 +163,5 @@
|
||||
@media (min-width: $popover-large-break-point) {
|
||||
.popover {
|
||||
width: $popover-large-width;
|
||||
margin-left: -$popover-large-width / 2;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -34,14 +34,24 @@
|
||||
position: absolute;
|
||||
left: -9999px;
|
||||
|
||||
&:checked + .radio-content .item-content {
|
||||
&:checked ~ .item-content {
|
||||
/* style the item content when its checked */
|
||||
background: #f7f7f7;
|
||||
}
|
||||
|
||||
&:checked + .radio-content .radio-icon {
|
||||
&:checked ~ .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; }
|
||||
}
|
||||
|
||||
@@ -21,11 +21,6 @@
|
||||
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;
|
||||
@@ -59,11 +54,6 @@
|
||||
//background: red;
|
||||
//opacity: .5;
|
||||
}
|
||||
&::-ms-fill-lower{
|
||||
height: $range-track-height;
|
||||
background:$dark;
|
||||
}
|
||||
/*
|
||||
&::-ms-track{
|
||||
background: transparent;
|
||||
border-color: transparent;
|
||||
@@ -82,11 +72,14 @@
|
||||
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 {
|
||||
@@ -157,4 +150,4 @@
|
||||
.range input{
|
||||
height:auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -82,16 +82,11 @@
|
||||
.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); }
|
||||
|
||||
@@ -36,7 +36,6 @@ 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;
|
||||
@@ -84,14 +83,6 @@ 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;
|
||||
}
|
||||
@@ -194,21 +185,12 @@ 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%;
|
||||
@@ -254,10 +236,6 @@ ion-infinite-scroll {
|
||||
}
|
||||
}
|
||||
|
||||
.bar-subfooter.has-tabs {
|
||||
bottom: $tabs-height + $bar-footer-height;
|
||||
}
|
||||
|
||||
.has-footer.has-tabs {
|
||||
bottom: $tabs-height + $bar-footer-height;
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
padding: 0 ($item-padding * 3) 0 $item-padding;
|
||||
padding: ($item-padding - 2) ($item-padding * 3) ($item-padding) $item-padding;
|
||||
max-width: 65%;
|
||||
|
||||
border: none;
|
||||
|
||||
@@ -54,18 +54,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//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;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,529 +0,0 @@
|
||||
/**
|
||||
* 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%;
|
||||
}
|
||||
}
|
||||
29
www/lib/ionic/scss/_split-pane.scss
Normal file
29
www/lib/ionic/scss/_split-pane.scss
Normal file
@@ -0,0 +1,29 @@
|
||||
|
||||
/**
|
||||
* 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);
|
||||
}
|
||||
@@ -274,21 +274,7 @@
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&.tabs-striped.#{$style} {
|
||||
.tab-item {
|
||||
&.tab-item-active,
|
||||
&.active,
|
||||
&.activated {
|
||||
border-color: $color;
|
||||
color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
ion-tabs {
|
||||
@@ -533,10 +519,3 @@ ion-tabs {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nav-bar-tabs-top.hide ~ .view-container .tabs-top .tabs{
|
||||
top: 0
|
||||
}
|
||||
.pane[hide-nav-bar="true"] .has-tabs-top{
|
||||
top:$tabs-height
|
||||
}
|
||||
|
||||
|
||||
@@ -80,7 +80,7 @@
|
||||
}
|
||||
|
||||
/* Fix to avoid background color bleeding */
|
||||
/* (occurred on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
|
||||
/* (occured on (at least) Android 4.2, Asus MeMO Pad HD7 ME173X) */
|
||||
.platform-android4_2 .toggle .track {
|
||||
-webkit-background-clip: padding-box;
|
||||
}
|
||||
|
||||
@@ -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,9 +148,6 @@ address {
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
a {
|
||||
color: $link-color;
|
||||
}
|
||||
|
||||
a.subdued {
|
||||
padding-right: 10px;
|
||||
|
||||
@@ -16,9 +16,8 @@ $dark: #444 !default;
|
||||
// Base
|
||||
// -------------------------------
|
||||
|
||||
$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-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-serif: serif !default;
|
||||
$font-family-monospace: monospace !default;
|
||||
|
||||
@@ -70,7 +69,7 @@ $scroll-refresh-icon-color: #666666 !default;
|
||||
$button-color: #222 !default;
|
||||
$button-block-margin: 10px !default;
|
||||
$button-clear-padding: 6px !default;
|
||||
$button-border-radius: 4px !default;
|
||||
$button-border-radius: 2px !default;
|
||||
$button-border-width: 1px !default;
|
||||
|
||||
$button-font-size: 16px !default;
|
||||
@@ -93,9 +92,6 @@ $button-bar-button-height: 32px !default;
|
||||
$button-bar-button-padding: 8px !default;
|
||||
$button-bar-button-icon-size: 20px !default;
|
||||
|
||||
$button-default-border: transparent;
|
||||
$button-default-active-border:null;
|
||||
|
||||
$button-light-bg: $light !default;
|
||||
$button-light-text: #444 !default;
|
||||
$button-light-border: #ddd !default;
|
||||
|
||||
@@ -27,7 +27,6 @@
|
||||
"list",
|
||||
"badge",
|
||||
"slide-box",
|
||||
"slides",
|
||||
"refresher",
|
||||
"spinner",
|
||||
|
||||
|
||||
77
www/lib/ionic/scss/ionicons/_ionicons-animation.scss
Normal file
77
www/lib/ionic/scss/ionicons/_ionicons-animation.scss
Normal file
@@ -0,0 +1,77 @@
|
||||
// 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;
|
||||
}
|
||||
Reference in New Issue
Block a user