diff options
Cleanup Calendars code
2 files changed, 7 insertions, 17 deletions
| -rw-r--r-- | docs/css/spectre-exp.css | 22 | ||||
| -rw-r--r-- | docs/css/spectre-exp.min.css | 2 |
diff --git a/docs/css/spectre-exp.css b/docs/css/spectre-exp.css index 64e2b75..8eec68b 100644 --- a/docs/css/spectre-exp.css +++ b/docs/css/spectre-exp.css @@ -6,8 +6,6 @@ text-align: center; } .calendar .calendar-nav { - -webkit-align-content: space-between; - align-content: space-between; -webkit-align-items: center; align-items: center; background: #f8f8f8; @@ -17,7 +15,6 @@ display: -ms-flexbox; display: -webkit-flex; -ms-flex-align: center; - -ms-flex-line-pack: justify; font-size: 2rem; padding: 1rem; } @@ -72,15 +69,15 @@ border-radius: 50%; cursor: pointer; display: inline-block; - height: 3.2rem; + height: 2.4rem; line-height: 2rem; - padding: .5rem; + padding: .1rem; text-align: center; text-decoration: none; transition: all .2s ease; vertical-align: middle; white-space: nowrap; - width: 3.2rem; + width: 2.4rem; } .calendar .calendar-body .date-item.date-today { background: #eff1fa; @@ -101,8 +98,8 @@ } .calendar .calendar-body .date-item.badge::after { position: absolute; - right: .4rem; - top: .4rem; + right: .2rem; + top: .2rem; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); @@ -113,7 +110,7 @@ .calendar .calendar-range .date-item::before { background: #eff1fa; content: ""; - height: 3.2rem; + height: 2.4rem; left: 50%; position: absolute; top: 50%; @@ -159,15 +156,8 @@ -ms-flex: 0 0 2.4rem; flex: 0 0 2.4rem; -ms-flex-item-align: end; - height: 2.4rem; margin-right: .5rem; margin-top: .5rem; - padding: .1rem; - width: 2.4rem; -} -.calendar.calendar-lg .calendar-body .date-item.badge::after { - right: .2rem; - top: .2rem; } .calendar.calendar-lg .calendar-body .calendar-range .date-item::before { height: 2.4rem; diff --git a/docs/css/spectre-exp.min.css b/docs/css/spectre-exp.min.css index a89fff7..5302aa3 100644 --- a/docs/css/spectre-exp.min.css +++ b/docs/css/spectre-exp.min.css @@ -1 +1 @@ -/*! Spectre.css Experimentals | MIT License | github.com/picturepan2/spectre */.calendar{border:.1rem solid #efefef;border-radius:.2rem;display:block;text-align:center}.calendar .calendar-nav{-webkit-align-content:space-between;align-content:space-between;-webkit-align-items:center;align-items:center;background:#f8f8f8;border-top-left-radius:.2rem;border-top-right-radius:.2rem;display:flex;display:-ms-flexbox;display:-webkit-flex;-ms-flex-align:center;-ms-flex-line-pack:justify;font-size:2rem;padding:1rem}.calendar .calendar-body,.calendar .calendar-header{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:1rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-webkit-flex:0 0 14.28%;-ms-flex:0 0 14.28%;flex:0 0 14.28%}.calendar .calendar-header{background:#f8f8f8;border-bottom:.1rem solid #efefef;color:#999;font-size:1.2rem}.calendar .calendar-body{color:#666}.calendar .calendar-body .calendar-date{border:0;padding:.6rem}.calendar .calendar-body .calendar-date .date-item{color:#666}.calendar .calendar-body .calendar-date .date-item:disabled,.calendar .calendar-body .calendar-date.next-month .date-item,.calendar .calendar-body .calendar-date.prev-month .date-item{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-body .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.1rem solid transparent;border-radius:50%;cursor:pointer;display:inline-block;height:3.2rem;line-height:2rem;padding:.5rem;text-align:center;text-decoration:none;transition:all .2s ease;vertical-align:middle;white-space:nowrap;width:3.2rem}.calendar .calendar-body .date-item.date-today{background:#eff1fa;color:#5764c6}.calendar .calendar-body .date-item:focus,.calendar .calendar-body .date-item:hover{background:#f7f8fc;border-color:#dcdff3;color:#5764c6;text-decoration:none}.calendar .calendar-body .date-item.active,.calendar .calendar-body .date-item:active{background:#4452c0;border-color:#3b49af;color:#fff}.calendar .calendar-body .date-item.badge::after{position:absolute;right:.4rem;top:.4rem;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.calendar .calendar-range{position:relative}.calendar .calendar-range .date-item::before{background:#eff1fa;content:"";height:3.2rem;left:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50%;z-index:-9}.calendar .calendar-range+.calendar-range .date-item::before{left:0;width:100%}.calendar .calendar-range+.calendar-range .date-item.active::before{width:50%}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.1rem solid #efefef;border-right:.1rem solid #efefef;display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:11rem;overflow:hidden;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .calendar-body .date-item{-webkit-align-self:flex-end;align-self:flex-end;-webkit-flex:0 0 2.4rem;-ms-flex:0 0 2.4rem;flex:0 0 2.4rem;-ms-flex-item-align:end;height:2.4rem;margin-right:.5rem;margin-top:.5rem;padding:.1rem;width:2.4rem}.calendar.calendar-lg .calendar-body .date-item.badge::after{right:.2rem;top:.2rem}.calendar.calendar-lg .calendar-body .calendar-range .date-item::before{height:2.4rem;left:auto;right:0;top:1.7rem;width:2.2rem}.calendar.calendar-lg .calendar-body .calendar-range+.calendar-range .date-item::before{left:0;width:100%}.calendar.calendar-lg .calendar-body .calendar-range+.calendar-range .date-item.active::before{right:1.7rem;width:auto}.calendar.calendar-lg .calendar-events{-webkit-flex-grow:1;flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.5rem}.calendar.calendar-lg .calendar-event{background:#eff1fa;border-radius:.2rem;color:#5764c6;display:block;font-size:1.2rem;margin:.2rem auto;overflow:hidden;padding:.3rem .4rem;text-align:left;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.carousel{background:#f8f8f8;display:block;height:50vh;overflow:hidden;position:relative;width:100%}.carousel .carousel-container{height:100%;left:0;position:relative}.carousel .carousel-container .carousel-item{-webkit-animation:carousel-slideout 1s 1;animation:carousel-slideout 1s 1;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carousel .carousel-container .carousel-item:hover .item-next,.carousel .carousel-container .carousel-item:hover .item-prev{opacity:1}.carousel .carousel-container .item-next,.carousel .carousel-container .item-prev{background:rgba(204,204,204,.25);border-color:rgba(204,204,204,.5);color:#ccc;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease;z-index:99}.carousel .carousel-container .item-prev{left:2rem}.carousel .carousel-container .item-next{right:2rem}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.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 1;animation:carousel-slidein .75s 1;opacity:1;z-index:99}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-nav .nav-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-nav .nav-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-nav .nav-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-nav .nav-item:nth-of-type(4){color:#ccc}.carousel .carousel-nav{bottom:1rem;display:-webkit-flex;display:flex;display:-ms-flexbox;-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:20rem;z-index:999}.carousel .carousel-nav .nav-item{color:rgba(204,204,204,.5);display:block;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;height:4rem;margin:.4rem;max-width:5rem;position:relative}.carousel .carousel-nav .nav-item::before{background:currentColor;content:"";display:block;height:.3rem;position:absolute;top:2rem;width:100%}@supports (object-fit:cover){.carousel-item img{height:100%;object-fit:cover;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) scale(1);transform:translateX(0) scale(1)}100%{opacity:0;-webkit-transform:translateX(-50%) scale(.95);transform:translateX(-50%) scale(.95)}}@keyframes carousel-slideout{0%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}100%{opacity:0;-webkit-transform:translateX(-50%) scale(.95);transform:translateX(-50%) scale(.95)}}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8f8f8;border:0;border-radius:.2rem;display:block;height:1.6rem;width:100%}.meter::-webkit-meter-inner-element{display:block}.meter::-webkit-meter-bar,.meter::-webkit-meter-even-less-good-value,.meter::-webkit-meter-optimum-value,.meter::-webkit-meter-suboptimum-value{border-radius:.2rem}.meter::-webkit-meter-bar{background:#f8f8f8}.meter::-webkit-meter-optimum-value{background:#32b643}.meter::-webkit-meter-suboptimum-value{background:#ffb700}.meter::-webkit-meter-even-less-good-value{background:#e85600}.meter:-moz-meter-optimum,.meter:-moz-meter-sub-optimum,.meter:-moz-meter-sub-sub-optimum,.meter::-moz-meter-bar{border-radius:.2rem}.meter:-moz-meter-optimum::-moz-meter-bar{background:#32b643}.meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#ffb700}.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#e85600}.parallax{display:block;height:auto;position:relative;width:auto}.parallax .parallax-content{box-shadow:0 2.5rem 5rem rgba(0,0,0,.45);height:auto;-webkit-transform:perspective(50rem);transform:perspective(50rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s ease;width:100%}.parallax .parallax-content::before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.parallax .parallax-top-left{height:50%;left:0;position:absolute;top:0;width:50%;z-index:99}.parallax .parallax-top-left:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(3deg) rotateY(-3deg);transform:perspective(50rem) 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-right{height:50%;position:absolute;right:0;top:0;width:50%;z-index:99}.parallax .parallax-top-right:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(3deg) rotateY(3deg);transform:perspective(50rem) 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-bottom-left{bottom:0;height:50%;left:0;position:absolute;width:50%;z-index:99}.parallax .parallax-bottom-left:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(-3deg) rotateY(-3deg);transform:perspective(50rem) 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-right{bottom:0;height:50%;position:absolute;right:0;width:50%;z-index:99}.parallax .parallax-bottom-right:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(-3deg) rotateY(3deg);transform:perspective(50rem) 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%)}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#efefef;border:0;border-radius:.2rem;color:#5764c6;height:.4rem;position:relative;width:100%}.progress::-webkit-progress-bar{background:0 0;border-radius:.2rem}.progress::-webkit-progress-value{background:#5764c6;border-radius:.2rem}.progress::-moz-progress-bar{background:#5764c6;border-radius:.2rem}.progress:indeterminate{-webkit-animation:progress-indeterminate 1.5s linear infinite;animation:progress-indeterminate 1.5s linear infinite;background:#efefef linear-gradient(to right,#5764c6 30%,#efefef 30%) top left/150% 150% no-repeat}.progress:indeterminate::-moz-progress-bar{background:0 0}@-webkit-keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:block;height:2.4rem;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#5764c6;border:0;border-radius:50%;height:1.2rem;margin-top:-.4rem;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease;transition:-webkit-transform .2s ease;width:1.2rem}.slider::-moz-range-thumb{background:#5764c6;border:0;border-radius:50%;height:1.2rem;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease;transition:-webkit-transform .2s ease;width:1.2rem}.slider::-ms-thumb{background:#5764c6;border:0;border-radius:50%;height:1.2rem;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease;transition:-webkit-transform .2s ease;width:1.2rem}.slider:active::-webkit-slider-thumb{-webkit-transform:scale(1.25);transform:scale(1.25)}.slider:active::-moz-range-thumb{transform:scale(1.25)}.slider:active::-ms-thumb{-ms-transform:scale(1.25);transform:scale(1.25)}.slider.disabled::-webkit-slider-thumb,.slider:disabled::-webkit-slider-thumb{background:#ccc;-webkit-transform:scale(1);transform:scale(1)}.slider.disabled::-moz-range-thumb,.slider:disabled::-moz-range-thumb{background:#ccc;transform:scale(1)}.slider.disabled::-ms-thumb,.slider:disabled::-ms-thumb{background:#ccc;-ms-transform:scale(1);transform:scale(1)}.slider::-webkit-slider-runnable-track{background:#efefef;border-radius:.2rem;height:.4rem;width:100%}.slider::-moz-range-track{background:#efefef;border-radius:.2rem;height:.4rem;width:100%}.slider::-ms-track{background:#efefef;border-radius:.2rem;height:.4rem;width:100%}.slider::-ms-fill-lower{background:#5764c6}
\ No newline at end of file +/*! Spectre.css Experimentals | MIT License | github.com/picturepan2/spectre */.calendar{border:.1rem solid #efefef;border-radius:.2rem;display:block;text-align:center}.calendar .calendar-nav{-webkit-align-items:center;align-items:center;background:#f8f8f8;border-top-left-radius:.2rem;border-top-right-radius:.2rem;display:flex;display:-ms-flexbox;display:-webkit-flex;-ms-flex-align:center;font-size:2rem;padding:1rem}.calendar .calendar-body,.calendar .calendar-header{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:1rem 0}.calendar .calendar-body .calendar-date,.calendar .calendar-header .calendar-date{-webkit-flex:0 0 14.28%;-ms-flex:0 0 14.28%;flex:0 0 14.28%}.calendar .calendar-header{background:#f8f8f8;border-bottom:.1rem solid #efefef;color:#999;font-size:1.2rem}.calendar .calendar-body{color:#666}.calendar .calendar-body .calendar-date{border:0;padding:.6rem}.calendar .calendar-body .calendar-date .date-item{color:#666}.calendar .calendar-body .calendar-date .date-item:disabled,.calendar .calendar-body .calendar-date.next-month .date-item,.calendar .calendar-body .calendar-date.prev-month .date-item{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-body .date-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:.1rem solid transparent;border-radius:50%;cursor:pointer;display:inline-block;height:2.4rem;line-height:2rem;padding:.1rem;text-align:center;text-decoration:none;transition:all .2s ease;vertical-align:middle;white-space:nowrap;width:2.4rem}.calendar .calendar-body .date-item.date-today{background:#eff1fa;color:#5764c6}.calendar .calendar-body .date-item:focus,.calendar .calendar-body .date-item:hover{background:#f7f8fc;border-color:#dcdff3;color:#5764c6;text-decoration:none}.calendar .calendar-body .date-item.active,.calendar .calendar-body .date-item:active{background:#4452c0;border-color:#3b49af;color:#fff}.calendar .calendar-body .date-item.badge::after{position:absolute;right:.2rem;top:.2rem;-webkit-transform:translate(50%,-50%);-ms-transform:translate(50%,-50%);transform:translate(50%,-50%)}.calendar .calendar-range{position:relative}.calendar .calendar-range .date-item::before{background:#eff1fa;content:"";height:2.4rem;left:50%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:50%;z-index:-9}.calendar .calendar-range+.calendar-range .date-item::before{left:0;width:100%}.calendar .calendar-range+.calendar-range .date-item.active::before{width:50%}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.1rem solid #efefef;border-right:.1rem solid #efefef;display:flex;display:-ms-flexbox;display:-webkit-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:11rem;overflow:hidden;padding:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n){border-right:0}.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7){border-bottom:0}.calendar.calendar-lg .calendar-body .date-item{-webkit-align-self:flex-end;align-self:flex-end;-webkit-flex:0 0 2.4rem;-ms-flex:0 0 2.4rem;flex:0 0 2.4rem;-ms-flex-item-align:end;margin-right:.5rem;margin-top:.5rem}.calendar.calendar-lg .calendar-body .calendar-range .date-item::before{height:2.4rem;left:auto;right:0;top:1.7rem;width:2.2rem}.calendar.calendar-lg .calendar-body .calendar-range+.calendar-range .date-item::before{left:0;width:100%}.calendar.calendar-lg .calendar-body .calendar-range+.calendar-range .date-item.active::before{right:1.7rem;width:auto}.calendar.calendar-lg .calendar-events{-webkit-flex-grow:1;flex-grow:1;-ms-flex-positive:1;line-height:1;overflow-y:auto;padding:.5rem}.calendar.calendar-lg .calendar-event{background:#eff1fa;border-radius:.2rem;color:#5764c6;display:block;font-size:1.2rem;margin:.2rem auto;overflow:hidden;padding:.3rem .4rem;text-align:left;text-overflow:ellipsis;vertical-align:baseline;white-space:nowrap}.carousel{background:#f8f8f8;display:block;height:50vh;overflow:hidden;position:relative;width:100%}.carousel .carousel-container{height:100%;left:0;position:relative}.carousel .carousel-container .carousel-item{-webkit-animation:carousel-slideout 1s 1;animation:carousel-slideout 1s 1;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carousel .carousel-container .carousel-item:hover .item-next,.carousel .carousel-container .carousel-item:hover .item-prev{opacity:1}.carousel .carousel-container .item-next,.carousel .carousel-container .item-prev{background:rgba(204,204,204,.25);border-color:rgba(204,204,204,.5);color:#ccc;opacity:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all .4s ease;z-index:99}.carousel .carousel-container .item-prev{left:2rem}.carousel .carousel-container .item-next{right:2rem}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-container .carousel-item:nth-of-type(1),.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 1;animation:carousel-slidein .75s 1;opacity:1;z-index:99}.carousel .carousel-locator:nth-of-type(1):checked~.carousel-nav .nav-item:nth-of-type(1),.carousel .carousel-locator:nth-of-type(2):checked~.carousel-nav .nav-item:nth-of-type(2),.carousel .carousel-locator:nth-of-type(3):checked~.carousel-nav .nav-item:nth-of-type(3),.carousel .carousel-locator:nth-of-type(4):checked~.carousel-nav .nav-item:nth-of-type(4){color:#ccc}.carousel .carousel-nav{bottom:1rem;display:-webkit-flex;display:flex;display:-ms-flexbox;-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:20rem;z-index:999}.carousel .carousel-nav .nav-item{color:rgba(204,204,204,.5);display:block;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;height:4rem;margin:.4rem;max-width:5rem;position:relative}.carousel .carousel-nav .nav-item::before{background:currentColor;content:"";display:block;height:.3rem;position:absolute;top:2rem;width:100%}@supports (object-fit:cover){.carousel-item img{height:100%;object-fit:cover;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) scale(1);transform:translateX(0) scale(1)}100%{opacity:0;-webkit-transform:translateX(-50%) scale(.95);transform:translateX(-50%) scale(.95)}}@keyframes carousel-slideout{0%{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}100%{opacity:0;-webkit-transform:translateX(-50%) scale(.95);transform:translateX(-50%) scale(.95)}}.meter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f8f8f8;border:0;border-radius:.2rem;display:block;height:1.6rem;width:100%}.meter::-webkit-meter-inner-element{display:block}.meter::-webkit-meter-bar,.meter::-webkit-meter-even-less-good-value,.meter::-webkit-meter-optimum-value,.meter::-webkit-meter-suboptimum-value{border-radius:.2rem}.meter::-webkit-meter-bar{background:#f8f8f8}.meter::-webkit-meter-optimum-value{background:#32b643}.meter::-webkit-meter-suboptimum-value{background:#ffb700}.meter::-webkit-meter-even-less-good-value{background:#e85600}.meter:-moz-meter-optimum,.meter:-moz-meter-sub-optimum,.meter:-moz-meter-sub-sub-optimum,.meter::-moz-meter-bar{border-radius:.2rem}.meter:-moz-meter-optimum::-moz-meter-bar{background:#32b643}.meter:-moz-meter-sub-optimum::-moz-meter-bar{background:#ffb700}.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:#e85600}.parallax{display:block;height:auto;position:relative;width:auto}.parallax .parallax-content{box-shadow:0 2.5rem 5rem rgba(0,0,0,.45);height:auto;-webkit-transform:perspective(50rem);transform:perspective(50rem);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .4s ease;width:100%}.parallax .parallax-content::before{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.parallax .parallax-top-left{height:50%;left:0;position:absolute;top:0;width:50%;z-index:99}.parallax .parallax-top-left:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(3deg) rotateY(-3deg);transform:perspective(50rem) 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-right{height:50%;position:absolute;right:0;top:0;width:50%;z-index:99}.parallax .parallax-top-right:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(3deg) rotateY(3deg);transform:perspective(50rem) 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-bottom-left{bottom:0;height:50%;left:0;position:absolute;width:50%;z-index:99}.parallax .parallax-bottom-left:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(-3deg) rotateY(-3deg);transform:perspective(50rem) 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-right{bottom:0;height:50%;position:absolute;right:0;width:50%;z-index:99}.parallax .parallax-bottom-right:hover~.parallax-content{-webkit-transform:perspective(50rem) rotateX(-3deg) rotateY(3deg);transform:perspective(50rem) 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%)}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#efefef;border:0;border-radius:.2rem;color:#5764c6;height:.4rem;position:relative;width:100%}.progress::-webkit-progress-bar{background:0 0;border-radius:.2rem}.progress::-webkit-progress-value{background:#5764c6;border-radius:.2rem}.progress::-moz-progress-bar{background:#5764c6;border-radius:.2rem}.progress:indeterminate{-webkit-animation:progress-indeterminate 1.5s linear infinite;animation:progress-indeterminate 1.5s linear infinite;background:#efefef linear-gradient(to right,#5764c6 30%,#efefef 30%) top left/150% 150% no-repeat}.progress:indeterminate::-moz-progress-bar{background:0 0}@-webkit-keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;display:block;height:2.4rem;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#5764c6;border:0;border-radius:50%;height:1.2rem;margin-top:-.4rem;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease;transition:-webkit-transform .2s ease;width:1.2rem}.slider::-moz-range-thumb{background:#5764c6;border:0;border-radius:50%;height:1.2rem;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease;transition:-webkit-transform .2s ease;width:1.2rem}.slider::-ms-thumb{background:#5764c6;border:0;border-radius:50%;height:1.2rem;transition:transform .2s ease,-webkit-transform .2s ease;transition:transform .2s ease;transition:-webkit-transform .2s ease;width:1.2rem}.slider:active::-webkit-slider-thumb{-webkit-transform:scale(1.25);transform:scale(1.25)}.slider:active::-moz-range-thumb{transform:scale(1.25)}.slider:active::-ms-thumb{-ms-transform:scale(1.25);transform:scale(1.25)}.slider.disabled::-webkit-slider-thumb,.slider:disabled::-webkit-slider-thumb{background:#ccc;-webkit-transform:scale(1);transform:scale(1)}.slider.disabled::-moz-range-thumb,.slider:disabled::-moz-range-thumb{background:#ccc;transform:scale(1)}.slider.disabled::-ms-thumb,.slider:disabled::-ms-thumb{background:#ccc;-ms-transform:scale(1);transform:scale(1)}.slider::-webkit-slider-runnable-track{background:#efefef;border-radius:.2rem;height:.4rem;width:100%}.slider::-moz-range-track{background:#efefef;border-radius:.2rem;height:.4rem;width:100%}.slider::-ms-track{background:#efefef;border-radius:.2rem;height:.4rem;width:100%}.slider::-ms-fill-lower{background:#5764c6}
\ No newline at end of file |