1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-09-01 01:21:49 +02:00

Give helpers folder an index.scss, migrate ratio helper to aspect-ratio utility

This commit is contained in:
Mark Otto
2025-02-19 09:51:51 -08:00
parent c4fefeba36
commit 21a94cae37
8 changed files with 46 additions and 84 deletions

View File

@@ -1,30 +0,0 @@
@use "../config" as *;
@use "../variables" as *;
// mdo-do: remve for utilities
// Credit: Nicolas Gallagher and SUIT CSS.
.ratio {
position: relative;
width: 100%;
&::before {
display: block;
padding-top: var(--#{$prefix}aspect-ratio);
content: "";
}
> * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@each $key, $ratio in $aspect-ratios {
.ratio-#{$key} {
--#{$prefix}aspect-ratio: #{$ratio};
}
}

11
scss/helpers/index.scss Normal file
View File

@@ -0,0 +1,11 @@
@import "clearfix";
@import "color-bg";
@import "colored-links";
@import "focus-ring";
@import "icon-link";
@import "position";
@import "stacks";
@import "visually-hidden";
@import "stretched-link";
@import "text-truncation";
@import "vr";