Cozy-UI Styleguide

Cozy-UI Styleguide

2.1.1 rem($value, $basefont)

rem() takes one or more numeric values in pixel and calculates the rem values from it.

NB: you don't have to explicitly write the px unit.

Parameters:
  • $value
    The value in pixel you want to translate in rem. For multiple values you can use rem(14 12) for shorthand properties such as margin. ⚠ Multiples values should be separated by spaces.
  • $basefont
    If you need to overwrite the default $basefont value of 16

2.1.2 hide()

hide() mixin definitely hides an element. This mixin doesn't take parameters.

2.1.3 visually-hide()

visually-hide() mixin visually hides an element. The element is still visible by screen readers. This mixin doesn't take parameters.

2.1.4 ellipsis()

ellipsis() mixin add an ellipsis on text. This mixin doesn't take parameters.

2.1.5 reset()

reset() mixin removes every padding, margin and border of an element. This mixin doesn't take parameters.