added mir payment provider

demo/dist/img/payments/mir-dark.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 60" style="enable-background:new 0 0 100 60;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="100" y2="30">
+	<stop  offset="0.3" style="stop-color:#00B4E6"/>
+	<stop  offset="1" style="stop-color:#088CCB"/>
+</linearGradient>
+<rect class="st0" width="100" height="60"/>
+<g id="g5">
+	<path id="path7" class="st1" d="M34.7,20.6L34.7,20.6c0,0-2.6,0-3.3,2.5c-0.6,2.3-2.4,8.5-2.5,8.7h-0.5c0,0-1.8-6.4-2.5-8.7
+		c-0.7-2.5-3.3-2.5-3.3-2.5h-5.9v18.7h5.9V28.2h0.2h0.2l3.4,11.1h4.1l3.4-11.1h0.5v11.1h5.9V20.6H34.7z"/>
+</g>
+<g id="g9">
+	<path id="path11" class="st1" d="M56.3,20.6c0,0-1.7,0.2-2.5,2l-4.2,9.2h-0.5V20.6h-5.9v18.7h5.6l0,0c0,0,1.8-0.2,2.6-2l4.1-9.2
+		h0.5v11.1h5.9V20.6H56.3z"/>
+</g>
+<g id="g13">
+	<path id="path15" class="st1" d="M64.4,29.1v10.2h5.9v-6h6.4c2.8,0,5.1-1.8,6-4.3H64.4z"/>
+</g>
+<g id="g17">
+	<path id="path24" class="st1" d="M76.7,20.6H63.6c0.7,3.6,3.3,6.4,6.8,7.4l0,0c0.8,0.2,1.6,0.3,2.5,0.3h10.1
+		c0.1-0.4,0.1-0.9,0.1-1.3C83.1,23.5,80.2,20.6,76.7,20.6z"/>
+</g>
+</svg>

demo/dist/img/payments/mir.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 60" style="enable-background:new 0 0 100 60;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#4DB45E;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#path24_1_);}
+</style>
+<g>
+	<g id="g5">
+		<path id="path7" class="st0" d="M34.7,20.6L34.7,20.6c0,0-2.6,0-3.3,2.5c-0.6,2.3-2.4,8.5-2.5,8.7h-0.5c0,0-1.8-6.4-2.5-8.7
+			c-0.7-2.5-3.3-2.5-3.3-2.5h-5.9v18.7h5.9V28.2h0.2h0.2l3.4,11.1h4.1l3.4-11.1h0.5v11.1h5.9V20.6H34.7z"/>
+	</g>
+	<g id="g9">
+		<path id="path11" class="st0" d="M56.3,20.6c0,0-1.7,0.2-2.5,2l-4.2,9.2h-0.5V20.6h-5.9v18.7h5.6l0,0c0,0,1.8-0.2,2.6-2l4.1-9.2
+			h0.5v11.1h5.9V20.6H56.3z"/>
+	</g>
+	<g id="g13">
+		<path id="path15" class="st0" d="M64.4,29.1v10.2h5.9v-6h6.4c2.8,0,5.1-1.8,6-4.3H64.4z"/>
+	</g>
+	<g id="g17">
+		
+			<linearGradient id="path24_1_" gradientUnits="userSpaceOnUse" x1="63.6067" y1="37.5196" x2="83.0764" y2="37.5196" gradientTransform="matrix(1 0 0 -1 0 62)">
+			<stop  offset="0.3" style="stop-color:#00B4E6"/>
+			<stop  offset="1" style="stop-color:#088CCB"/>
+		</linearGradient>
+		<path id="path24" class="st1" d="M76.7,20.6H63.6c0.7,3.6,3.3,6.4,6.8,7.4l0,0c0.8,0.2,1.6,0.3,2.5,0.3h10.1
+			c0.1-0.4,0.1-0.9,0.1-1.3C83.1,23.5,80.2,20.6,76.7,20.6z"/>
+	</g>
+</g>
+</svg>

