itsblue-website/themes/itsblue/css-compiled/spectre-exp.css

2 lines
22 KiB
CSS
Raw Normal View History

2020-05-01 13:16:16 +02:00
/*! Spectre.css Experimentals v0.5.8 | MIT License | github.com/picturepan2/spectre */.form-autocomplete{position:relative}.form-autocomplete .form-autocomplete-input{align-content:flex-start;display:flex;flex-wrap:wrap;height:auto;min-height:1.6rem;padding:.1rem}.form-autocomplete .form-autocomplete-input.is-focused{box-shadow:0 0 0 0.1rem rgba(48,133,238,0.2);border-color:#3085EE}.form-autocomplete .form-autocomplete-input .form-input{border-color:transparent;box-shadow:none;display:inline-block;flex:1 0 auto;height:1.2rem;line-height:.8rem;margin:.1rem;width:auto}.form-autocomplete .menu{left:0;position:absolute;top:100%;width:100%}.form-autocomplete.autocomplete-oneline .form-autocomplete-input{flex-wrap:nowrap;overflow-x:auto}.form-autocomplete.autocomplete-oneline .chip{flex:1 0 auto}.calendar{border:.05rem solid #e7e9ed;border-radius:.1rem;display:block;min-width:280px}.calendar .calendar-nav{align-items:center;background:#f8f9fa;border-top-left-radius:.1rem;border-top-right-radius:.1rem;display:flex;font-size:.9rem;padding:.4rem}.calendar .calendar-header,.calendar .calendar-body{display:flex;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.calendar .calendar-header .calendar-date,.calendar .calendar-body .calendar-date{flex:0 0 14.28%;max-width:14.28%}.calendar .calendar-header{background:#f8f9fa;border-bottom:.05rem solid #e7e9ed;color:#acb3c2;font-size:.7rem;text-align:center}.calendar .calendar-body{color:#667189}.calendar .calendar-date{border:0;padding:.2rem}.calendar .calendar-date .date-item{appearance:none;background:transparent;border:.05rem solid transparent;border-radius:50%;color:#667189;cursor:pointer;font-size:.7rem;height:1.4rem;line-height:1rem;outline:none;padding:.1rem;position:relative;text-align:center;text-decoration:none;transition:background .2s, border .2s, box-shadow .2s, color .2s;vertical-align:middle;white-space:nowrap;width:1.4rem}.calendar .calendar-date .date-item.date-today{border-color:#d3e5fb;color:#3085EE}.calendar .calendar-date .date-item:focus{box-shadow:0 0 0 0.1rem rgba(48,133,238,0.2)}.calendar .calendar-date .date-item:focus,.calendar .calendar-date .date-item:hover{background:#eff5fe;border-color:#d3e5fb;color:#3085EE;text-decoration:none}.calendar .calendar-date .date-item:active,.calendar .calendar-date .date-item.active{background:#227ded;border-color:#1370e3;color:#fff}.calendar .calendar-date .date-item.badge::after{position:absolute;top:3px;right:3px;transform:translate(50%, -50%)}.calendar .calendar-date .date-item:disabled,.calendar .calendar-date .date-item.disabled,.calendar .calendar-date .calendar-event:disabled,.calendar .calendar-date .calendar-event.disabled{cursor:default;opacity:.25;pointer-events:none}.calendar .calendar-date.prev-month .date-item,.calendar .calendar-date.prev-month .calendar-event,.calendar .calendar-date.next-month .date-item,.calendar .calendar-date.next-month .calendar-event{opacity:.25}.calendar .calendar-range{position:relative}.calendar .calendar-range::before{background:#e1edfd;content:"";height:1.4rem;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.calendar .calendar-range.range-start::before{left:50%}.calendar .calendar-range.range-end::before{right:50%}.calendar .calendar-range.range-start .date-item,.calendar .calendar-range.range-end .date-item{background:#227ded;border-color:#1370e3;color:#fff}.calendar .calendar-range .date-item{color:#3085EE}.calendar.calendar-lg .calendar-body{padding:0}.calendar.calendar-lg .calendar-body .calendar-date{border-bottom:.05rem solid #e7e9ed;border-right:.05rem solid #e7e9ed;display:flex;flex-direction:column;height:5.5rem;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 .date-item{align-self:flex-end;height:1.4rem;margin-right:.2rem;margin-top:.2rem}.calendar.calendar-lg .calendar-range::before{top:19px}.calendar.calendar-lg .calendar-range.range-start::before{left:auto;width:19px}.calendar.calendar-lg .calend