Entradas

Mostrando las entradas de julio, 2015

Material Design Lite, Simple Card

Imagen
Les quiero dejar la primera experiencia utilizando #MaterialDesignLite, para este ejemplo utilicé un componente simple de #card. 1. Configurar un simple #html con lo esencial para que los estilos respeten #MaterialDesign. (utilicé los vínculos a los archivos en el CDN de referencia, luego hay varias opciones para dejarlo local) Dentro del #head:     <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.1/ material.css ">     <script src="https://storage.googleapis.com/code.getmdl.io/1.0.1/ material.js "></script>     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 2. Una simple configuración de estilos para darle un toque personal a la #card: <style>     .demostracion-mdl-card {     width: 450px;   }     .demostracion-mdl-card > .mdl-card__title {     color: #fff;     height: 150px;     background: url('./imagenes/androi