Implementar funções especiais/MÉTODOS de modificadores

[VitBrandao]

Ao todo, 10 modificadores FolEs ainda necessitam de implementações extras para que possam receber todos os valores tal qual seus seletores CSS correspondentes. Essa complementação passa por implementar os casos de determinadas funções que ainda não foram mapeadas na lógica do Avaliador Sintático.

Importante lembrar que FolEs já suporta várias funções desse mesmo tipo, nomeadas como métodos em nosso repositório. Exemplos de métodos já implementados são:

• steps();
• minmax();
• cubic-bezier();

A implementação desses métodos passa por alterações nas seguintes partes do repositório:

• Criação de uma classe para cada novo método dentro de fontes/valores/metodos;
• Listagem dessas classes dentro de fontes/valores/dicionario-valores.ts;
• Inclusão dos novos métodos nas palavras reservadas do Lexador;
• Adicionar novo caso no switch da função resolverMetodo() do Avaliador Sintático;
• Listar os novos métodos dentro do arquivo do modificador que aceita essa função especial;

E ainda:

• Listar os modificadores que aceitam esses novos métodos no arquivo testes/listas/metodos;
• E por fim, implementar os testes unitários para esses novos métodos;

Logo abaixo nesta Issue, estão listados esses 10 modificadores e suas funções especiais correspondentes.

[VitBrandao]

conteúdo

Funções:

• linear-gradient() - documentação CSS
• image-set() - documentação CSS
• counter() - documentação CSS

[VitBrandao]

deslocamento

Funções:

• path() - documentação CSS
• ray() - documentação CSS

[VitBrandao]

espaçamento

Funções:

• calc() - documentação CSS

[VitBrandao]

filtro

Funções:

• blur() - documentação CSS
• brightness() - documentação CSS
• contrast() - documentação CSS

[VitBrandao]

filtro-fundo

Funções:

• grupo <filter-function-list> - documentação CSS

• blur()

• brightness()

• contrast()

• drop-shadow()

• grayscale()

• hue-rotate()

• invert()

• opacity()

• saturate()

• sepia()

Total: 10 funções

[VitBrandao]

imagem-máscara

Funções:

• linear-gradient() - documentação CSS
• grupo <image> - documentação CSS

[VitBrandao]

origem-imagem-borda

Funções:

• linear-gradient() - documentação CSS

[VitBrandao]

trajeto-deslocamento

Funções:

• grupo <basic-shape> - documentação CSS
• ray() - documentação CSS

[VitBrandao]

transformar

Funções:

grupo <transform-function> - documentação CSS

Perspective

• perspective()

Rotation

• rotate()
• rotateX()
• rotateY()
• rotateZ()
• rotate3d()

Scaling (resizing)

• scale()
• scale3d()
• scaleX()
• scaleY()
• scaleZ()

Skewing (distortion)

• skew()
• skewX()
• skewY()

Translation (moving)

• translate()
• translate3d()
• translateX()
• translateY()
• translateZ()

[VitBrandao]

variação-fonte-alternativa

As funções desse grupo estão mais para sintaxes especiais do que métodos propriamente ditos.
Todos os casos estão listados na documentação CSS do seletor CSS correspondente.

Funções:

• stylistic()
• styleset()
• character-variant()
• swash()
• ornaments()
• annotation()