iconfonts
Version:
Fine-tuned icon fonts integration for Sass, Less and Stylus.
164 lines (157 loc) • 6.29 kB
CSS
/*
* PaymentFont v1.0.0
* http://paymentfont.io/
*
* Cssnext integration via https://github.com/rstacruz/iconfonts.
* Usage:
*
* @apply --pf-font;
* .button:before {
* @apply --pf-icon;
* @apply --pf-icon-arrow;
* }
*
* Output:
*
* @font-face {
* font-family: "PaymentFont"; ...
* }
* .button:before {
* font-family: "PaymentFont";
* content: '\f0123';
* }
*
* Icon files:
*
* https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.eot
* https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.ttf
* https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.woff
* https://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/paymentfont-webfont.svg
*/
:root {
--pf-path: https\://cdn.rawgit.com/vendocrat/PaymentFont/v1.0.0/fonts/;
--pf-name: PaymentFont;
--pf-site: http\://paymentfont.io/;
--pf-basename: paymentfont-webfont;
--pf-version: 1.0.0;
--pf-svghash: #paymentfont-webfont;
--pf-nativesize: 14px;
--pf-font {
@font-face {
font-family: var(--pf-name);
src: url("var(--pf-path)var(--pf-basename).eot?v=var(--pf-version)");
src: url("var(--pf-path)var(--pf-basename).eot?#iefix&v=var(--pf-version)") format("embedded-opentype"),
url("var(--pf-path)var(--pf-basename).woff?v=var(--pf-version)") format("woff"),
url("var(--pf-path)var(--pf-basename).ttf?v=var(--pf-version)") format("truetype"),
url("var(--pf-path)var(--pf-basename).svg?v=var(--pf-version)var(--pf-svghash)") format("svg");
font-weight: normal;
font-style: normal;
}
};
--pf-icon: {
line-height: 1em;
font-family: var(--pf-name);
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: none;
vertical-align: middle;
-webkit-font-smoothing: antialiased ;
-moz-osx-font-smoothing: grayscale;
};
--pf-icon-amazon: { content: "\f000"; };
--pf-icon-american-express: { content: "\f001"; };
--pf-icon-american-express-alt: { content: "\f002"; };
--pf-icon-apple-pay: { content: "\f04c"; };
--pf-icon-atm: { content: "\f003"; };
--pf-icon-bancontact-mister-cash: { content: "\f050"; };
--pf-icon-bank-transfer: { content: "\f005"; };
--pf-icon-bankomat: { content: "\f004"; };
--pf-icon-bitcoin: { content: "\f006"; };
--pf-icon-bitcoin-sign: { content: "\f007"; };
--pf-icon-braintree: { content: "\f008"; };
--pf-icon-btc: { content: "\f009"; };
--pf-icon-card: { content: "\f00a"; };
--pf-icon-carta-si: { content: "\f00b"; };
--pf-icon-cash: { content: "\f00c"; };
--pf-icon-cash-on-delivery: { content: "\f00d"; };
--pf-icon-cash-on-pickup: { content: "\f053"; };
--pf-icon-cb: { content: "\f00e"; };
--pf-icon-cirrus: { content: "\f00f"; };
--pf-icon-cirrus-alt: { content: "\f010"; };
--pf-icon-clickandbuy: { content: "\f011"; };
--pf-icon-credit-card: { content: "\f012"; };
--pf-icon-dankort: { content: "\f04f"; };
--pf-icon-diners: { content: "\f013"; };
--pf-icon-discover: { content: "\f014"; };
--pf-icon-ec: { content: "\f015"; };
--pf-icon-elo: { content: "\f055"; };
--pf-icon-elo-alt: { content: "\f056"; };
--pf-icon-eps: { content: "\f016"; };
--pf-icon-eur: { content: "\f017"; };
--pf-icon-facture: { content: "\f018"; };
--pf-icon-fattura: { content: "\f019"; };
--pf-icon-flattr: { content: "\f01a"; };
--pf-icon-giropay: { content: "\f01b"; };
--pf-icon-gittip: { content: "\f01c"; };
--pf-icon-google-wallet: { content: "\f01d"; };
--pf-icon-google-wallet-alt: { content: "\f01e"; };
--pf-icon-gpb: { content: "\f01f"; };
--pf-icon-gratipay: { content: "\f01c"; };
--pf-icon-gratipay-sign: { content: "\f05c"; };
--pf-icon-ideal: { content: "\f020"; };
--pf-icon-ils: { content: "\f021"; };
--pf-icon-inr: { content: "\f022"; };
--pf-icon-interac: { content: "\f04d"; };
--pf-icon-invoice: { content: "\f023"; };
--pf-icon-invoice-sign: { content: "\f024"; };
--pf-icon-invoice-sign-alt: { content: "\f025"; };
--pf-icon-invoice-sign-alt-o: { content: "\f026"; };
--pf-icon-invoice-sign-o: { content: "\f027"; };
--pf-icon-jcb: { content: "\f028"; };
--pf-icon-jpy: { content: "\f029"; };
--pf-icon-krw: { content: "\f02a"; };
--pf-icon-maestro: { content: "\f02b"; };
--pf-icon-maestro-alt: { content: "\f02c"; };
--pf-icon-mastercard: { content: "\f02d"; };
--pf-icon-mastercard-alt: { content: "\f02e"; };
--pf-icon-mastercard-securecode: { content: "\f02f"; };
--pf-icon-mercado-pago: { content: "\f058"; };
--pf-icon-mercado-pago-sign: { content: "\f059"; };
--pf-icon-moip: { content: "\f051"; };
--pf-icon-multibanco: { content: "\f05b"; };
--pf-icon-ogone: { content: "\f030"; };
--pf-icon-pagseguro: { content: "\f052"; };
--pf-icon-paybox: { content: "\f031"; };
--pf-icon-paylife: { content: "\f032"; };
--pf-icon-paymill: { content: "\f04e"; };
--pf-icon-paypal: { content: "\f033"; };
--pf-icon-paypal-alt: { content: "\f034"; };
--pf-icon-paysafecard: { content: "\f035"; };
--pf-icon-payshop: { content: "\f05a"; };
--pf-icon-payu: { content: "\f057"; };
--pf-icon-postepay: { content: "\f036"; };
--pf-icon-quick: { content: "\f037"; };
--pf-icon-rechnung: { content: "\f038"; };
--pf-icon-ripple: { content: "\f039"; };
--pf-icon-rub: { content: "\f03a"; };
--pf-icon-sage: { content: "\f054"; };
--pf-icon-sepa: { content: "\f04a"; };
--pf-icon-sepa-alt: { content: "\f04b"; };
--pf-icon-six: { content: "\f05d"; };
--pf-icon-skrill: { content: "\f03b"; };
--pf-icon-sofort: { content: "\f03c"; };
--pf-icon-square: { content: "\f03d"; };
--pf-icon-stripe: { content: "\f03e"; };
--pf-icon-truste: { content: "\f03f"; };
--pf-icon-try: { content: "\f040"; };
--pf-icon-unionpay: { content: "\f041"; };
--pf-icon-usd: { content: "\f042"; };
--pf-icon-verified-by-visa: { content: "\f043"; };
--pf-icon-verisign: { content: "\f044"; };
--pf-icon-visa: { content: "\f045"; };
--pf-icon-visa-electron: { content: "\f046"; };
--pf-icon-western-union: { content: "\f047"; };
--pf-icon-western-union-alt: { content: "\f048"; };
--pf-icon-wirecard: { content: "\f049"; };
}