Go one step further with our solutions for creating an intuitive, personalized experience.
The breakpoints define a style condition. Once applied, your interface will evolve according to the different media.
Most of the components adapt automatically to the different supports.
However, some classes of the Haltura library propose a particular syntax to control the behavior of the available components.
Haltura will specify when this is possible. In this case, you only need to add --[R] to the class used. R is a symbol representing the breakpoint. Beyond these points the class will be triggered.
The table below shows these breakpoints.
<div class="mt_3--s">...</div>
<div class="static--d">...</div>
<div class="width_75--l">...</div>
<div class="mt_3--s">...</div>
<div class="static--d">...</div>
<div class="width_75--l">...</div>
| Class | Definition |
|---|---|
| --s | width ≥ 320px. |
| --m | width ≥ 425px. |
| --t | width ≥ 768px. |
| --d | width ≥ 1024px. |
| --l | width ≥ 1440px. |
Haltura wants to provide you with an efficient experience by implementing cookies! Cookies are small files that help us to understand you better and to ensure the proper functioning of our technologies. You have the right to manage them as you wish!
Cookie settings