/* Table of Contents ================================================== # Keyframes # Font-face # Icon # Animation # Duration */ /* # Keyframes ================================================== */ @-webkit-keyframes icon-spin { 0% { @include transform(rotate(0)); } 100% { @include transform(rotate(359deg)); } } @keyframes icon-spin { 0% { @include transform(rotate(0)); } 100% { @include transform(rotate(359deg)); } } /* # Font-face ================================================== */ @font-face { font-family: "dripicons"; font-style: normal; font-weight: normal; src: url(font_path("dripicons/dripicons.woff")) format("woff"); } @font-face { font-family: "dripicons-weather"; font-style: normal; font-weight: normal; src: url(font_path("dripicons/dripicons-weather.woff")) format("woff"); } /* # Icon ================================================== */ [class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-weather-"]:before, [class*=" icon-weather-"]:before { display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; line-height: 1; margin: -2px 0 0 0; padding: 0; speak: none; text-transform: none !important; vertical-align: middle; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "dripicons" !important; } [class^="icon-weather-"]:before, [class*=" icon-weather-"]:before { font-family: "dripicons-weather" !important; } .icon-alarm:before { content: "\61"; } .icon-align-center:before { content: "\62"; } .icon-align-justify:before { content: "\63"; } .icon-align-left:before { content: "\64"; } .icon-align-right:before { content: "\65"; } .icon-anchor:before { content: "\66"; } .icon-archive:before { content: "\67"; } .icon-arrow-down:before { content: "\68"; } .icon-arrow-left:before { content: "\69"; } .icon-arrow-right:before { content: "\6a"; } .icon-arrow-thin-down:before { content: "\6b"; } .icon-arrow-thin-left:before { content: "\6c"; } .icon-arrow-thin-right:before { content: "\6d"; } .icon-arrow-thin-up:before { content: "\6e"; } .icon-arrow-up:before { content: "\6f"; } .icon-article:before { content: "\70"; } .icon-backspace:before { content: "\71"; } .icon-basket:before { content: "\72"; } .icon-basketball:before { content: "\73"; } .icon-battery-empty:before { content: "\74"; } .icon-battery-full:before { content: "\75"; } .icon-battery-low:before { content: "\76"; } .icon-battery-medium:before { content: "\77"; } .icon-bell:before { content: "\78"; } .icon-blog:before { content: "\79"; } .icon-bluetooth:before { content: "\7a"; } .icon-bold:before { content: "\41"; } .icon-bookmark:before { content: "\42"; } .icon-bookmarks:before { content: "\43"; } .icon-box:before { content: "\44"; } .icon-briefcase:before { content: "\45"; } .icon-brightness-low:before { content: "\46"; } .icon-brightness-max:before { content: "\47"; } .icon-brightness-medium:before { content: "\48"; } .icon-broadcast:before { content: "\49"; } .icon-browser:before { content: "\4a"; } .icon-browser-upload:before { content: "\4b"; } .icon-brush:before { content: "\4c"; } .icon-calendar:before { content: "\4d"; } .icon-camcorder:before { content: "\4e"; } .icon-camera:before { content: "\4f"; } .icon-card:before { content: "\50"; } .icon-cart:before { content: "\51"; } .icon-checklist:before { content: "\52"; } .icon-checkmark:before { content: "\53"; } .icon-chevron-down:before { content: "\54"; } .icon-chevron-left:before { content: "\55"; } .icon-chevron-right:before { content: "\56"; } .icon-chevron-up:before { content: "\57"; } .icon-clipboard:before { content: "\58"; } .icon-clock:before { content: "\59"; } .icon-clockwise:before { content: "\5a"; } .icon-cloud:before { content: "\30"; } .icon-cloud-download:before { content: "\31"; } .icon-cloud-upload:before { content: "\32"; } .icon-code:before { content: "\33"; } .icon-contract:before { content: "\34"; } .icon-contract-2:before { content: "\35"; } .icon-conversation:before { content: "\36"; } .icon-copy:before { content: "\37"; } .icon-crop:before { content: "\38"; } .icon-cross:before { content: "\39"; } .icon-crosshair:before { content: "\21"; } .icon-cutlery:before { content: "\22"; } .icon-device-desktop:before { content: "\23"; } .icon-device-mobile:before { content: "\24"; } .icon-device-tablet:before { content: "\25"; } .icon-direction:before { content: "\26"; } .icon-disc:before { content: "\27"; } .icon-document:before { content: "\28"; } .icon-document-delete:before { content: "\29"; } .icon-document-edit:before { content: "\2a"; } .icon-document-new:before { content: "\2b"; } .icon-document-remove:before { content: "\2c"; } .icon-dot:before { content: "\2d"; } .icon-dots-2:before { content: "\2e"; } .icon-dots-3:before { content: "\2f"; } .icon-download:before { content: "\3a"; } .icon-duplicate:before { content: "\3b"; } .icon-enter:before { content: "\3c"; } .icon-exit:before { content: "\3d"; } .icon-expand:before { content: "\3e"; } .icon-expand-2:before { content: "\3f"; } .icon-experiment:before { content: "\40"; } .icon-export:before { content: "\5b"; } .icon-feed:before { content: "\5d"; } .icon-flag:before { content: "\5e"; } .icon-flashlight:before { content: "\5f"; } .icon-folder:before { content: "\60"; } .icon-folder-open:before { content: "\7b"; } .icon-forward:before { content: "\7c"; } .icon-gaming:before { content: "\7d"; } .icon-gear:before { content: "\7e"; } .icon-graduation:before { content: "\5c"; } .icon-graph-bar:before { content: "\e000"; } .icon-graph-line:before { content: "\e001"; } .icon-graph-pie:before { content: "\e002"; } .icon-headset:before { content: "\e003"; } .icon-heart:before { content: "\e004"; } .icon-help:before { content: "\e005"; } .icon-home:before { content: "\e006"; } .icon-hourglass:before { content: "\e007"; } .icon-inbox:before { content: "\e008"; } .icon-information:before { content: "\e009"; } .icon-italic:before { content: "\e00a"; } .icon-jewel:before { content: "\e00b"; } .icon-lifting:before { content: "\e00c"; } .icon-lightbulb:before { content: "\e00d"; } .icon-link:before { content: "\e00e"; } .icon-link-broken:before { content: "\e00f"; } .icon-list:before { content: "\e010"; } .icon-loading:before { content: "\e011"; } .icon-location:before { content: "\e012"; } .icon-lock:before { content: "\e013"; } .icon-lock-open:before { content: "\e014"; } .icon-mail:before { content: "\e015"; } .icon-map:before { content: "\e016"; } .icon-media-loop:before { content: "\e017"; } .icon-media-next:before { content: "\e018"; } .icon-media-pause:before { content: "\e019"; } .icon-media-play:before { content: "\e01a"; } .icon-media-previous:before { content: "\e01b"; } .icon-media-record:before { content: "\e01c"; } .icon-media-shuffle:before { content: "\e01d"; } .icon-media-stop:before { content: "\e01e"; } .icon-medical:before { content: "\e01f"; } .icon-menu:before { content: "\e020"; } .icon-message:before { content: "\e021"; } .icon-meter:before { content: "\e022"; } .icon-microphone:before { content: "\e023"; } .icon-minus:before { content: "\e024"; } .icon-monitor:before { content: "\e025"; } .icon-move:before { content: "\e026"; } .icon-music:before { content: "\e027"; } .icon-network-1:before { content: "\e028"; } .icon-network-2:before { content: "\e029"; } .icon-network-3:before { content: "\e02a"; } .icon-network-4:before { content: "\e02b"; } .icon-network-5:before { content: "\e02c"; } .icon-pamphlet:before { content: "\e02d"; } .icon-paperclip:before { content: "\e02e"; } .icon-pencil:before { content: "\e02f"; } .icon-phone:before { content: "\e030"; } .icon-photo:before { content: "\e031"; } .icon-photo-group:before { content: "\e032"; } .icon-pill:before { content: "\e033"; } .icon-pin:before { content: "\e034"; } .icon-plus:before { content: "\e035"; } .icon-power:before { content: "\e036"; } .icon-preview:before { content: "\e037"; } .icon-print:before { content: "\e038"; } .icon-pulse:before { content: "\e039"; } .icon-question:before { content: "\e03a"; } .icon-reply:before { content: "\e03b"; } .icon-reply-all:before { content: "\e03c"; } .icon-return:before { content: "\e03d"; } .icon-retweet:before { content: "\e03e"; } .icon-rocket:before { content: "\e03f"; } .icon-scale:before { content: "\e040"; } .icon-search:before { content: "\e041"; } .icon-shopping-bag:before { content: "\e042"; } .icon-skip:before { content: "\e043"; } .icon-stack:before { content: "\e044"; } .icon-star:before { content: "\e045"; } .icon-stopwatch:before { content: "\e046"; } .icon-store:before { content: "\e047"; } .icon-suitcase:before { content: "\e048"; } .icon-swap:before { content: "\e049"; } .icon-tag:before { content: "\e04a"; } .icon-tag-delete:before { content: "\e04b"; } .icon-tags:before { content: "\e04c"; } .icon-thumbs-down:before { content: "\e04d"; } .icon-thumbs-up:before { content: "\e04e"; } .icon-ticket:before { content: "\e04f"; } .icon-time-reverse:before { content: "\e050"; } .icon-to-do:before { content: "\e051"; } .icon-toggles:before { content: "\e052"; } .icon-trash:before { content: "\e053"; } .icon-trophy:before { content: "\e054"; } .icon-upload:before { content: "\e055"; } .icon-user:before { content: "\e056"; } .icon-user-group:before { content: "\e057"; } .icon-user-id:before { content: "\e058"; } .icon-vibrate:before { content: "\e059"; } .icon-view-apps:before { content: "\e05a"; } .icon-view-list:before { content: "\e05b"; } .icon-view-list-large:before { content: "\e05c"; } .icon-view-thumb:before { content: "\e05d"; } .icon-volume-full:before { content: "\e05e"; } .icon-volume-low:before { content: "\e05f"; } .icon-volume-medium:before { content: "\e060"; } .icon-volume-off:before { content: "\e061"; } .icon-wallet:before { content: "\e062"; } .icon-warning:before { content: "\e063"; } .icon-web:before { content: "\e064"; } .icon-weight:before { content: "\e065"; } .icon-wifi:before { content: "\e066"; } .icon-wrong:before { content: "\e067"; } .icon-zoom-in:before { content: "\e068"; } .icon-zoom-out:before { content: "\e069"; } .icon-weather-cloud:before { content: "a"; } .icon-weather-cloud-drizzle:before { content: "b"; } .icon-weather-cloud-drizzle-lightning:before { content: "c"; } .icon-weather-cloud-drizzle-lightning-moon:before { content: "d"; } .icon-weather-cloud-drizzle-lightning-sun:before { content: "e"; } .icon-weather-cloud-drizzle-lightning-sun-2:before { content: "f"; } .icon-weather-cloud-drizzle-moon:before { content: "g"; } .icon-weather-cloud-drizzle-sun:before { content: "h"; } .icon-weather-cloud-drizzle-sun-2:before { content: "i"; } .icon-weather-cloud-fog:before { content: "j"; } .icon-weather-cloud-fog-2:before { content: "k"; } .icon-weather-cloud-fog-moon:before { content: "l"; } .icon-weather-cloud-fog-sun:before { content: "m"; } .icon-weather-cloud-fog-sun-2:before { content: "n"; } .icon-weather-cloud-hail:before { content: "o"; } .icon-weather-cloud-hail-lightning:before { content: "p"; } .icon-weather-cloud-hail-lightning-moon:before { content: "q"; } .icon-weather-cloud-hail-lightning-sun:before { content: "r"; } .icon-weather-cloud-hail-lightning-sun-2:before { content: "s"; } .icon-weather-cloud-hail-moon:before { content: "t"; } .icon-weather-cloud-hail-sun:before { content: "u"; } .icon-weather-cloud-hail-sun-2:before { content: "v"; } .icon-weather-cloud-lightning:before { content: "w"; } .icon-weather-cloud-lightning-moon:before { content: "x"; } .icon-weather-cloud-lightning-sun:before { content: "y"; } .icon-weather-cloud-lightning-sun-2:before { content: "z"; } .icon-weather-cloud-moon:before { content: "A"; } .icon-weather-cloud-rain:before { content: "B"; } .icon-weather-cloud-rain-2:before { content: "C"; } .icon-weather-cloud-rain-2-moon:before { content: "D"; } .icon-weather-cloud-rain-2-sun:before { content: "E"; } .icon-weather-cloud-rain-2-sun-2:before { content: "F"; } .icon-weather-cloud-rain-lightning:before { content: "G"; } .icon-weather-cloud-rain-lightning-moon:before { content: "H"; } .icon-weather-cloud-rain-lightning-sun:before { content: "I"; } .icon-weather-cloud-rain-lightning-sun-2:before { content: "J"; } .icon-weather-cloud-rain-moon:before { content: "K"; } .icon-weather-cloud-rain-sun:before { content: "L"; } .icon-weather-cloud-rain-sun-2:before { content: "M"; } .icon-weather-cloud-snow:before { content: "N"; } .icon-weather-cloud-snow-moon:before { content: "O"; } .icon-weather-cloud-snow-sun:before { content: "P"; } .icon-weather-cloud-snow-sun-2:before { content: "Q"; } .icon-weather-cloud-sun:before { content: "R"; } .icon-weather-cloud-sun-2:before { content: "S"; } .icon-weather-cloud-wind:before { content: "T"; } .icon-weather-cloud-wind-2:before { content: "U"; } .icon-weather-cloud-wind-2-moon:before { content: "V"; } .icon-weather-cloud-wind-2-sun:before { content: "W"; } .icon-weather-cloud-wind-2-sun-2:before { content: "X"; } .icon-weather-cloud-wind-moon:before { content: "Y"; } .icon-weather-cloud-wind-sun:before { content: "Z"; } .icon-weather-cloud-wind-sun-2:before { content: "0"; } .icon-weather-clouds:before { content: "1"; } .icon-weather-clouds-moon:before { content: "2"; } .icon-weather-clouds-sun:before { content: "3"; } .icon-weather-clouds-sun-2:before { content: "4"; } .icon-weather-compass-east:before { content: "5"; } .icon-weather-compass-north:before { content: "6"; } .icon-weather-compass-south:before { content: "7"; } .icon-weather-compass-west:before { content: "8"; } .icon-weather-degrees-celcius:before { content: "9"; } .icon-weather-degrees-fahrenheit:before { content: "!"; } .icon-weather-drizzle:before { content: "\""; } .icon-weather-flag:before { content: "#"; } .icon-weather-fog:before { content: "$"; } .icon-weather-hail:before { content: "%"; } .icon-weather-lightning:before { content: "&"; } .icon-weather-moon-25:before { content: "'"; } .icon-weather-moon-50:before { content: "("; } .icon-weather-moon-75:before { content: ")"; } .icon-weather-moon-100:before { content: "*"; } .icon-weather-moon-stars:before { content: "+"; } .icon-weather-rain:before { content: ","; } .icon-weather-raindrop:before { content: "-"; } .icon-weather-snow:before { content: "."; } .icon-weather-sun:before { content: "/"; } .icon-weather-sun-eclipse:before { content: ":"; } .icon-weather-sun-low:before { content: ";"; } .icon-weather-sun-lower:before { content: "<"; } .icon-weather-sun-rise:before { content: "="; } .icon-weather-sun-set:before { content: ">"; } .icon-weather-thermometer-25:before { content: "?"; } .icon-weather-thermometer-50:before { content: "@"; } .icon-weather-thermometer-75:before { content: "["; } .icon-weather-thermometer-100:before { content: "]"; } .icon-weather-tornado:before { content: "^"; } .icon-weather-umbrella:before { content: "_"; } .icon-weather-umbrella-drizzle:before { content: "`"; } .icon-weather-wet:before { content: "{"; } .icon-weather-wind:before { content: "|"; } /* # Animation ================================================== */ .icon-spin:before { @include animation(icon-spin 2s infinite linear); } /* # Duration ================================================== */ .icon-spin-duration-fastest:before { @include animation-duration(0.5s); } .icon-spin-duration-faster:before { @include animation-duration(1s); } .icon-spin-duration-fast:before { @include animation-duration(1.5s); } .icon-spin-duration-default:before { @include animation-duration(2s); } .icon-spin-duration-slow:before { @include animation-duration(2.5s); } .icon-spin-duration-slower:before { @include animation-duration(3s); } .icon-spin-duration-slowest:before { @include animation-duration(3.5s); }