dist/img/payments/mir-dark.svg

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 60" style="enable-background:new 0 0 100 60;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_1_);}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+</style>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="100" y2="30">
+	<stop  offset="0.3" style="stop-color:#00B4E6"/>
+	<stop  offset="1" style="stop-color:#088CCB"/>
+</linearGradient>
+<rect class="st0" width="100" height="60"/>
+<g id="g5">
+	<path id="path7" class="st1" d="M34.7,20.6L34.7,20.6c0,0-2.6,0-3.3,2.5c-0.6,2.3-2.4,8.5-2.5,8.7h-0.5c0,0-1.8-6.4-2.5-8.7
+		c-0.7-2.5-3.3-2.5-3.3-2.5h-5.9v18.7h5.9V28.2h0.2h0.2l3.4,11.1h4.1l3.4-11.1h0.5v11.1h5.9V20.6H34.7z"/>
+</g>
+<g id="g9">
+	<path id="path11" class="st1" d="M56.3,20.6c0,0-1.7,0.2-2.5,2l-4.2,9.2h-0.5V20.6h-5.9v18.7h5.6l0,0c0,0,1.8-0.2,2.6-2l4.1-9.2
+		h0.5v11.1h5.9V20.6H56.3z"/>
+</g>
+<g id="g13">
+	<path id="path15" class="st1" d="M64.4,29.1v10.2h5.9v-6h6.4c2.8,0,5.1-1.8,6-4.3H64.4z"/>
+</g>
+<g id="g17">
+	<path id="path24" class="st1" d="M76.7,20.6H63.6c0.7,3.6,3.3,6.4,6.8,7.4l0,0c0.8,0.2,1.6,0.3,2.5,0.3h10.1
+		c0.1-0.4,0.1-0.9,0.1-1.3C83.1,23.5,80.2,20.6,76.7,20.6z"/>
+</g>
+</svg>

dist/img/payments/mir.svg

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 60" style="enable-background:new 0 0 100 60;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#4DB45E;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;fill:url(#path24_1_);}
+</style>
+<g>
+	<g id="g5">
+		<path id="path7" class="st0" d="M34.7,20.6L34.7,20.6c0,0-2.6,0-3.3,2.5c-0.6,2.3-2.4,8.5-2.5,8.7h-0.5c0,0-1.8-6.4-2.5-8.7
+			c-0.7-2.5-3.3-2.5-3.3-2.5h-5.9v18.7h5.9V28.2h0.2h0.2l3.4,11.1h4.1l3.4-11.1h0.5v11.1h5.9V20.6H34.7z"/>
+	</g>
+	<g id="g9">
+		<path id="path11" class="st0" d="M56.3,20.6c0,0-1.7,0.2-2.5,2l-4.2,9.2h-0.5V20.6h-5.9v18.7h5.6l0,0c0,0,1.8-0.2,2.6-2l4.1-9.2
+			h0.5v11.1h5.9V20.6H56.3z"/>
+	</g>
+	<g id="g13">
+		<path id="path15" class="st0" d="M64.4,29.1v10.2h5.9v-6h6.4c2.8,0,5.1-1.8,6-4.3H64.4z"/>
+	</g>
+	<g id="g17">
+		
+			<linearGradient id="path24_1_" gradientUnits="userSpaceOnUse" x1="63.6067" y1="37.5196" x2="83.0764" y2="37.5196" gradientTransform="matrix(1 0 0 -1 0 62)">
+			<stop  offset="0.3" style="stop-color:#00B4E6"/>
+			<stop  offset="1" style="stop-color:#088CCB"/>
+		</linearGradient>
+		<path id="path24" class="st1" d="M76.7,20.6H63.6c0.7,3.6,3.3,6.4,6.8,7.4l0,0c0.8,0.2,1.6,0.3,2.5,0.3h10.1
+			c0.1-0.4,0.1-0.9,0.1-1.3C83.1,23.5,80.2,20.6,76.7,20.6z"/>
+	</g>
+</g>
+</svg>

