DesignLiquido / FolEs

Folhas de Estilo em Português, para geração de CSS.
MIT License
24 stars 3 forks source link

Permitir que modificadores aceitem VALORES ESPECÍFICOS #103

Open VitBrandao opened 11 months ago

VitBrandao commented 11 months ago

Determinados modificadores aceitam receber valores cuja sintaxe não se encaixa nos demais grupos listados nas outras Issues em aberto.

Essa Issue se refere a 7 modificadores, listados nos comentários abaixo, referindo quais valores específicos necessitam de implementação para serem aceitos pelos modificadores FolEs tal qual seus seletores CSS correspondentes.

VitBrandao commented 11 months ago

espaçamento-letras

Valor específico: valor numérico precedido de ponto.

Exemplo de código CSS:

letter-spacing: .2rem;

Conferir especificações dessa sintaxe na Documentação CSS.

VitBrandao commented 11 months ago

eventos-ponteiro

Valor específico: valores do tipo SVG;

Exemplo de código CSS:

pointer-events: visiblePainted; /* SVG only */
pointer-events: visibleFill; /* SVG only */

Lista completa de valores SVG:

A lista de valores poder ser conferida na Documentação CSS, tendo em vista que cada valor possui suas especificidades.

VitBrandao commented 11 months ago

fonte-texto

Valor específico: valores do grupo family-name.

Exemplo de código CSS:

font-family:  "Gill Sans Extrabold", sans-serif;

A lista completa de valores desse grupo pode ser conferida na Documentação CSS.

VitBrandao commented 11 months ago

modelo-colunas-em-grade | modelo-linhas-em-grade

Valor específico: valores do tipo linename.

Exemplo de código CSS:

grid-template-columns: [linename] 100px;
grid-template-rows: [linename1] 100px [linename2 linename3];

A lista completa de valores desse grupo pode ser conferida na:

VitBrandao commented 11 months ago

modelo-em-grade | modelo-geral-em-grade

Valor específico: valores do tipo matriz.

Exemplos de código CSS:

grid-template:
  "a a a"
  "b b b";

grid-template-areas: 
  "b b a"
  "b b c"
  "b b c";

A lista completa de valores desse grupo pode ser conferida na:

VitBrandao commented 11 months ago

recursos-fonte

Valor específico: o valor do tipo feature-tag-value.

Exemplo de código CSS:

font-feature-settings: "swsh" 2;

A lista completa de valores desse grupo pode ser conferida na Documentação CSS.