Proximus design systemImportant 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.
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:10
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