iconfonts/stylesheets/paymentfont.less

Fine-tuned icon fonts integration for Sass, Less and Stylus.

// PaymentFont v1.0.0
// http://paymentfont.io/
// 
// Less integration via https://github.com/rstacruz/iconfonts.
// Usage:
// 
//    .pf-font();
//    .button:before {
//      .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

@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";

// Embeds the @font-face.
.pf-font() {
  @font-face {
    font-family: @pf-name;
    src: url("@{pf-path}@{pf-basename}.eot?v=@{pf-version}");
    src: url("@{pf-path}@{pf-basename}.eot?#iefix&v=@{pf-version}") format("embedded-opentype"),
         url("@{pf-path}@{pf-basename}.woff?v=@{pf-version}") format("woff"),
         url("@{pf-path}@{pf-basename}.ttf?v=@{pf-version}") format("truetype"),
         url("@{pf-path}@{pf-basename}.svg?v=@{pf-version}@{pf-svghash}") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

// Embeds the @font-face. Use this if you're using `less-rails`.
.pf-font-rails(@prefix: "") {
  @font-face {
    font-family: @pf-name;
    src: font-url("@{prefix}@{pf-basename}.eot");
    src: font-url("@{prefix}@{pf-basename}.eot?#iefix") format("embedded-opentype"),
         font-url("@{prefix}@{pf-basename}.woff") format("woff"),
         font-url("@{prefix}@{pf-basename}.ttf") format("truetype"),
         font-url("@{prefix}@{pf-basename}.svg@{pf-svghash}") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}

/*
 * Uses a given icon.
 *
 *     .button:before {
 *       pf-icon("music");
 *     }
 */

.pf-icon(@type) {
  &:extend(.pf-icon-base);
  @var: "pf-icon-@{type}";
  content: @@var;
}

.pf-icon-base {
  line-height: 1em;
  font-family: @pf-name;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
}


@pf-icon-amazon: "\f000";
@pf-icon-american-express: "\f001";
@pf-icon-american-express-alt: "\f002";
@pf-icon-apple-pay: "\f04c";
@pf-icon-atm: "\f003";
@pf-icon-bancontact-mister-cash: "\f050";
@pf-icon-bank-transfer: "\f005";
@pf-icon-bankomat: "\f004";
@pf-icon-bitcoin: "\f006";
@pf-icon-bitcoin-sign: "\f007";
@pf-icon-braintree: "\f008";
@pf-icon-btc: "\f009";
@pf-icon-card: "\f00a";
@pf-icon-carta-si: "\f00b";
@pf-icon-cash: "\f00c";
@pf-icon-cash-on-delivery: "\f00d";
@pf-icon-cash-on-pickup: "\f053";
@pf-icon-cb: "\f00e";
@pf-icon-cirrus: "\f00f";
@pf-icon-cirrus-alt: "\f010";
@pf-icon-clickandbuy: "\f011";
@pf-icon-credit-card: "\f012";
@pf-icon-dankort: "\f04f";
@pf-icon-diners: "\f013";
@pf-icon-discover: "\f014";
@pf-icon-ec: "\f015";
@pf-icon-elo: "\f055";
@pf-icon-elo-alt: "\f056";
@pf-icon-eps: "\f016";
@pf-icon-eur: "\f017";
@pf-icon-facture: "\f018";
@pf-icon-fattura: "\f019";
@pf-icon-flattr: "\f01a";
@pf-icon-giropay: "\f01b";
@pf-icon-gittip: "\f01c";
@pf-icon-google-wallet: "\f01d";
@pf-icon-google-wallet-alt: "\f01e";
@pf-icon-gpb: "\f01f";
@pf-icon-gratipay: "\f01c";
@pf-icon-gratipay-sign: "\f05c";
@pf-icon-ideal: "\f020";
@pf-icon-ils: "\f021";
@pf-icon-inr: "\f022";
@pf-icon-interac: "\f04d";
@pf-icon-invoice: "\f023";
@pf-icon-invoice-sign: "\f024";
@pf-icon-invoice-sign-alt: "\f025";
@pf-icon-invoice-sign-alt-o: "\f026";
@pf-icon-invoice-sign-o: "\f027";
@pf-icon-jcb: "\f028";
@pf-icon-jpy: "\f029";
@pf-icon-krw: "\f02a";
@pf-icon-maestro: "\f02b";
@pf-icon-maestro-alt: "\f02c";
@pf-icon-mastercard: "\f02d";
@pf-icon-mastercard-alt: "\f02e";
@pf-icon-mastercard-securecode: "\f02f";
@pf-icon-mercado-pago: "\f058";
@pf-icon-mercado-pago-sign: "\f059";
@pf-icon-moip: "\f051";
@pf-icon-multibanco: "\f05b";
@pf-icon-ogone: "\f030";
@pf-icon-pagseguro: "\f052";
@pf-icon-paybox: "\f031";
@pf-icon-paylife: "\f032";
@pf-icon-paymill: "\f04e";
@pf-icon-paypal: "\f033";
@pf-icon-paypal-alt: "\f034";
@pf-icon-paysafecard: "\f035";
@pf-icon-payshop: "\f05a";
@pf-icon-payu: "\f057";
@pf-icon-postepay: "\f036";
@pf-icon-quick: "\f037";
@pf-icon-rechnung: "\f038";
@pf-icon-ripple: "\f039";
@pf-icon-rub: "\f03a";
@pf-icon-sage: "\f054";
@pf-icon-sepa: "\f04a";
@pf-icon-sepa-alt: "\f04b";
@pf-icon-six: "\f05d";
@pf-icon-skrill: "\f03b";
@pf-icon-sofort: "\f03c";
@pf-icon-square: "\f03d";
@pf-icon-stripe: "\f03e";
@pf-icon-truste: "\f03f";
@pf-icon-try: "\f040";
@pf-icon-unionpay: "\f041";
@pf-icon-usd: "\f042";
@pf-icon-verified-by-visa: "\f043";
@pf-icon-verisign: "\f044";
@pf-icon-visa: "\f045";
@pf-icon-visa-electron: "\f046";
@pf-icon-western-union: "\f047";
@pf-icon-western-union-alt: "\f048";
@pf-icon-wirecard: "\f049";