123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153 |
- @import url("https://fonts.googleapis.com/css?family=Lato:400,700,700italic,900,400italic,300");
- @font-face {
- font-family: 'Flat-UI-Icons';
- src: url('../fonts/Flat-UI-Icons.eot');
- src: url('../fonts/Flat-UI-Icons.eot?#iefix') format('embedded-opentype'), url('../fonts/Flat-UI-Icons.woff') format('woff'), url('../fonts/Flat-UI-Icons.ttf') format('truetype'), url('../fonts/Flat-UI-Icons.svg#Flat-UI-Icons') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- /* Use the following CSS code if you want to use data attributes for inserting your icons */
- [data-icon]:before {
- font-family: 'Flat-UI-Icons';
- content: attr(data-icon);
- speak: none;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- -webkit-font-smoothing: antialiased;
- }
- /* Use the following CSS code if you want to have a class per icon */
- /*
- Instead of a list of all class selectors,
- you can use the generic selector below, but it's slower:
- [class*="fui-"] {
- */
- .fui-arrow-right,
- .fui-arrow-left,
- .fui-cmd,
- .fui-check-inverted,
- .fui-heart,
- .fui-location,
- .fui-plus,
- .fui-check,
- .fui-cross,
- .fui-list,
- .fui-new,
- .fui-video,
- .fui-photo,
- .fui-volume,
- .fui-time,
- .fui-eye,
- .fui-chat,
- .fui-search,
- .fui-user,
- .fui-mail,
- .fui-lock,
- .fui-gear,
- .fui-radio-unchecked,
- .fui-radio-checked,
- .fui-checkbox-unchecked,
- .fui-checkbox-checked,
- .fui-calendar-solid,
- .fui-pause,
- .fui-play,
- .fui-check-inverted-2 {
- display: inline-block;
- font-family: 'Flat-UI-Icons';
- speak: none;
- font-style: normal;
- font-weight: normal;
- font-variant: normal;
- text-transform: none;
- -webkit-font-smoothing: antialiased;
- }
- .fui-arrow-right:before {
- content: "\e02c";
- }
- .fui-arrow-left:before {
- content: "\e02d";
- }
- .fui-cmd:before {
- content: "\e02f";
- }
- .fui-check-inverted:before {
- content: "\e006";
- }
- .fui-heart:before {
- content: "\e007";
- }
- .fui-location:before {
- content: "\e008";
- }
- .fui-plus:before {
- content: "\e009";
- }
- .fui-check:before {
- content: "\e00a";
- }
- .fui-cross:before {
- content: "\e00b";
- }
- .fui-list:before {
- content: "\e00c";
- }
- .fui-new:before {
- content: "\e00d";
- }
- .fui-video:before {
- content: "\e00e";
- }
- .fui-photo:before {
- content: "\e00f";
- }
- .fui-volume:before {
- content: "\e010";
- }
- .fui-time:before {
- content: "\e011";
- }
- .fui-eye:before {
- content: "\e012";
- }
- .fui-chat:before {
- content: "\e013";
- }
- .fui-search:before {
- content: "\e01c";
- }
- .fui-user:before {
- content: "\e01d";
- }
- .fui-mail:before {
- content: "\e01e";
- }
- .fui-lock:before {
- content: "\e01f";
- }
- .fui-gear:before {
- content: "\e024";
- }
- .fui-radio-unchecked:before {
- content: "\e02b";
- }
- .fui-radio-checked:before {
- content: "\e032";
- }
- .fui-checkbox-unchecked:before {
- content: "\e033";
- }
- .fui-checkbox-checked:before {
- content: "\e034";
- }
- .fui-calendar-solid:before {
- content: "\e022";
- }
- .fui-pause:before {
- content: "\e03b";
- }
- .fui-play:before {
- content: "\e03c";
- }
- .fui-check-inverted-2:before {
- content: "\e000";
- }
|