practica-sass-import's Introduction

Practica Sass

Consignas

Forkear el repositorio y clonarlo
Maquetar el ejemplo de la imagen (usar de referencia no tiene que ser exactamente igual) usando sass
Utilizar la arquitectura de archivos vista en clase:

practica-sass-import
├── styles
│    ├── abstract
│    │   └── _variables.scss     # Archivo parcial donde se guardan las variables
│    ├── components              # Carpeta con archivos parciales por componentes
│    │   ├── _icons.scss         
│    │   ├── _dialog.scss        
│    │   └── ...  
│    ├── layout                  # Carpeta con archivos parciales por layouts (secciones de página)
│    │   ├── _searchbar.scss         
│    │   ├── _contacts.scss        
│    │   └── ...
│    ├── page                    # Carpeta con archivos parciales por páginas
│    │   └── _chat.scss        
│    └── main.scss               # Archivo principal donde se importan los demás archivos parciales
└── index.html

No hacer como card, hacer a pantalla completa (es decir, sin bordes redondeados y sin fondo, el borde debería coincider con el de la pantalla)
Hacer responsive, para lo cual:
- Ocultar la barra de contactos
- Ocultar el panel de llamado
- Fijar la barra de búsqueda
- Fijar la barra de escritura