Important information:

Using the Design System implies following some rules: the code should be valid and same as the Design System. Meaning custom HTML & CSS override are forbidden.
Please don't forget to read Usage part of each element.

Width

Width classes allow easy width sizing on an element.

last modified: 05/04/2022 10:15:12

Max width 100%

rs-maxw = width: 100%

Element width

Unit used is rem, see Units & breakpoints documentation to learn more.

Limited usage

This class only works on panel or rs-radius-circle elements.

You could set the size width with rs-wd-Device+Size .
Device is s, m, l depending on needed breakpoint (small-up, medium-up, large-up).
Size is an number between 1 and 60 included, in rem. That means from 10px to 600px width maximum.

rs-wd-l50 rs-wd-m40 rs-wd-s30