/* ----------------------------------------------------------------------------- * SVG - Arrow Right * ----------------------------------------------------------------------------- */ @svg-load arrow-right-active url('../icons/arrow-right.svg') { path { fill: #141827; } } @svg-load arrow-right-secondary url('../icons/arrow-right.svg') { path { fill: #bababa; } } @svg-load arrow-right-white url('../icons/arrow-right.svg') { path { fill: #fff; } } /* ----------------------------------------------------------------------------- * SVG - Arrow (light, left) * ----------------------------------------------------------------------------- */ @svg-load arrow url('../icons/arrow.svg') { path { fill: #5d5d5d; } } /* ----------------------------------------------------------------------------- * SVG - Caret Down * ----------------------------------------------------------------------------- */ @svg-load caret-down url('../icons/caret-down.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Caret Left * ----------------------------------------------------------------------------- */ @svg-load caret-left url('../icons/caret-left.svg') { path { fill: #5d5d5d; } } @svg-load caret-left-active url('../icons/caret-left.svg') { path { fill: #141827; } } @svg-load caret-left-disabled url('../icons/caret-left.svg') { path { fill: #d5d5d5; } } @svg-load caret-left-secondary url('../icons/caret-left.svg') { path { fill: #bababa; } } /* ----------------------------------------------------------------------------- * SVG - Caret Right * ----------------------------------------------------------------------------- */ @svg-load caret-right url('../icons/caret-right.svg') { path { fill: #5d5d5d; } } @svg-load caret-right-active url('../icons/caret-right.svg') { path { fill: #141827; } } @svg-load caret-right-disabled url('../icons/caret-right.svg') { path { fill: #d5d5d5; } } @svg-load caret-right-secondary url('../icons/caret-right.svg') { path { fill: #bababa; } } @svg-load caret-right-white url('../icons/caret-right.svg') { path { fill: #fff; } } /* ----------------------------------------------------------------------------- * SVG - Caret Up * ----------------------------------------------------------------------------- */ @svg-load caret-up url('../icons/caret-up.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Check * ----------------------------------------------------------------------------- */ @svg-load check-white url('../icons/check.svg') { path { fill: #fff; } } /* ----------------------------------------------------------------------------- * SVG - Close * ----------------------------------------------------------------------------- */ @svg-load close url('../icons/close.svg') { path { stroke: #5d5d5d; } } @svg-load close-secondary url('../icons/close.svg') { path { stroke: #bababa; } } /* ----------------------------------------------------------------------------- * SVG - Day * ----------------------------------------------------------------------------- */ @svg-load day url('../icons/day.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Dropdown * ----------------------------------------------------------------------------- */ @svg-load dropdown url('../icons/dropdown.svg') { path { fill: #5d5d5d; } } /* ----------------------------------------------------------------------------- * SVG - Error * ----------------------------------------------------------------------------- */ @svg-load error-active url('../icons/error.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Featured * ----------------------------------------------------------------------------- */ @svg-load featured url('../icons/featured-event.svg') { path { fill: #334aff; } } @svg-load featured-active url('../icons/featured-event.svg') { path { fill: #141827; } } @svg-load featured-white url('../icons/featured-event.svg') { path { fill: #fff; } } /* ----------------------------------------------------------------------------- * SVG - Filters * ----------------------------------------------------------------------------- */ @svg-load filters url('../icons/filters.svg') { path { stroke: #5d5d5d; } circle { stroke: #5d5d5d; } } @svg-load filters-active url('../icons/filters.svg') { path { stroke: #141827; } circle { stroke: #141827; } } @svg-load filters-disabled url('../icons/filters.svg') { path { stroke: #d5d5d5; } circle { stroke: #d5d5d5; } } /* ----------------------------------------------------------------------------- * SVG - Link * ----------------------------------------------------------------------------- */ @svg-load link-active url('../icons/link.svg') { path { stroke: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Guest * ----------------------------------------------------------------------------- */ @svg-load guest-active url('../icons/guest.svg') { path { fill: #141827; stroke: #141827; } } @svg-load guest-disabled url('../icons/guest.svg') { path { fill: #d5d5d5; stroke: #d5d5d5; } } /* ----------------------------------------------------------------------------- * SVG - List * ----------------------------------------------------------------------------- */ @svg-load list url('../icons/list.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Location * ----------------------------------------------------------------------------- */ @svg-load location url('../icons/location.svg') { path { fill: #5d5d5d; } } @svg-load location-active url('../icons/location.svg') { path { fill: #141827; } } @svg-load location-disabled url('../icons/location.svg') { path { fill: #d5d5d5; } } @svg-load location-focus url('../icons/location.svg') { path { fill: #334affcd ../; } } /* ----------------------------------------------------------------------------- * SVG - Mail * ----------------------------------------------------------------------------- */ @svg-load mail-active url('../icons/mail.svg') { path { stroke: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Map * ----------------------------------------------------------------------------- */ @svg-load map url('../icons/map.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Map pin * ----------------------------------------------------------------------------- */ @svg-load map-pin-active url('../icons/map-pin.svg') { path { stroke: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Messages * ----------------------------------------------------------------------------- */ @svg-load messages-not-found url('../icons/messages-not-found.svg') {} /* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Month * ----------------------------------------------------------------------------- */ @svg-load month url('../icons/month.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - No Map * ----------------------------------------------------------------------------- */ @svg-load no-map url('../icons/no-map.svg') {} /* stylelint-disable-line block-no-empty */ /* ----------------------------------------------------------------------------- * SVG - Paper Plane * ----------------------------------------------------------------------------- */ @svg-load paper-plane-active url('../icons/paper-plane.svg') { path { stroke: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Phone * ----------------------------------------------------------------------------- */ @svg-load phone-active url('../icons/phone.svg') { path { stroke: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Photo * ----------------------------------------------------------------------------- */ @svg-load photo url('../icons/photo.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Plus * ----------------------------------------------------------------------------- */ @svg-load plus-focus url('../icons/plus.svg') { path { stroke: #334affcd ../; } } @svg-load plus-white url('../icons/plus.svg') { path { stroke: #fff; } } /* ----------------------------------------------------------------------------- * SVG - Recurring * ----------------------------------------------------------------------------- */ @svg-load recurring url('../icons/recurring-events.svg') { path { fill: #334aff; } } @svg-load recurring-active url('../icons/recurring-events.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Remove * ----------------------------------------------------------------------------- */ @svg-load remove url('../icons/remove.svg') { circle, path { stroke: #5d5d5d; } } @svg-load remove-secondary url('../icons/remove.svg') { circle, path { stroke: #bababa; } } /* ----------------------------------------------------------------------------- * SVG - Reset * ----------------------------------------------------------------------------- */ @svg-load reset url('../icons/reset.svg') { path { stroke: #5d5d5d; } } @svg-load reset-active url('../icons/reset.svg') { path { stroke: #141827; } } @svg-load reset-disabled url('../icons/reset.svg') { path { stroke: #d5d5d5; } } /* ----------------------------------------------------------------------------- * SVG - Search * ----------------------------------------------------------------------------- */ @svg-load search url('../icons/search.svg') { path { fill: #5d5d5d; } } @svg-load search-active url('../icons/search.svg') { path { fill: #141827; } } @svg-load search-disabled url('../icons/search.svg') { path { fill: #d5d5d5; } } @svg-load search-focus url('../icons/search.svg') { path { fill: #334affcd ../; } } /* ----------------------------------------------------------------------------- * SVG - Search Filter * ----------------------------------------------------------------------------- */ @svg-load search-filter url('../icons/search-filter.svg') { path { fill: #141827; } circle { stroke: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Week * ----------------------------------------------------------------------------- */ @svg-load week url('../icons/week.svg') { path { fill: #141827; } } /* ----------------------------------------------------------------------------- * SVG - Cal Export * ----------------------------------------------------------------------------- */ @svg-load cal-export url('../icons/cal-export.svg') {} /* stylelint-disable-line block-no-empty */