Я просто в общий хотел вынести

А не для каждого вида кнопок задавать.

https://stackoverflow.com/questions/29966499/border-radius-in-percentage-and-pixels-px-or-em#:~:text=When%20you%20set%20border%2Dradius,height%20of%20the%20element%20%3A%2050px.

звучит кстати даже не как костыль, а как запрограммированное поведение

интересно

Я так и оставил с коментом что это так надо. Но хз или это "по красоте"

ну судя по всему, это правильное решение

я не сразу понял что ты про кнопку внутри градиента

Кто нибудь с Angular  Matetial Controls работает тут?

Я хочу написать стиль, который будет скрывать контрол, когда у контрола состояние disabled. Пишу так:

.mat-checkbox:disabled {
  display: none;
}

но

что то нифига.

.mat-checkbox:disabled {
  display: none;
}

но

По-идее инпут:дисаблед должно быть
Но зависит от того, как у вас чекбокс сделан

ну checkbox я не писал.
Это из material controls контрол.

От чего зависимость может расти?

да, я пробовал еще такой стиль:

input:disabled {
display: none;
}

не помогло

material controls - не знаю, что это такое)
чекбоксы могут быть не чекбоксом сделаны
а так называемым псевдочекбоксом

ребята, а как правильно сделать такую банальную вещь:
меню (ряд ссылок) на десктопе идет горизонтально в ряд, а при маленьков размере экрана превращаеся в кнопку (а-ля сендвич кнопка открытия меню) и собственно по клику открывается меню во всплывающем окне во всесь экран. желательно без джаваскрипта (со скрытым чекбоксом)

казалось бы самая банальная хрень, но не могу найти годный пример эталонной реализации этой ситуации (без лишних библиотек и зависимостей). спасибо.

пс- видел такую реализацию, где дублируются ссылки для обычного меню и для меню всплывающего - это норм? (вроде не оч)

Не уверен что лучшее решение это чистый css

.mat-checkbox:disabled {
  display: none;
}

но

Добавь ::ng-deep перед классом

А без примера не можешь сделать?

Хотя бы начать самому, а там если возникнут проблемы обращайся

по-хорошему ссылки в меню не должны дублироваться в коде?

Нет