diff options
author | pmikus <peter.mikus@protonmail.ch> | 2022-09-16 12:49:35 +0200 |
---|---|---|
committer | Peter Mikus <peter.mikus@protonmail.ch> | 2022-09-16 11:58:37 +0000 |
commit | f8bdd103ff86c171f6db6cef657c7ecbe97763a1 (patch) | |
tree | 5899abb1b8b447f4e12061a8d06a8996a4032ba8 /resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_ratio.scss | |
parent | 69fd124979890cac21bd0dbc7ef442563f175372 (diff) |
feat(uti): Compiled CSS
Signed-off-by: pmikus <peter.mikus@protonmail.ch>
Change-Id: Idce840acedcf6f3badbecd8c80f28d94d3abd1af
Diffstat (limited to 'resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_ratio.scss')
-rw-r--r-- | resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_ratio.scss | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_ratio.scss b/resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_ratio.scss new file mode 100644 index 0000000000..b6a7654c52 --- /dev/null +++ b/resources/tools/dash/app/pal/static/sass/bootstrap/helpers/_ratio.scss @@ -0,0 +1,26 @@ +// 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}; + } +} |