diff options
author | Matthew Lemon <y@yulqen.org> | 2024-10-15 21:01:31 +0100 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-10-15 21:01:31 +0100 |
commit | eeaddb27560d723ca7d61359744ceb2709fccd2d (patch) | |
tree | 04ddbc49ae7b73d5f5a9e1716d7227aecd3b9f85 /alphabetlearning/static/bootstrap/scss/helpers/_ratio.scss | |
parent | 7a3044c859043837e6c7c95bb4894d04e9b2cbc2 (diff) |
Renamed from pyblackbird_cc to alphabetlearning - everywhere
Diffstat (limited to 'alphabetlearning/static/bootstrap/scss/helpers/_ratio.scss')
-rw-r--r-- | alphabetlearning/static/bootstrap/scss/helpers/_ratio.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/alphabetlearning/static/bootstrap/scss/helpers/_ratio.scss b/alphabetlearning/static/bootstrap/scss/helpers/_ratio.scss new file mode 100644 index 0000000..2390ee3 --- /dev/null +++ b/alphabetlearning/static/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}; + } +} |