API tools faq
paste
iifast

css

iifast
May 14th, 2020
176
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.05 KB | None | 0 0
raw download clone embed print report
  1. /*--------------------------------
  2.  
  3. avasta Web Font
  4. Generated using nucleoapp.com
  5.  
  6. -------------------------------- */
  7. @font-face {
  8.   font-family: 'avasta';
  9.   src: url('../fonts/avasta.eot');
  10.   src: url('../fonts/avasta.eot') format('embedded-opentype'), url('../fonts/avasta.woff2') format('woff2'), url('../fonts/avasta.woff') format('woff'), url('../fonts/avasta.ttf') format('truetype'), url('../fonts/avasta.svg') format('svg');
  11.   font-weight: normal;
  12.   font-style: normal;
  13. }
  14. /*------------------------
  15.     base class definition
  16. -------------------------*/
  17. .icon {
  18.   display: inline-block;
  19.   font: normal normal normal 1em/1 'avasta';
  20.   speak: none;
  21.   text-transform: none;
  22.   /* Better Font Rendering */
  23.   -webkit-font-smoothing: antialiased;
  24.   -moz-osx-font-smoothing: grayscale;
  25. }
  26. /*------------------------
  27.   change icon size
  28. -------------------------*/
  29. /* relative units */
  30. .icon-sm {
  31.   font-size: 0.8em;
  32. }
  33. .icon-lg {
  34.   font-size: 1.2em;
  35. }
  36. /* absolute units */
  37. .icon-16 {
  38.   font-size: 16px;
  39. }
  40. .icon-32 {
  41.   font-size: 32px;
  42. }
  43. /*----------------------------------
  44.   add a square/circle background
  45. -----------------------------------*/
  46. .icon-bg-square,
  47. .icon-bg-circle {
  48.   padding: 0.35em;
  49.   background-color: #eee;
  50. }
  51. .icon-bg-circle {
  52.   border-radius: 50%;
  53. }
  54. /*------------------------------------
  55.   use icons as list item markers
  56. -------------------------------------*/
  57. .icon-ul {
  58.   padding-left: 0;
  59.   list-style-type: none;
  60. }
  61. .icon-ul > li {
  62.   display: flex;
  63.   align-items: flex-start;
  64.   line-height: 1.4;
  65. }
  66. .icon-ul > li > .icon {
  67.   margin-right: 0.4em;
  68.   line-height: inherit;
  69. }
  70. /*------------------------
  71.   spinning icons
  72. -------------------------*/
  73. .icon-is-spinning {
  74.   -webkit-animation: icon-spin 2s infinite linear;
  75.   -moz-animation: icon-spin 2s infinite linear;
  76.   animation: icon-spin 2s infinite linear;
  77. }
  78. @-webkit-keyframes icon-spin {
  79.   0% {
  80.     -webkit-transform: rotate(0deg);
  81.   }
  82.   100% {
  83.     -webkit-transform: rotate(360deg);
  84.   }
  85. }
  86. @-moz-keyframes icon-spin {
  87.   0% {
  88.     -moz-transform: rotate(0deg);
  89.   }
  90.   100% {
  91.     -moz-transform: rotate(360deg);
  92.   }
  93. }
  94. @keyframes icon-spin {
  95.   0% {
  96.     -webkit-transform: rotate(0deg);
  97.     -moz-transform: rotate(0deg);
  98.     -ms-transform: rotate(0deg);
  99.     -o-transform: rotate(0deg);
  100.     transform: rotate(0deg);
  101.   }
  102.   100% {
  103.     -webkit-transform: rotate(360deg);
  104.     -moz-transform: rotate(360deg);
  105.     -ms-transform: rotate(360deg);
  106.     -o-transform: rotate(360deg);
  107.     transform: rotate(360deg);
  108.   }
  109. }
  110. /*------------------------
  111.   rotated/flipped icons
  112. -------------------------*/
  113. .icon-rotate-90 {
  114.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  115.   -webkit-transform: rotate(90deg);
  116.   -moz-transform: rotate(90deg);
  117.   -ms-transform: rotate(90deg);
  118.   -o-transform: rotate(90deg);
  119.   transform: rotate(90deg);
  120. }
  121. .icon-rotate-180 {
  122.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  123.   -webkit-transform: rotate(180deg);
  124.   -moz-transform: rotate(180deg);
  125.   -ms-transform: rotate(180deg);
  126.   -o-transform: rotate(180deg);
  127.   transform: rotate(180deg);
  128. }
  129. .icon-rotate-270 {
  130.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  131.   -webkit-transform: rotate(270deg);
  132.   -moz-transform: rotate(270deg);
  133.   -ms-transform: rotate(270deg);
  134.   -o-transform: rotate(270deg);
  135.   transform: rotate(270deg);
  136. }
  137. .icon-flip-y {
  138.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  139.   -webkit-transform: scale(-1, 1);
  140.   -moz-transform: scale(-1, 1);
  141.   -ms-transform: scale(-1, 1);
  142.   -o-transform: scale(-1, 1);
  143.   transform: scale(-1, 1);
  144. }
  145. .icon-flip-x {
  146.   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  147.   -webkit-transform: scale(1, -1);
  148.   -moz-transform: scale(1, -1);
  149.   -ms-transform: scale(1, -1);
  150.   -o-transform: scale(1, -1);
  151.   transform: scale(1, -1);
  152. }
  153. /*------------------------
  154.     icons
  155. -------------------------*/
  156.  
  157. .icon-cloud-download-95::before {
  158.   content: "\ea02";
  159. }
  160.  
  161. .icon-home-minimal::before {
  162.   content: "\ea03";
  163. }
  164.  
  165. .icon-single-04::before {
  166.   content: "\ea04";
  167. }
  168.  
  169. .icon-users-mm::before {
  170.   content: "\ea05";
  171. }
  172.  
  173. .icon-webpage::before {
  174.   content: "\ea06";
  175. }
  176.  
  177. .icon-layout-25::before {
  178.   content: "\ea07";
  179. }
  180.  
  181. .icon-analytics::before {
  182.   content: "\ea08";
  183. }
  184.  
  185. .icon-chart-pie-36::before {
  186.   content: "\ea09";
  187. }
  188.  
  189. .icon-chart-bar-33::before {
  190.   content: "\ea0a";
  191. }
  192.  
  193. .icon-single-copy-06::before {
  194.   content: "\ea0b";
  195. }
  196.  
  197. .icon-home::before {
  198.   content: "\ea0c";
  199. }
  200.  
  201. .icon-single-content-03::before {
  202.   content: "\ea0d";
  203. }
  204.  
  205. .icon-bell-53::before {
  206.   content: "\ea0e";
  207. }
  208.  
  209. .icon-email-84::before {
  210.   content: "\ea0f";
  211. }
  212.  
  213. .icon-send::before {
  214.   content: "\ea10";
  215. }
  216.  
  217. .icon-at-sign::before {
  218.   content: "\ea11";
  219. }
  220.  
  221. .icon-attach-87::before {
  222.   content: "\ea12";
  223. }
  224.  
  225. .icon-edit-72::before {
  226.   content: "\ea13";
  227. }
  228.  
  229. .icon-tail-right::before {
  230.   content: "\ea14";
  231. }
  232.  
  233. .icon-minimal-right::before {
  234.   content: "\ea15";
  235. }
  236.  
  237. .icon-tail-left::before {
  238.   content: "\ea16";
  239. }
  240.  
  241. .icon-minimal-left::before {
  242.   content: "\ea17";
  243. }
  244.  
  245. .icon-tail-up::before {
  246.   content: "\ea18";
  247. }
  248.  
  249. .icon-minimal-up::before {
  250.   content: "\ea19";
  251. }
  252.  
  253. .icon-minimal-down::before {
  254.   content: "\ea1a";
  255. }
  256.  
  257. .icon-tail-down::before {
  258.   content: "\ea1b";
  259. }
  260.  
  261. .icon-settings-gear-64::before {
  262.   content: "\ea1c";
  263. }
  264.  
  265. .icon-settings::before {
  266.   content: "\ea1d";
  267. }
  268.  
  269. .icon-menu-dots::before {
  270.   content: "\ea1e";
  271. }
  272.  
  273. .icon-menu-left::before {
  274.   content: "\ea1f";
  275. }
  276.  
  277. .icon-funnel-40::before {
  278.   content: "\ea20";
  279. }
  280.  
  281. .icon-filter::before {
  282.   content: "\ea21";
  283. }
  284.  
  285. .icon-preferences-circle::before {
  286.   content: "\ea22";
  287. }
  288.  
  289. .icon-check-2::before {
  290.   content: "\ea23";
  291. }
  292.  
  293. .icon-cart-simple::before {
  294.   content: "\ea24";
  295. }
  296.  
  297. .icon-cart-9::before {
  298.   content: "\ea25";
  299. }
  300.  
  301. .icon-card-update::before {
  302.   content: "\ea26";
  303. }
  304.  
  305. .icon-basket::before {
  306.   content: "\ea27";
  307. }
  308.  
  309. .icon-check-circle-07::before {
  310.   content: "\ea28";
  311. }
  312.  
  313. .icon-simple-remove::before {
  314.   content: "\ea29";
  315. }
  316.  
  317. .icon-circle-remove::before {
  318.   content: "\ea2a";
  319. }
  320.  
  321. .icon-alert-circle-exc::before {
  322.   content: "\ea2b";
  323. }
  324.  
  325. .icon-bug::before {
  326.   content: "\ea2c";
  327. }
  328.  
  329. .icon-share-66::before {
  330.   content: "\ea2d";
  331. }
  332.  
  333. .icon-time-3::before {
  334.   content: "\ea2e";
  335. }
  336.  
  337. .icon-time::before {
  338.   content: "\ea2f";
  339. }
  340.  
  341. .icon-coffee::before {
  342.   content: "\ea30";
  343. }
  344.  
  345. .icon-smile::before {
  346.   content: "\ea31";
  347. }
  348.  
  349. .icon-sad::before {
  350.   content: "\ea32";
  351. }
  352.  
  353. .icon-broken-heart::before {
  354.   content: "\ea33";
  355. }
  356.  
  357. .icon-heart-2::before {
  358.   content: "\ea34";
  359. }
  360.  
  361. .icon-pin-3::before {
  362.   content: "\ea35";
  363. }
  364.  
  365. .icon-marker-3::before {
  366.   content: "\ea36";
  367. }
  368.  
  369. .icon-globe-2::before {
  370.   content: "\ea37";
  371. }
  372.  
  373. .icon-world-2::before {
  374.   content: "\ea38";
  375. }
  376.  
  377. .icon-phone-2::before {
  378.   content: "\ea39";
  379. }
  380.  
  381. .icon-check-square-11::before {
  382.   content: "\ea3a";
  383. }
  384.  
  385. .icon-wallet-90::before {
  386.   content: "\ea3b";
  387. }
  388.  
  389. .icon-credit-card::before {
  390.   content: "\ea3c";
  391. }
  392.  
  393. .icon-payment::before {
  394.   content: "\ea3d";
  395. }
  396.  
  397. .icon-tag::before {
  398.   content: "\ea3e";
  399. }
  400.  
  401. .icon-tag-cut::before {
  402.   content: "\ea3f";
  403. }
  404.  
  405. .icon-tag-content::before {
  406.   content: "\ea40";
  407. }
  408.  
  409. .icon-flag-diagonal-33::before {
  410.   content: "\ea41";
  411. }
  412.  
  413. .icon-triangle-right-17::before {
  414.   content: "\ea47";
  415. }
  416.  
  417. .icon-puzzle-10::before {
  418.   content: "\ea48";
  419. }
  420.  
  421. .icon-triangle-right-17-2::before {
  422.   content: "\ea49";
  423. }
  424.  
  425. .icon-btn-play::before {
  426.   content: "\ea4a";
  427. }
  428.  
  429. .icon-btn-play-2::before {
  430.   content: "\ea4b";
  431. }
  432.  
  433. .icon-menu-34::before {
  434.   content: "\ea4c";
  435. }
  436.  
  437. .icon-menu-left-2::before {
  438.   content: "\ea4d";
  439. }
  440.  
  441. .icon-heart-2-2::before {
  442.   content: "\ea4e";
  443. }
  444.  
  445. .icon-single-04-2::before {
  446.   content: "\ea4f";
  447. }
  448.  
  449. .icon-users-mm-2::before {
  450.   content: "\ea50";
  451. }
  452.  
  453. .icon-l-settings::before {
  454.   content: "\ea51";
  455. }
  456.  
  457. .icon-book-open-2::before {
  458.   content: "\ea52";
  459. }
  460.  
  461. .icon-layers-3::before {
  462.   content: "\ea53";
  463. }
  464.  
  465. .icon-logo-fb-simple::before {
  466.   content: "\ea55";
  467. }
  468.  
  469. .icon-logo-twitter::before {
  470.   content: "\ea56";
  471. }
  472.  
  473. .icon-google::before {
  474.   content: "\ea57";
  475. }
  476.  
  477. .icon-logo-pinterest::before {
  478.   content: "\ea58";
  479. }
  480.  
  481. .icon-logo-instagram::before {
  482.   content: "\ea59";
  483. }
  484.  
  485. .icon-logo-dribbble::before {
  486.   content: "\ea5a";
  487. }
  488.  
  489. .icon-tablet-mobile::before {
  490.   content: "\ea5b";
  491. }
  492.  
  493. .icon-house-search-engine::before {
  494.   content: "\ea5c";
  495. }
  496.  
  497. .icon-house-pricing::before {
  498.   content: "\ea5d";
  499. }
  500.  
  501. .icon-pulse-chart::before {
  502.   content: "\ea5e";
  503. }
  504.  
  505. .icon-plug::before {
  506.   content: "\ea5f";
  507. }
  508.  
  509. .icon-app-store::before {
  510.   content: "\ea60";
  511. }
  512.  
  513. .icon-power-level::before {
  514.   content: "\ea61";
  515. }
  516.  
  517. .icon-window-add::before {
  518.   content: "\ea62";
  519. }
  520.  
  521. .icon-form::before {
  522.   content: "\ea63";
  523. }
  524.  
  525. .icon-folder-15::before {
  526.   content: "\ea64";
  527. }
  528.  
  529. .icon-lock::before {
  530.   content: "\ea65";
  531. }
  532.  
  533. .icon-unlocked::before {
  534.   content: "\ea66";
  535. }
  536.  
  537. .icon-e-reader::before {
  538.   content: "\ea67";
  539. }
  540.  
  541. .icon-layout-grid::before {
  542.   content: "\ea68";
  543. }
  544.  
  545. .icon-single-copies::before {
  546.   content: "\ea69";
  547. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!