R23 Utilities

Per dettagli vedi \FerragamoR17SAS\css\Custom\r17\src\base\utilities-r23.less

.sr-only() .sr-only-focusable()

Visibility Css Classes

Per retrocompatibilità non si è intervenuti sulla nomenclatura delle classi di utility per mostrare/nascondere gli elementi:

• .visible-[breakpoint]-[value]--r19
• .hidden-[breakpoint]--r19

Dove:

• [breakpoint] è uno dei breakpoint r23 definiti in variables-r23.less
• [value] può assumere valori: block, inline or inline-block.

Spacing Css Classes

Spacing utilities that apply to all breakpoints, from xs to xl, have no breakpoint abbreviation in them.
This is because those classes are applied from min-width: 0 and up, and thus are not bound by a media query.
The remaining breakpoints, however, do include a breakpoint abbreviation.

The classes are named using the format {property}{sides}-{size}-r23 for xs and {property}{sides}-{breakpoint}-{size}-r23 for sm, md, lg, and xl.

Where {property} is one of:
p - for classes that set padding
m - for classes that set margin
nm - for classes that set negative margin

Where {sides} is one of:
t - for classes that set margin-top
b - for classes that set margin-bottom

Where {size} a value between 0 and 11 to indicate @spacers o @negative-spacers (see variables-r23).

Example of utility classes:
.mb-3-r23 (margin bottom of size 3 for all breakpoints)
.mb-3-r23 (margin bottom of size 3 for all breakpoints)
.nmb-3-r23 (negative margin bottom of size 3 for all breakpoints)
.mt-md-4-r23 (margin top of size 4 for md breakpoint and up)
.nmt-md-4-r23 (negative margin top of size 4 for md breakpoint and up)