From 8d29857059c9e5c96208712724acd735c4ca5faa Mon Sep 17 00:00:00 2001 From: what1s1ove Date: Fri, 7 Jun 2024 13:48:58 +0300 Subject: [PATCH] fix(whatislove-dev): box overlay click wd-570 --- apps/whatislove-dev/src/styles/blocks/box.css | 19 ++++++++++--------- .../whatislove-dev/src/styles/blocks/main.css | 4 ++-- 2 files changed, 12 insertions(+), 11 deletions(-) diff --git a/apps/whatislove-dev/src/styles/blocks/box.css b/apps/whatislove-dev/src/styles/blocks/box.css index 569ee2e7..840dceac 100644 --- a/apps/whatislove-dev/src/styles/blocks/box.css +++ b/apps/whatislove-dev/src/styles/blocks/box.css @@ -1,17 +1,18 @@ .box { - --has-padding-inline-box: 0; + --has-padding-inline-box-doubled: 0; padding-block: var(--padding-block-box); - padding-inline: var(--padding-inline-box); + padding-inline: calc( + var(--padding-inline-box) + + (var(--has-padding-inline-box-doubled) * var(--padding-inline-box)) + ); @media (--width-desktop) { - --padding-inline-box-default: calc( - var(--has-padding-inline-box) * var(--padding-inline-box) - ); - - padding-inline: calc( - 50% - (var(--size-inline-box) / 2) + - (var(--padding-inline-box-default)) + box-sizing: border-box; + inline-size: 100%; + max-inline-size: calc( + var(--size-inline-box) + (var(--padding-inline-box) * 2) ); + margin-inline: auto; } } diff --git a/apps/whatislove-dev/src/styles/blocks/main.css b/apps/whatislove-dev/src/styles/blocks/main.css index a7056eff..567e9f3c 100644 --- a/apps/whatislove-dev/src/styles/blocks/main.css +++ b/apps/whatislove-dev/src/styles/blocks/main.css @@ -5,14 +5,14 @@ overflow: hidden; @media (--width-tablet) { + --has-padding-inline-box-doubled: 1; + grid-template-columns: repeat(2, 1fr); gap: 40px; overflow: unset; } @media (--width-desktop) { - --has-padding-inline-box: 1; - grid-template-columns: 70% 1fr; gap: 100px; }