Locaweb Style

Documentação

Saiba todas as features que te ajudarão a produzir sistemas mais rapidamente.

Classes de breakpoints

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.

ls-window

Nome Descrição
.ls-window-xsSe for menor que 768px
.ls-window-smSe for maior ou igual a 768px e menor que 992px
.ls-window-mdSe for maior ou igual a 992px e menor que 1200px
.ls-window-lgSe 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

ls-screen

Nome Descrição
.ls-screen-xsSe for menor que 768px
.ls-screen-smSe for maior ou igual a 768px e menor que 992px
.ls-screen-mdSe for maior ou igual a 992px e menor que 1200px
.ls-screen-lgSe 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