Saiba todas as features que te ajudarão a produzir sistemas mais rapidamente.
Classes que representam o breakpoint atual
Após a iniciação do Locastyle, uma função adiciona classes na tag html referentes a largura do viewport e document.
| Nome | Descrição |
|---|---|
| .ls-window-xs | Se for menor que 768px |
| .ls-window-sm | Se for maior ou igual a 768px e menor que 992px |
| .ls-window-md | Se for maior ou igual a 992px e menor que 1200px |
| .ls-window-lg | Se for maior ou igual a 1200px |
Note que você também pode resgatar a classe ls-window através da seguinte função de javascript:
1
locastyle.breakpointClass
| Nome | Descrição |
|---|---|
| .ls-screen-xs | Se for menor que 768px |
| .ls-screen-sm | Se for maior ou igual a 768px e menor que 992px |
| .ls-screen-md | Se for maior ou igual a 992px e menor que 1200px |
| .ls-screen-lg | Se for maior ou igual a 1200px |
Note que você também pode resgatar a classe ls-screen através da seguinte função de javascript:
1
locastyle.breakpointScreenClass