Para importar fuentes de google con sass podemos hacer esto:
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Quicksand:wght@300;400;500;600;700&display=swap');
body {
font-family: 'Quicksand', sans-serif;
}
Para importar variables globales en SCSS solo basta utilizar:
- @import './Vars.scss';
Vars.scss
:root {
--white: #ffffff;
--black: #000000;
--very-light-pink: #c7c7c7;
--text-input-field: #f7f7f7;
--hospital-green: #acd9b2;
--sm: 14px;
--md: 16px;
--lg: 18px;
}
- Se pueden usar métodos de javascript dentro de React como por ejemplo el método includes.
- La solución a veces puede estar en tus ojos pero por querer complicarse, la solución puede esconderse mucho.
- Es válido descansar un momento para luego avanzar.
Leer código de otros Devs es muy valioso porque el contexto que se tiene sobre una solución cambia de una manera radical. Se pueden crear nuevas conexiones neuronales cada vez que leemos código de otros devs. NO COPIAR.