From cdeddff142fd20f8cb8bb346625909d61c596603 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 7 Apr 2021 17:01:29 +0200 Subject: Add ability to update the banner --- client/src/sass/include/_mixins.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) (limited to 'client/src/sass/include/_mixins.scss') diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index e37b89c62..bf844ac5d 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss @@ -886,14 +886,16 @@ } } -// applies 16:9 ratio to a child element (using $selector) only using -// an immediate's parent size. This allows 16:9 ratio without explicit +// applies ratio (default to 16:9) to a child element (using $selector) only using +// an immediate's parent size. This allows to set a ratio without explicit // dimensions, as width/height cannot be computed from each other. -@mixin large-screen-ratio ($selector: 'div') { +@mixin block-ratio ($selector: 'div', $inverted-ratio: 9/16) { + $padding-percent: percentage($inverted-ratio); + position: relative; height: 0; width: 100%; - padding-top: 56%; + padding-top: $padding-percent; #{$selector} { position: absolute; -- cgit v1.2.3