diff options
Diffstat (limited to 'vendor/twbs/bootstrap/scss/helpers/_ratio.scss')
-rw-r--r-- | vendor/twbs/bootstrap/scss/helpers/_ratio.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/vendor/twbs/bootstrap/scss/helpers/_ratio.scss b/vendor/twbs/bootstrap/scss/helpers/_ratio.scss new file mode 100644 index 000000000..2390ee339 --- /dev/null +++ b/vendor/twbs/bootstrap/scss/helpers/_ratio.scss @@ -0,0 +1,26 @@ +// Credit: Nicolas Gallagher and SUIT CSS. + +.ratio { + position: relative; + width: 100%; + + &::before { + display: block; + padding-top: var(--#{$variable-prefix}aspect-ratio); + content: ""; + } + + > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } +} + +@each $key, $ratio in $aspect-ratios { + .ratio-#{$key} { + --#{$variable-prefix}aspect-ratio: #{$ratio}; + } +} |