Produto
PRODUTO
Title-bar
Contém os elementos gráficos e textuais que identificam e contextualizam cada página do sistema.
Anatomia
Título
Título
Título e ícone
Título
Código
HTML 
Exibir código
Copiar código
Exibir código
<h1 class="title">
Título
</h1>
<h1 class="title">
<span class="icon">
<img src="/img/title-icon-example.svg" />
</span>
Título
</h1>
SASS Exibir código
Copiar código
Exibir código
.title{
width: 100%;
font-family: Lato;
font-size: 1.75em;
font-weight: bold;
font-style: normal;
font-stretch: normal;
letter-spacing: normal;
color: #1e2a54;
margin: 0;
padding: 30px 0;
line-height: 72px;
.icon{
width: 72px;
height: 72px;
float: left;
box-sizing: border-box;
margin-right: 16px;
img{
width: 100%;
}
}
}