mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 09:24:24 +04:00
22 lines
491 B
SCSS
22 lines
491 B
SCSS
@use 'sass:math';
|
|
|
|
.img-responsive {
|
|
--#{$prefix}img-responsive-ratio: #{math.percentage(0.75)};
|
|
background: no-repeat center/cover;
|
|
padding-top: var(--#{$prefix}img-responsive-ratio);
|
|
}
|
|
|
|
.img-responsive-grid {
|
|
padding-top: calc(var(--#{$prefix}img-responsive-ratio) - calc(var(--#{$prefix}gutter-y) / 2));
|
|
}
|
|
|
|
@each $key, $ratio in $aspect-ratios {
|
|
.img-responsive-#{$key} {
|
|
--#{$prefix}img-responsive-ratio: #{$ratio};
|
|
}
|
|
}
|
|
|
|
.img-bg {
|
|
background: no-repeat center/cover;
|
|
}
|