mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
30 lines
747 B
SCSS
30 lines
747 B
SCSS
@use 'sass:map';
|
|
@use '../config';
|
|
|
|
.payment {
|
|
height: config.$avatar-size;
|
|
aspect-ratio: 1.66666;
|
|
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, 0.1);
|
|
border-radius: var(--#{config.$prefix}border-radius);
|
|
}
|
|
|
|
@each $payment in config.$payment-providers {
|
|
.payment-provider-#{$payment} {
|
|
background-image: url('#{config.$assets-base}/img/payments/#{$payment}.svg');
|
|
}
|
|
|
|
.payment-provider-#{$payment}-dark {
|
|
background-image: url('#{config.$assets-base}/img/payments/#{$payment}-dark.svg');
|
|
}
|
|
}
|
|
|
|
@each $payment-size, $size in config.$payment-sizes {
|
|
.payment-#{$payment-size} {
|
|
height: map.get($size, size);
|
|
}
|
|
}
|