# Front-End Notes

## Front

### Roadmap

---

## HTML

### Uso ideal de tags

---

## CSS

### Solução simples para manter a borda dentro da div:

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; 

---

### SASS

#### Configurações necessárias para o SASS dentro do projeto Angular:
Dentro de **angular.json**:

    // Para que o app reconheça os esquemas de scss
    "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      },
    
    // Para que seja possível importar o arquivo global dentro de outros 
    // arquivos scss por toda a aplicação
      "options": {
            "stylePreprocessorOptions": {
              "includePaths": [
                "src/assets"
              ]
            }
          },
          
    // Para importar dentro de outro scss 
    @import "<nome do arquivo>";

---