This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
Variaveis convertidas em pixels para o facil entendimento na utilizaçao delas no projeto.
VARIAVEIS DE ESPAÇO ENTRE LINHAS: "desktop-mini": "16px", "desktop-small": "20.08px", "desktop-medium": "22.59px", "desktop-larger": "26px", "desktop-extraLarger": "27.61px", "desktop-ultra": "33.57px", "desktop-hiper": "35.14px", "desktop-mega": "40.16px", "mobile-mini": "16px", "mobile-small": "17.57px", "mobile-medium": "18px", "mobile-larger": "20.08px", "mobile-extraLarger": "22px", "mobile-ultra": "23.08px", "mobile-hiper": "35.14px",
VARIAVEIS DE TAMANHO DE FONTE: "desktop-mini": "12px", "desktop-extraMini": "15px", "desktop-small": "16px", "desktop-extraSmall": "18px", "desktop-medium": "20px", "desktop-extraMedium": "22px", "desktop-larger": "24px", "desktop-extraLarger": "28px", "desktop-ultra": "31px", "desktop-extraUltra": "32px", "desktop-hiper": "36px", "desktop-extraHiper": "38px", "desktop-mega": "48px", "mobile-mini": "8px", "mobile-extraMini": "12px", "mobile-small": "14px", "mobile-medium": "16px", "mobile-larger": "18px", "mobile-extraLarger": "20px", "mobile-hiper": "22px", "mobile-extraHiper": "28px", "mobile-mega": "38px",
VARIAVEIS DE LARGURA: "mini": "216px", "extraMini": "298px", "small": "317.008px", "extraSmall": "325.008px", "medium": "388px", "extraMedium": "396px", "larger": "459.008px", "extraLarger": "475.008px", "hiper": "507.008px", "mega": "513.008px",
VARIAVEIS DE LARGURA MAXIMA: "medium": "826px", "larger": "1212px",
VARIAVEIS DE ALTURA: "small": "188px", "larger": "290px",