img/payments/mir-dark.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 100 60" xml:space="preserve"><style>.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}</style><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="30" x2="100" y2="30"><stop offset=".3" stop-color="#00b4e6"/><stop offset="1" stop-color="#088ccb"/></linearGradient><path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M0 0h100v60H0z"/><g id="g5"><path id="path7" class="st1" d="M34.7 20.6s-2.6 0-3.3 2.5c-.6 2.3-2.4 8.5-2.5 8.7h-.5s-1.8-6.4-2.5-8.7c-.7-2.5-3.3-2.5-3.3-2.5h-5.9v18.7h5.9V28.2h.4l3.4 11.1h4.1l3.4-11.1h.5v11.1h5.9V20.6h-5.6z"/></g><g id="g9"><path id="path11" class="st1" d="M56.3 20.6s-1.7.2-2.5 2l-4.2 9.2h-.5V20.6h-5.9v18.7h5.6s1.8-.2 2.6-2l4.1-9.2h.5v11.1h5.9V20.6h-5.6z"/></g><g id="g13"><path id="path15" class="st1" d="M64.4 29.1v10.2h5.9v-6h6.4c2.8 0 5.1-1.8 6-4.3H64.4z"/></g><g id="g17"><path id="path24" class="st1" d="M76.7 20.6H63.6c.7 3.6 3.3 6.4 6.8 7.4.8.2 1.6.3 2.5.3H83c.1-.4.1-.9.1-1.3 0-3.5-2.9-6.4-6.4-6.4z"/></g></svg>

img/payments/mir.svg

@@ -0,0 +1 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 100 60" xml:space="preserve"><style>.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#4db45e}</style><g id="g5"><path id="path7" class="st0" d="M34.7 20.6s-2.6 0-3.3 2.5c-.6 2.3-2.4 8.5-2.5 8.7h-.5s-1.8-6.4-2.5-8.7c-.7-2.5-3.3-2.5-3.3-2.5h-5.9v18.7h5.9V28.2h.4l3.4 11.1h4.1l3.4-11.1h.5v11.1h5.9V20.6h-5.6z"/></g><g id="g9"><path id="path11" class="st0" d="M56.3 20.6s-1.7.2-2.5 2l-4.2 9.2h-.5V20.6h-5.9v18.7h5.6s1.8-.2 2.6-2l4.1-9.2h.5v11.1h5.9V20.6h-5.6z"/></g><g id="g13"><path id="path15" class="st0" d="M64.4 29.1v10.2h5.9v-6h6.4c2.8 0 5.1-1.8 6-4.3H64.4z"/></g><g id="g17"><linearGradient id="path24_1_" gradientUnits="userSpaceOnUse" x1="63.607" y1="37.52" x2="83.076" y2="37.52" gradientTransform="matrix(1 0 0 -1 0 62)"><stop offset=".3" stop-color="#00b4e6"/><stop offset="1" stop-color="#088ccb"/></linearGradient><path id="path24" d="M76.7 20.6H63.6c.7 3.6 3.3 6.4 6.8 7.4.8.2 1.6.3 2.5.3H83c.1-.4.1-.9.1-1.3 0-3.5-2.9-6.4-6.4-6.4z" fill-rule="evenodd" clip-rule="evenodd" fill="url(#path24_1_)"/></g></svg>

pages/_data/payments.yml

@@ -52,6 +52,8 @@
   logo: "maestro"
 - name: "Mastercard"
   logo: "mastercard"
+- name: "Mir"
+  logo: "mir"
 - name: "Monero"
   logo: "monero"
 - name: "Neteller"

scss/ui/_payments.scss

@@ -1,4 +1,4 @@
-$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', 'blik', 'blik-dark', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dotpay', 'dotpay-dark', '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', 'przelewy24', 'przelewy24-dark', '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', 'tpay', 'tpay-dark', '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-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', 'blik', 'blik-dark', 'cirrus-dark', 'cirrus', 'clickandbuy-dark', 'clickandbuy', 'coinkite-dark', 'coinkite', 'dinersclub-dark', 'dinersclub', 'directdebit-dark', 'directdebit', 'discover-dark', 'discover', 'dotpay', 'dotpay-dark', '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', 'mir-dark', 'mir', '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', 'przelewy24', 'przelewy24-dark', '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', 'tpay', 'tpay-dark', '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: 2rem * 1.66666;