Границы и контуры

Позволяют визуально разделить контент в интерфейсе, когда недостаточно использовать только отступы. Так же обозначают границы компонентов для упрощения пользовательского взаимодействия, а значения скруглений определяют их визуальный стиль.

Границы

Примером использования --cds-border-element-02 является состояние focus компонента.

01

--cds-border-element-01

1px solid
02

--cds-border-element-02

2px solid

Скругление

Скругление или border-radius — это свойство CSS3, которое позволяет добавлять скругление углов практически всем HTML элементам. Скругление можно добавить всему элементу или отдельным углам.

S

--cds-border-radius-s

3px
M

--cds-border-radius-m

6px
L

--cds-border-radius-l

9px