Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/dev' into dev

Browse Source
This commit is contained in:
codecalm
2019-12-25 13:32:43 +01:00
parent 9b133f47db 4613721d2a
commit 0a527033f4
118 changed files with 505 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
scss/_variables.scss
View File

@@ -347,3 +347,9 @@ $flag-sizes: (
"xl": 4rem
) !default;
//Payments
$payment-sizes: (
"md": 2rem,
"lg": 3rem,
"xl": 4rem
) !default;

10
scss/tabler-payments.scss Normal file
View File

@@ -0,0 +1,10 @@
/*!
* Tabler Payments (v0.1.0)
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm
* Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
*/
@import "config";
@import "ui/payments";

26
scss/ui/_payments.scss Normal file
View File

@@ -0,0 +1,26 @@
$payment-icons: ('2checkout-dark', '2checkout', 'alipay-dark', 'alipay', 'amazon-dark', 'amazon', 'americanexpress-dark', 'americanexpress', 'applepay-dark', 'applepay', 'bancontact-dark', 'bancontact', 'bitcoin-dark', 'bitcoin', 'bitpay-dark', 'bitpay', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dwolla-dark', 'dwolla', 'ebay-dark', 'ebay', 'eway-dark', 'eway', 'giropay-dark', 'giropay', 'googlewallet-dark', 'googlewallet', 'ingenico-dark', 'ingenico', 'jcb-dark', 'jcb', 'klarna-dark', 'klarna', 'laser-dark', 'laser', 'maestro-dark', 'maestro', 'mastercard-dark', 'mastercard', 'monero-dark', 'monero', 'neteller-dark', 'neteller', 'ogone-dark', 'ogone', 'okpay-dark', 'okpay', 'paybox-dark', 'paybox', 'paymill-dark', 'paymill', 'payone-dark', 'payone', 'payoneer-dark', 'payoneer', 'paypal-dark', 'paypal', 'paysafecard-dark', 'paysafecard', 'payu-dark', 'payu', 'payza-dark', 'payza', 'ripple-dark', 'ripple', 'sage-dark', 'sage', 'sepa-dark', 'sepa', 'shopify-dark', 'shopify', 'skrill-dark', 'skrill', 'solo-dark', 'solo', 'square-dark', 'square', 'stripe-dark', 'stripe', 'switch-dark', 'switch', 'ukash-dark', 'ukash', 'unionpay-dark', 'unionpay', 'verifone-dark', 'verifone', 'verisign-dark', 'verisign', 'visa-dark', 'visa', 'webmoney-dark', 'webmoney', 'westernunion-dark', 'westernunion', 'worldpay-dark', 'worldpay');
.payment {
width: 2.5rem;
height: 1.5rem;
display: inline-block;
background: no-repeat center/100% 100%;
vertical-align: bottom;
font-style: normal;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
border-radius: 2px;
}
@each $payment in $payment-icons {
.payment-#{$payment} {
background-image: url("#{$assets-base}/img/payments/#{$payment}.svg");
}
}
@each $payment-size, $size in $payment-sizes {
.payment-size-#{$payment-size} {
width: $size * 1.66666;
height: $size;
}
}