diff options
1 files changed, 1 insertions, 102 deletions
| -rw-r--r-- | docs/dist/spectre-exp.css | 103 |
diff --git a/docs/dist/spectre-exp.css b/docs/dist/spectre-exp.css index a77cf87..1b9b6cc 100644 --- a/docs/dist/spectre-exp.css +++ b/docs/dist/spectre-exp.css @@ -7,14 +7,12 @@ text-align: center; } .calendar .calendar-nav { - -webkit-align-items: center; align-items: center; background: #f8f9fa; border-top-left-radius: .1rem; border-top-right-radius: .1rem; display: flex; display: -ms-flexbox; - display: -webkit-flex; -ms-flex-align: center; font-size: .8rem; padding: .4rem; @@ -23,18 +21,14 @@ .calendar .calendar-body { display: flex; display: -ms-flexbox; - display: -webkit-flex; -ms-flex-pack: center; - -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; - -webkit-justify-content: center; justify-content: center; padding: .4rem 0; } .calendar .calendar-header .calendar-date, .calendar .calendar-body .calendar-date { - -webkit-flex: 0 0 14.28%; -ms-flex: 0 0 14.28%; flex: 0 0 14.28%; max-width: 14.28%; @@ -97,7 +91,6 @@ position: absolute; right: 3px; top: 3px; - -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } @@ -120,7 +113,6 @@ position: absolute; right: 0; top: 50%; - -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @@ -141,8 +133,6 @@ border-right: .05rem solid #e7e9ed; display: flex; display: -ms-flexbox; - display: -webkit-flex; - -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 5.5rem; @@ -155,7 +145,6 @@ border-bottom: 0; } .calendar.calendar-lg .date-item { - -webkit-align-self: flex-end; align-self: flex-end; -ms-flex-item-align: end; height: 1.4rem; @@ -173,7 +162,6 @@ right: 19px; } .calendar.calendar-lg .calendar-events { - -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-positive: 1; line-height: 1; @@ -212,7 +200,6 @@ padding-bottom: 56.25%; } .carousel .carousel-container .carousel-item { - -webkit-animation: carousel-slideout 1s ease-in-out 1; animation: carousel-slideout 1s ease-in-out 1; height: 100%; left: 0; @@ -234,7 +221,6 @@ opacity: 0; position: absolute; top: 50%; - -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: all .4s ease; @@ -250,7 +236,6 @@ .carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2), .carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3), .carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4) { - -webkit-animation: carousel-slidein .75s ease-in-out 1; animation: carousel-slidein .75s ease-in-out 1; opacity: 1; z-index: 100; @@ -263,15 +248,12 @@ } .carousel .carousel-nav { bottom: .4rem; - display: -webkit-flex; - display: flex; display: -ms-flexbox; + display: flex; -ms-flex-pack: center; - -webkit-justify-content: center; justify-content: center; left: 50%; position: absolute; - -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 10rem; @@ -280,7 +262,6 @@ .carousel .carousel-nav .nav-item { color: rgba(231, 233, 237, .5); display: block; - -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; height: 1.6rem; @@ -297,47 +278,21 @@ top: .5rem; width: 100%; } -@-webkit-keyframes carousel-slidein { - 0% { - -webkit-transform: translateX(100%); - transform: translateX(100%); - } - 100% { - -webkit-transform: translateX(0); - transform: translateX(0); - } -} @keyframes carousel-slidein { 0% { - -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { - -webkit-transform: translateX(0); transform: translateX(0); } } -@-webkit-keyframes carousel-slideout { - 0% { - opacity: 1; - -webkit-transform: translateX(0); - transform: translateX(0); - } - 100% { - opacity: 1; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); - } -} @keyframes carousel-slideout { 0% { opacity: 1; - -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 1; - -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @@ -397,7 +352,6 @@ position: absolute; right: .4rem; top: 50%; - -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 3px; @@ -406,7 +360,6 @@ left: .8rem; } .comparison-slider .comparison-resizer { - -webkit-animation: first-run 1.5s 1 ease-in-out; animation: first-run 1.5s 1 ease-in-out; cursor: ew-resize; height: .8rem; @@ -418,7 +371,6 @@ position: relative; resize: horizontal; top: 50%; - -webkit-transform: translateY(-50%) scaleY(30); -ms-transform: translateY(-50%) scaleY(30); transform: translateY(-50%) scaleY(30); width: 0; @@ -434,23 +386,6 @@ -ms-user-select: none; user-select: none; } -@-webkit-keyframes first-run { - 0% { - width: 0; - } - 25% { - width: 2.4rem; - } - 50% { - width: .8rem; - } - 75% { - width: 1.2rem; - } - 100% { - width: 0; - } -} @keyframes first-run { 0% { width: 0; @@ -474,8 +409,6 @@ .filter .filter-body { display: flex; display: -ms-flexbox; - display: -webkit-flex; - -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @@ -549,9 +482,7 @@ .parallax .parallax-content { box-shadow: 0 1rem 2.1rem rgba(69, 77, 93, .3); height: auto; - -webkit-transform: perspective(1000px); transform: perspective(1000px); - -webkit-transform-style: preserve-3d; transform-style: preserve-3d; transition: all .4s ease; width: 100%; @@ -566,23 +497,19 @@ width: 100%; } .parallax .parallax-front { - -webkit-align-items: center; align-items: center; color: #fff; display: flex; display: -ms-flexbox; - display: -webkit-flex; -ms-flex-align: center; -ms-flex-pack: center; height: 100%; - -webkit-justify-content: center; justify-content: center; left: 0; position: absolute; text-align: center; text-shadow: 0 0 20px rgba(69, 77, 93, .5); top: 0; - -webkit-transform: translateZ(100px) scale(.9); transform: translateZ(100px) scale(.9); transition: all .4s ease; width: 100%; @@ -597,14 +524,12 @@ z-index: 300; } .parallax .parallax-top-left:hover ~ .parallax-content { - -webkit-transform: perspective(1000px) rotateX(-3deg) rotateY(3deg); transform: perspective(1000px) rotateX(-3deg) rotateY(3deg); } .parallax .parallax-top-left:hover ~ .parallax-content::before { background: linear-gradient(135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%); } .parallax .parallax-top-left:hover ~ .parallax-content .parallax-front { - -webkit-transform: translate3d(-6.5px, -6.5px, 100px) scale(.9); transform: translate3d(-6.5px, -6.5px, 100px) scale(.9); } .parallax .parallax-top-right { @@ -616,14 +541,12 @@ z-index: 300; } .parallax .parallax-top-right:hover ~ .parallax-content { - -webkit-transform: perspective(1000px) rotateX(-3deg) rotateY(-3deg); transform: perspective(1000px) rotateX(-3deg) rotateY(-3deg); } .parallax .parallax-top-right:hover ~ .parallax-content::before { background: linear-gradient(-135deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%); } .parallax .parallax-top-right:hover ~ .parallax-content .parallax-front { - -webkit-transform: translate3d(6.5px, -6.5px, 100px) scale(.9); transform: translate3d(6.5px, -6.5px, 100px) scale(.9); } .parallax .parallax-bottom-left { @@ -635,14 +558,12 @@ z-index: 300; } .parallax .parallax-bottom-left:hover ~ .parallax-content { - -webkit-transform: perspective(1000px) rotateX(3deg) rotateY(3deg); transform: perspective(1000px) rotateX(3deg) rotateY(3deg); } .parallax .parallax-bottom-left:hover ~ .parallax-content::before { background: linear-gradient(45deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%); } .parallax .parallax-bottom-left:hover ~ .parallax-content .parallax-front { - -webkit-transform: translate3d(-6.5px, 6.5px, 100px) scale(.9); transform: translate3d(-6.5px, 6.5px, 100px) scale(.9); } .parallax .parallax-bottom-right { @@ -654,14 +575,12 @@ z-index: 300; } .parallax .parallax-bottom-right:hover ~ .parallax-content { - -webkit-transform: perspective(1000px) rotateX(3deg) rotateY(-3deg); transform: perspective(1000px) rotateX(3deg) rotateY(-3deg); } .parallax .parallax-bottom-right:hover ~ .parallax-content::before { background: linear-gradient(-45deg, rgba(255, 255, 255, .25) 0%, rgba(255, 255, 255, 0) 50%); } .parallax .parallax-bottom-right:hover ~ .parallax-content .parallax-front { - -webkit-transform: translate3d(6.5px, 6.5px, 100px) scale(.9); transform: translate3d(6.5px, 6.5px, 100px) scale(.9); } .progress { @@ -689,21 +608,12 @@ border-radius: .1rem; } .progress:indeterminate { - -webkit-animation: progress-indeterminate 1.5s linear infinite; animation: progress-indeterminate 1.5s linear infinite; background: #f0f1f4 linear-gradient(to right, #5764c6 30%, #f0f1f4 30%) top left / 150% 150% no-repeat; } .progress:indeterminate::-moz-progress-bar { background: transparent; } -@-webkit-keyframes progress-indeterminate { - 0% { - background-position: 200% 0; - } - 100% { - background-position: -200% 0; - } -} @keyframes progress-indeterminate { 0% { background-position: 200% 0; @@ -732,9 +642,7 @@ border-radius: 50%; height: .6rem; margin-top: -.25rem; - transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease; - transition: -webkit-transform .2s ease; width: .6rem; } .slider::-moz-range-thumb { @@ -742,9 +650,7 @@ border: 0; border-radius: 50%; height: .6rem; - transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease; - transition: -webkit-transform .2s ease; width: .6rem; } .slider::-ms-thumb { @@ -752,13 +658,10 @@ border: 0; border-radius: 50%; height: .6rem; - transition: transform .2s ease, -webkit-transform .2s ease; transition: transform .2s ease; - transition: -webkit-transform .2s ease; width: .6rem; } .slider:active::-webkit-slider-thumb { - -webkit-transform: scale(1.25); transform: scale(1.25); } .slider:active::-moz-range-thumb { @@ -771,7 +674,6 @@ .slider:disabled::-webkit-slider-thumb, .slider.disabled::-webkit-slider-thumb { background: #e7e9ed; - -webkit-transform: scale(1); transform: scale(1); } .slider:disabled::-moz-range-thumb, @@ -809,7 +711,6 @@ .timeline .timeline-item { display: flex; display: -ms-flexbox; - display: -webkit-flex; margin-bottom: 1.2rem; position: relative; } @@ -823,12 +724,10 @@ width: 2px; } .timeline .timeline-item .timeline-left { - -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .timeline .timeline-item .timeline-content { - -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 2px 0 2px .8rem; |