Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Permitir que modificadores aceitem VALORES ESPECÍFICOS #103

Open
VitBrandao opened this issue Dec 4, 2023 · 6 comments
Open

Permitir que modificadores aceitem VALORES ESPECÍFICOS #103

VitBrandao opened this issue Dec 4, 2023 · 6 comments
Labels
good first issue Good for newcomers

Comments

@VitBrandao
Copy link
Contributor

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 VitBrandao self-assigned this Dec 4, 2023
@VitBrandao
Copy link
Contributor Author

VitBrandao commented Dec 4, 2023

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
Copy link
Contributor Author

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:

  • visiblePainted;
  • visibleFill;
  • visibleStroke;
  • visible;
  • painted;
  • fill;
  • stroke;
  • all;

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

@VitBrandao
Copy link
Contributor Author

VitBrandao commented Dec 4, 2023

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
Copy link
Contributor Author

VitBrandao commented Dec 4, 2023

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
Copy link
Contributor Author

VitBrandao commented Dec 4, 2023

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
Copy link
Contributor Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

2 participants