#фишка дня

...от Ахмада Шадида, уже хорошо нам известного.

Как отменить скругление углов на мобиле, но оставить на дестопе?

Конечно, можно написать медиазапросы. Конечно, можно подождать реализации if()...

А можно просто:

border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;

clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));

border-radius: if(100% < 100vw: 8px; else: 0px);

Будни разработчика

#фишка дня

...от Ахмада Шадида, уже хорошо нам известного.

Как отменить скругление углов на мобиле, но оставить на дестопе?

Конечно, можно написать медиазапросы. Конечно, можно подождать реализации if()...

А можно просто:

border-radius: max(0px, min(8px, calc((100vw - 4px - 100%) * 9999))) / 8px;

Или так:

clamp(0px, calc(100vw - 100%) * 1e5, var(--radius-1));

Вообще, вот статья на тему: https://ishadeed.com/article/conditional-border-radius/

А вот так будем делать в будущем:

border-radius: if(100% < 100vw: 8px; else: 0px);

#css #clamp #math

1👎39❤6🫡6🤩1

hottg.com/htmlshit/3644

2.49K viewsSergey Bekharsky, Jun 9 at 06:59