33 lines
1.2 KiB
Markdown
33 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: CSS Framework Material Design Lite
|
||
|
|
localeTitle: CSS Material Design Lite
|
||
|
|
---
|
||
|
|
# CSS Material Design Lite
|
||
|
|
|
||
|
|
O Material Design Lite permite que você adicione uma aparência de Material Design a seus sites. O objetivo é otimizar o uso em dispositivos diferentes.
|
||
|
|
|
||
|
|
## Começando
|
||
|
|
|
||
|
|
Aqui está um modelo HTML simples que inclui o último CSS compilado e minimizado para a biblioteca MDL.
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
||
|
|
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
Nós usamos um CDN neste exemplo, mas você pode verificar outras formas de instalar o MDL [aqui](https://getmdl.io/started/index.html) .
|
||
|
|
|
||
|
|
### Recursos de aprendizagem
|
||
|
|
|
||
|
|
* A documentação oficial do MDL está disponível [aqui](https://getmdl.io/started/index.html) .
|
||
|
|
* Confira o repositório GitHub de código aberto da MDL [aqui](https://github.com/google/material-design-lite) .
|