LOCAWEB STYLE

Documentação Locaweb Style

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...

Baixar Locaweb Style


Mais opções de download

Você também pode baixar os arquivos por estes meios:


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>