Download do Locaweb Style
Use direto pelo CDN ou baixe uma versão estável para usar em projetos offline.
Download do CSS e JS compilados
O caminho mais rápido para você utilizar o Locaweb Style é baixando o CSS e o JS compilados e minificados prontos para utilizar. Deste modo você apenas baixa apenas o CSS e JS para usar em seu projeto, sem documentação, arquivos originais e etc...
Mais opções de download
Você também pode baixar os arquivos por estes meios:
-
Pelo GitHub
Baixe direto pelo nosso GitHub
-
Clone ou Fork pelo Github
Clone o projeto pelo GitHub ou Fork sua própria versão
Use nosso servidor
Adicione as tags abaixo para adicionar o pacote de CSS e Javascript.
/** no header **/ <link rel="stylesheet" href="//assets.locaweb.com.br/locastyle/1.3.0/bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="//assets.locaweb.com.br/locastyle/1.3.0/stylesheets/locastyle.css"> /** no footer **/ <script type="text/javascript" src="//assets.locaweb.com.br/locastyle/1.3.0/javascripts/locastyle.js"></script> <script type="text/javascript" src="//assets.locaweb.com.br/locastyle/1.3.0/bootstrap/js/bootstrap.js"></script>
DEPENDÊNCIAS: O Locaweb Style tem algumas dependências que precisam ser incluídas para funcionar perfeitamente.
Versionamento
O versionamento do Locaweb Style é simples: O nome dos arquivos tem essa estrutura: locastyle-[número do pacote stable].css. O resultado é este: locastyle-[major].[minor].[patch].css. O resultado fica locastyle-0.30.0.css.
De acordo com as mudanças e atualizações, nós vamos mudando a versão do arquivo. O número do minor sempre será um número par. Internamente trabalhamos com a versão de desenvolvimento utilizando o número ímpar. Logo, se a versão stable mais atual é 1.30.0, estamos trabalhando aqui na versão 1.31.0, 1.31.1 e etc. Quando terminarmos, vai para o ar a versão stable 1.32.0.
Template básico
Utilize este código para iniciar seu projeto. Aqui você tem a estrutura básica para fazer o Locaweb Style funcionar perfeitamente:
<!DOCTYPE html> <html> <head> <title>Locaweb Style</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- CSS do Bootstrap --> <link href="http://assets.locaweb.com.br/locastyle/1.3.0/bootstrap/css/bootstrap.css"> <!-- CSS do Locaweb Style --> <link rel="stylesheet" type="text/css" href="http://assets.locaweb.com.br/locastyle/1.3.0/stylesheets/locastyle.css"> </head> <body> <h1>Olá, Mundão!</h1> <!-- Javascript do Locaweb Style --> <script src="http://assets.locaweb.com.br/locastyle/1.3.0/javascripts/locastyle.js"></script> <!-- Javascript do Bootstrap --> <script type="text/javascript" src="http://assets.locaweb.com.br/locastyle/1.3.0/bootstrap/js/bootstrap.js"></script> </body> </html>