nucont-pro-styles
Version:
Nucont PRO App Styles
50 lines (49 loc) • 1.72 kB
JSON
{
"_comments": [
{
"size": "Estrutura Size usando os 9 tamanhos padrão do guia de CSS. Parametro \"base\" deve sempre ser a propriedade mais utilizada pela view"
},
{
"weight": "Estrutura Weight para decoração de texto ou diferentes estilos de tipografia como headers ou labels customizadas. Parametro \"base\" deve sempre ser a propriedade mais utilizada pela view"
},
{
"TODO": [
"Adicionar outras estruturas quando necessário, como a \"font-family\" "
]
}
],
"font": {
"base": { "value": "16px" },
"display-1": { "value": "1.5rem" },
"display-2": { "value": "1.25rem" },
"display-3": { "value": "1rem" },
"display-4": { "value": "0.875rem" },
"display-5": { "value": "0.75rem" },
"display-6": { "value": "0.625rem" },
"display-7": { "value": "0.5rem" }
},
"icon": {
"small": { "value": "18px" },
"medium": { "value": "24px" },
"large": { "value": "32px" },
"xl": { "value": "36px" },
"xxl": { "value": "48px" }
},
"font-breakpoint": {
"small": { "value": "14px" },
"medium": { "value": "16px" },
"large": { "value": "18px" }
},
"weight": {
"font": {
"light": { "value": "300" },
"regular": { "value": "400" },
"medium": { "value": "500" },
"semi-bold": { "value": "600" },
"bold": { "value": "700" },
"extra-bold": { "value": "800" },
"black": { "value": "900" },
"base": { "value": "{weight.font.medium.value}" }
}
}
}