@travlrcom/icons
Version:
TRAVLR Icons
821 lines (582 loc) • 20 kB
CSS
/** For Extra Small Screen / Phone **/
/** For Small Screen / Tablet **/
/** For Medium Screen / Desktop **/
/** For Large Screen / Wide Desktop **/
/** For Extra Large Screen / Fullhd Desktop **/
/** For Screen Max **/
@font-face {
font-family: "TRAVLR";
src: url(fonts/TRAVLR/TRAVLR.eot);
src: url(fonts/TRAVLR/TRAVLR.eot) format("embedded-opentype"), url(fonts/TRAVLR/TRAVLR.eot) format("eot"), url(fonts/TRAVLR/TRAVLR.ttf) format("truetype"), url(fonts/TRAVLR/TRAVLR.woff) format("woff"), url(fonts/TRAVLR/TRAVLR.woff2) format("woff2"), url(fonts/TRAVLR/TRAVLR.svg) format("svg");
font-weight: normal;
font-style: normal;
font-display: block; }
.travlr-ui .t- {
/*------------------------
base class definition
-------------------------*/ }
.travlr-ui .t-icon {
display: inline-block;
font: normal normal normal 24px/1 'TRAVLR';
text-rendering: auto;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/*------------------------
spinning icons
-------------------------*/
/*------------------------
rotated/flipped icons
-------------------------*/
/*------------------------------------
use icons as list item markers
-------------------------------------*/ }
.travlr-ui .t-icon.icon {
/*------------------------
change icon size
-------------------------*/
/* relative units */
/* absolute units */
/*----------------------------------
add a square/circle background
-----------------------------------*/ }
.travlr-ui .t-icon.icon-small {
font-size: 20px; }
.travlr-ui .t-icon.icon-large {
font-size: 32px; }
.travlr-ui .t-icon.icon-16 {
font-size: 16px; }
.travlr-ui .t-icon.icon-32 {
font-size: 32px; }
.travlr-ui .t-icon.icon-inline {
position: relative;
top: 6px; }
.travlr-ui .t-icon.icon-bg-square, .travlr-ui .t-icon.icon-bg-circle {
padding: 0.35em;
background-color: #eee; }
.travlr-ui .t-icon.icon-bg-circle {
border-radius: 50%; }
.travlr-ui .t-icon-is-spinning {
-webkit-animation: icon-spin 2s infinite linear;
-moz-animation: icon-spin 2s infinite linear;
animation: icon-spin 2s infinite linear; }
.travlr-ui .t-icon-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); }
.travlr-ui .t-icon-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg); }
.travlr-ui .t-icon-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg); }
.travlr-ui .t-icon-flip-y {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1); }
.travlr-ui .t-icon-flip-x {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1); }
.travlr-ui .t-icon-group {
padding-left: 0;
list-style-type: none; }
.travlr-ui .t-icon-group > li {
display: inline-block;
line-height: 1.4; }
.travlr-ui .t-icon-group > li > .icon {
margin-right: 0.4em;
line-height: inherit; }
/*------------------------
Helpers
-------------------------*/
.travlr-ui .t-icon.icon-account::before {
content: "\EA02"; }
.travlr-ui .t-icon.icon-angle-down-small::before {
content: "\EA03"; }
.travlr-ui .t-icon.icon-angle-up-small::before {
content: "\EA04"; }
.travlr-ui .t-icon.icon-activity::before {
content: "\EA05"; }
.travlr-ui .t-icon.icon-angle-down::before {
content: "\EA06"; }
.travlr-ui .t-icon.icon-angle-left::before {
content: "\EA07"; }
.travlr-ui .t-icon.icon-angle-up::before {
content: "\EA08"; }
.travlr-ui .t-icon.icon-angle-left-small::before {
content: "\EA09"; }
.travlr-ui .t-icon.icon-angle-right-small::before {
content: "\EA0A"; }
.travlr-ui .t-icon.icon-angle-right::before {
content: "\EA0B"; }
.travlr-ui .t-icon.icon-arrow-down::before {
content: "\EA0C"; }
.travlr-ui .t-icon.icon-arrow-left-long::before {
content: "\EA0D"; }
.travlr-ui .t-icon.icon-arrow-left::before {
content: "\EA0E"; }
.travlr-ui .t-icon.icon-arrow-right-long::before {
content: "\EA0F"; }
.travlr-ui .t-icon.icon-arrow-right::before {
content: "\EA10"; }
.travlr-ui .t-icon.icon-arrow-up-left::before {
content: "\EA11"; }
.travlr-ui .t-icon.icon-arrow-up-long::before {
content: "\EA12"; }
.travlr-ui .t-icon.icon-arrow-up-right::before {
content: "\EA13"; }
.travlr-ui .t-icon.icon-arrow-up::before {
content: "\EA14"; }
.travlr-ui .t-icon.icon-arrows-alt::before {
content: "\EA15"; }
.travlr-ui .t-icon.icon-arrows-compress::before {
content: "\EA16"; }
.travlr-ui .t-icon.icon-arrow-down-long::before {
content: "\EA17"; }
.travlr-ui .t-icon.icon-arrows-h::before {
content: "\EA18"; }
.travlr-ui .t-icon.icon-arrow-down-left::before {
content: "\EA19"; }
.travlr-ui .t-icon.icon-arrow-down-right::before {
content: "\EA1A"; }
.travlr-ui .t-icon.icon-arrows::before {
content: "\EA1B"; }
.travlr-ui .t-icon.icon-arrows-reverse::before {
content: "\EA1C"; }
.travlr-ui .t-icon.icon-attachment::before {
content: "\EA1D"; }
.travlr-ui .t-icon.icon-arrows-v::before {
content: "\EA1E"; }
.travlr-ui .t-icon.icon-beach::before {
content: "\EA1F"; }
.travlr-ui .t-icon.icon-articles::before {
content: "\EA20"; }
.travlr-ui .t-icon.icon-arrows-expand::before {
content: "\EA21"; }
.travlr-ui .t-icon.icon-bubble-o::before {
content: "\EA22"; }
.travlr-ui .t-icon.icon-bubble::before {
content: "\EA23"; }
.travlr-ui .t-icon.icon-building::before {
content: "\EA24"; }
.travlr-ui .t-icon.icon-bus::before {
content: "\EA25"; }
.travlr-ui .t-icon.icon-bar::before {
content: "\EA26"; }
.travlr-ui .t-icon.icon-bookmark-o::before {
content: "\EA27"; }
.travlr-ui .t-icon.icon-cadet-down-small::before {
content: "\EA28"; }
.travlr-ui .t-icon.icon-cadet-down-square-o::before {
content: "\EA29"; }
.travlr-ui .t-icon.icon-bookmark::before {
content: "\EA2A"; }
.travlr-ui .t-icon.icon-cadet-down-circle-o::before {
content: "\EA2B"; }
.travlr-ui .t-icon.icon-cadet-down-circle::before {
content: "\EA2C"; }
.travlr-ui .t-icon.icon-cadet-up-circle::before {
content: "\EA2D"; }
.travlr-ui .t-icon.icon-cadet-up-small::before {
content: "\EA2E"; }
.travlr-ui .t-icon.icon-cadet-up-square-o::before {
content: "\EA2F"; }
.travlr-ui .t-icon.icon-cadet-up-square::before {
content: "\EA30"; }
.travlr-ui .t-icon.icon-cadet-up::before {
content: "\EA31"; }
.travlr-ui .t-icon.icon-cadet-down::before {
content: "\EA32"; }
.travlr-ui .t-icon.icon-cadet-up-circle-o::before {
content: "\EA33"; }
.travlr-ui .t-icon.icon-cadet-down-square::before {
content: "\EA34"; }
.travlr-ui .t-icon.icon-car::before {
content: "\EA35"; }
.travlr-ui .t-icon.icon-card-amex::before {
content: "\EA36"; }
.travlr-ui .t-icon.icon-cafe::before {
content: "\EA37"; }
.travlr-ui .t-icon.icon-calendar::before {
content: "\EA38"; }
.travlr-ui .t-icon.icon-call::before {
content: "\EA39"; }
.travlr-ui .t-icon.icon-card-mastercard::before {
content: "\EA3A"; }
.travlr-ui .t-icon.icon-card-paypal::before {
content: "\EA3B"; }
.travlr-ui .t-icon.icon-card-visa::before {
content: "\EA3C"; }
.travlr-ui .t-icon.icon-cart-o::before {
content: "\EA3D"; }
.travlr-ui .t-icon.icon-check-circle::before {
content: "\EA3E"; }
.travlr-ui .t-icon.icon-chart::before {
content: "\EA3F"; }
.travlr-ui .t-icon.icon-check-square-o::before {
content: "\EA40"; }
.travlr-ui .t-icon.icon-cart::before {
content: "\EA41"; }
.travlr-ui .t-icon.icon-check::before {
content: "\EA42"; }
.travlr-ui .t-icon.icon-checkbox::before {
content: "\EA43"; }
.travlr-ui .t-icon.icon-check-small::before {
content: "\EA44"; }
.travlr-ui .t-icon.icon-check-square::before {
content: "\EA45"; }
.travlr-ui .t-icon.icon-close-small::before {
content: "\EA46"; }
.travlr-ui .t-icon.icon-close-square-o::before {
content: "\EA47"; }
.travlr-ui .t-icon.icon-close-circle-o::before {
content: "\EA48"; }
.travlr-ui .t-icon.icon-close::before {
content: "\EA49"; }
.travlr-ui .t-icon.icon-close-circle::before {
content: "\EA4A"; }
.travlr-ui .t-icon.icon-cloud-down::before {
content: "\EA4B"; }
.travlr-ui .t-icon.icon-check-circle-o::before {
content: "\EA4C"; }
.travlr-ui .t-icon.icon-cloud-up::before {
content: "\EA4D"; }
.travlr-ui .t-icon.icon-code::before {
content: "\EA4E"; }
.travlr-ui .t-icon.icon-comment-o::before {
content: "\EA4F"; }
.travlr-ui .t-icon.icon-cloud-up-o::before {
content: "\EA50"; }
.travlr-ui .t-icon.icon-cloud-down-o::before {
content: "\EA51"; }
.travlr-ui .t-icon.icon-compress::before {
content: "\EA52"; }
.travlr-ui .t-icon.icon-comment::before {
content: "\EA53"; }
.travlr-ui .t-icon.icon-community::before {
content: "\EA54"; }
.travlr-ui .t-icon.icon-delete-o::before {
content: "\EA55"; }
.travlr-ui .t-icon.icon-delete::before {
content: "\EA56"; }
.travlr-ui .t-icon.icon-direction::before {
content: "\EA57"; }
.travlr-ui .t-icon.icon-discover::before {
content: "\EA58"; }
.travlr-ui .t-icon.icon-dollar::before {
content: "\EA59"; }
.travlr-ui .t-icon.icon-download::before {
content: "\EA5A"; }
.travlr-ui .t-icon.icon-edit-o::before {
content: "\EA5B"; }
.travlr-ui .t-icon.icon-edit::before {
content: "\EA5C"; }
.travlr-ui .t-icon.icon-ellipsis-h::before {
content: "\EA5D"; }
.travlr-ui .t-icon.icon-ellipsis-v::before {
content: "\EA5E"; }
.travlr-ui .t-icon.icon-error-o::before {
content: "\EA5F"; }
.travlr-ui .t-icon.icon-error::before {
content: "\EA60"; }
.travlr-ui .t-icon.icon-events::before {
content: "\EA61"; }
.travlr-ui .t-icon.icon-expand::before {
content: "\EA62"; }
.travlr-ui .t-icon.icon-external::before {
content: "\EA63"; }
.travlr-ui .t-icon.icon-eye-o::before {
content: "\EA64"; }
.travlr-ui .t-icon.icon-eye::before {
content: "\EA65"; }
.travlr-ui .t-icon.icon-facebook-square::before {
content: "\EA66"; }
.travlr-ui .t-icon.icon-facebook::before {
content: "\EA67"; }
.travlr-ui .t-icon.icon-file::before {
content: "\EA68"; }
.travlr-ui .t-icon.icon-filter::before {
content: "\EA69"; }
.travlr-ui .t-icon.icon-flag-o::before {
content: "\EA6A"; }
.travlr-ui .t-icon.icon-flag::before {
content: "\EA6B"; }
.travlr-ui .t-icon.icon-flight-arrival::before {
content: "\EA6C"; }
.travlr-ui .t-icon.icon-flight-departure::before {
content: "\EA6D"; }
.travlr-ui .t-icon.icon-flight::before {
content: "\EA6E"; }
.travlr-ui .t-icon.icon-food::before {
content: "\EA6F"; }
.travlr-ui .t-icon.icon-forward::before {
content: "\EA70"; }
.travlr-ui .t-icon.icon-funnel::before {
content: "\EA71"; }
.travlr-ui .t-icon.icon-gift::before {
content: "\EA72"; }
.travlr-ui .t-icon.icon-globe::before {
content: "\EA73"; }
.travlr-ui .t-icon.icon-conversation::before {
content: "\EA74"; }
.travlr-ui .t-icon.icon-google-plus::before {
content: "\EA75"; }
.travlr-ui .t-icon.icon-google::before {
content: "\EA76"; }
.travlr-ui .t-icon.icon-grid::before {
content: "\EA77"; }
.travlr-ui .t-icon.icon-heart-o::before {
content: "\EA78"; }
.travlr-ui .t-icon.icon-heart::before {
content: "\EA79"; }
.travlr-ui .t-icon.icon-help-o::before {
content: "\EA7A"; }
.travlr-ui .t-icon.icon-conversation-o::before {
content: "\EA7B"; }
.travlr-ui .t-icon.icon-google-play::before {
content: "\EA7C"; }
.travlr-ui .t-icon.icon-home::before {
content: "\EA7D"; }
.travlr-ui .t-icon.icon-help::before {
content: "\EA7E"; }
.travlr-ui .t-icon.icon-image-library-o::before {
content: "\EA7F"; }
.travlr-ui .t-icon.icon-home-o::before {
content: "\EA80"; }
.travlr-ui .t-icon.icon-close-square::before {
content: "\EA81"; }
.travlr-ui .t-icon.icon-hotel::before {
content: "\EA82"; }
.travlr-ui .t-icon.icon-info-o::before {
content: "\EA83"; }
.travlr-ui .t-icon.icon-image-library::before {
content: "\EA84"; }
.travlr-ui .t-icon.icon-image-o::before {
content: "\EA85"; }
.travlr-ui .t-icon.icon-image::before {
content: "\EA86"; }
.travlr-ui .t-icon.icon-linkedin-square::before {
content: "\EA87"; }
.travlr-ui .t-icon.icon-instagram::before {
content: "\EA88"; }
.travlr-ui .t-icon.icon-link::before {
content: "\EA89"; }
.travlr-ui .t-icon.icon-info::before {
content: "\EA8A"; }
.travlr-ui .t-icon.icon-locked::before {
content: "\EA8B"; }
.travlr-ui .t-icon.icon-location::before {
content: "\EA8C"; }
.travlr-ui .t-icon.icon-locked-o::before {
content: "\EA8D"; }
.travlr-ui .t-icon.icon-linkedin::before {
content: "\EA8E"; }
.travlr-ui .t-icon.icon-mail-open-o::before {
content: "\EA8F"; }
.travlr-ui .t-icon.icon-logout::before {
content: "\EA90"; }
.travlr-ui .t-icon.icon-mail-o::before {
content: "\EA91"; }
.travlr-ui .t-icon.icon-login::before {
content: "\EA92"; }
.travlr-ui .t-icon.icon-map::before {
content: "\EA93"; }
.travlr-ui .t-icon.icon-mail::before {
content: "\EA94"; }
.travlr-ui .t-icon.icon-map-o::before {
content: "\EA95"; }
.travlr-ui .t-icon.icon-mail-open::before {
content: "\EA96"; }
.travlr-ui .t-icon.icon-messenger::before {
content: "\EA97"; }
.travlr-ui .t-icon.icon-message-o::before {
content: "\EA98"; }
.travlr-ui .t-icon.icon-message::before {
content: "\EA99"; }
.travlr-ui .t-icon.icon-menu::before {
content: "\EA9A"; }
.travlr-ui .t-icon.icon-minus-square-o::before {
content: "\EA9B"; }
.travlr-ui .t-icon.icon-minus-circle::before {
content: "\EA9C"; }
.travlr-ui .t-icon.icon-minus-small::before {
content: "\EA9D"; }
.travlr-ui .t-icon.icon-minus-circle-o::before {
content: "\EA9E"; }
.travlr-ui .t-icon.icon-navigation-90::before {
content: "\EA9F"; }
.travlr-ui .t-icon.icon-note::before {
content: "\EAA0"; }
.travlr-ui .t-icon.icon-notification-o::before {
content: "\EAA1"; }
.travlr-ui .t-icon.icon-notification::before {
content: "\EAA2"; }
.travlr-ui .t-icon.icon-pinpoint::before {
content: "\EAA3"; }
.travlr-ui .t-icon.icon-pinterest-circle::before {
content: "\EAA4"; }
.travlr-ui .t-icon.icon-pinterest::before {
content: "\EAA5"; }
.travlr-ui .t-icon.icon-places::before {
content: "\EAA6"; }
.travlr-ui .t-icon.icon-plan-trip::before {
content: "\EAA7"; }
.travlr-ui .t-icon.icon-plus-circle-o::before {
content: "\EAA8"; }
.travlr-ui .t-icon.icon-plus-circle::before {
content: "\EAA9"; }
.travlr-ui .t-icon.icon-plus-small::before {
content: "\EAAA"; }
.travlr-ui .t-icon.icon-minus-square::before {
content: "\EAAB"; }
.travlr-ui .t-icon.icon-plus-square::before {
content: "\EAAC"; }
.travlr-ui .t-icon.icon-navigation-45::before {
content: "\EAAD"; }
.travlr-ui .t-icon.icon-plus-square-o::before {
content: "\EAAE"; }
.travlr-ui .t-icon.icon-minus::before {
content: "\EAAF"; }
.travlr-ui .t-icon.icon-plus::before {
content: "\EAB0"; }
.travlr-ui .t-icon.icon-receipt::before {
content: "\EAB1"; }
.travlr-ui .t-icon.icon-price-tags::before {
content: "\EAB2"; }
.travlr-ui .t-icon.icon-print::before {
content: "\EAB3"; }
.travlr-ui .t-icon.icon-price-tag::before {
content: "\EAB4"; }
.travlr-ui .t-icon.icon-reply-all::before {
content: "\EAB5"; }
.travlr-ui .t-icon.icon-refresh::before {
content: "\EAB6"; }
.travlr-ui .t-icon.icon-renew::before {
content: "\EAB7"; }
.travlr-ui .t-icon.icon-recycle::before {
content: "\EAB8"; }
.travlr-ui .t-icon.icon-selected::before {
content: "\EAB9"; }
.travlr-ui .t-icon.icon-save::before {
content: "\EABA"; }
.travlr-ui .t-icon.icon-search::before {
content: "\EABB"; }
.travlr-ui .t-icon.icon-reply::before {
content: "\EABC"; }
.travlr-ui .t-icon.icon-share::before {
content: "\EABD"; }
.travlr-ui .t-icon.icon-setting::before {
content: "\EABE"; }
.travlr-ui .t-icon.icon-share-o::before {
content: "\EABF"; }
.travlr-ui .t-icon.icon-send::before {
content: "\EAC0"; }
.travlr-ui .t-icon.icon-shopping::before {
content: "\EAC1"; }
.travlr-ui .t-icon.icon-shield::before {
content: "\EAC2"; }
.travlr-ui .t-icon.icon-shop::before {
content: "\EAC3"; }
.travlr-ui .t-icon.icon-shield-o::before {
content: "\EAC4"; }
.travlr-ui .t-icon.icon-spa::before {
content: "\EAC5"; }
.travlr-ui .t-icon.icon-sort-down::before {
content: "\EAC6"; }
.travlr-ui .t-icon.icon-sort-up::before {
content: "\EAC7"; }
.travlr-ui .t-icon.icon-shortlists::before {
content: "\EAC8"; }
.travlr-ui .t-icon.icon-star-rating-empty::before {
content: "\EAC9"; }
.travlr-ui .t-icon.icon-spinner-2::before {
content: "\EACA"; }
.travlr-ui .t-icon.icon-star-o::before {
content: "\EACB"; }
.travlr-ui .t-icon.icon-spinner-1::before {
content: "\EACC"; }
.travlr-ui .t-icon.icon-sun::before {
content: "\EACD"; }
.travlr-ui .t-icon.icon-star-rating-half::before {
content: "\EACE"; }
.travlr-ui .t-icon.icon-star::before {
content: "\EACF"; }
.travlr-ui .t-icon.icon-star-rating-filled::before {
content: "\EAD0"; }
.travlr-ui .t-icon.icon-time::before {
content: "\EAD1"; }
.travlr-ui .t-icon.icon-tbb::before {
content: "\EAD2"; }
.travlr-ui .t-icon.icon-time-o::before {
content: "\EAD3"; }
.travlr-ui .t-icon.icon-sync::before {
content: "\EAD4"; }
.travlr-ui .t-icon.icon-travlr::before {
content: "\EAD5"; }
.travlr-ui .t-icon.icon-timer::before {
content: "\EAD6"; }
.travlr-ui .t-icon.icon-tool::before {
content: "\EAD7"; }
.travlr-ui .t-icon.icon-timer-o::before {
content: "\EAD8"; }
.travlr-ui .t-icon.icon-trip-add::before {
content: "\EAD9"; }
.travlr-ui .t-icon.icon-trend-flat::before {
content: "\EADA"; }
.travlr-ui .t-icon.icon-trend-up::before {
content: "\EADB"; }
.travlr-ui .t-icon.icon-trend-down::before {
content: "\EADC"; }
.travlr-ui .t-icon.icon-unlocked-o::before {
content: "\EADD"; }
.travlr-ui .t-icon.icon-trophy::before {
content: "\EADE"; }
.travlr-ui .t-icon.icon-twitter::before {
content: "\EADF"; }
.travlr-ui .t-icon.icon-trip::before {
content: "\EAE0"; }
.travlr-ui .t-icon.icon-user-add-o::before {
content: "\EAE1"; }
.travlr-ui .t-icon.icon-unselected::before {
content: "\EAE2"; }
.travlr-ui .t-icon.icon-upload::before {
content: "\EAE3"; }
.travlr-ui .t-icon.icon-unlocked::before {
content: "\EAE4"; }
.travlr-ui .t-icon.icon-voucher::before {
content: "\EAE5"; }
.travlr-ui .t-icon.icon-user-group::before {
content: "\EAE6"; }
.travlr-ui .t-icon.icon-user-single::before {
content: "\EAE7"; }
.travlr-ui .t-icon.icon-user-add::before {
content: "\EAE8"; }
.travlr-ui .t-icon.icon-zoom-in::before {
content: "\EAE9"; }
.travlr-ui .t-icon.icon-wifi::before {
content: "\EAEA"; }
.travlr-ui .t-icon.icon-youtube::before {
content: "\EAEB"; }
.travlr-ui .t-icon.icon-wedding::before {
content: "\EAEC"; }
.travlr-ui .t-icon.icon-zoom-out::before {
content: "\EAED"; }
/*# sourceMappingURL=travlr-icons.css.map*/