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