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