Jornada do Dev

Entre para ter acesso à essa aula

O vídeo é uma aula sobre o uso de Guard Comparison em LESS. O professor começa explicando que o Guard Comparison é uma forma de aplicar condições em mixins. Ele demonstra como criar um mixin e como aplicar condições a ele. Por exemplo, ele cria um mixin para estilizar um parágrafo e aplica uma condição para alterar a cor do texto se a luminosidade for maior que 50%.

Em seguida, o professor mostra como usar o operador "e" para aplicar várias condições a um mixin. Ele cria uma condição para alterar o tamanho da fonte se a luminosidade for maior que 50% e o tamanho da fonte for maior ou igual a 18 pixels.

O professor então explica que há algumas funções em LESS que podem ser usadas para verificar se os parâmetros passados para um mixin são do tipo correto. Por exemplo, ele mostra como usar a função "isnumber" para verificar se um parâmetro é um número.

Por fim, o professor mostra como usar a função "iscolor" para verificar se um parâmetro é uma cor. Ele também menciona outras funções úteis, como "isstring", "isurl", "ispixel", "ispercentage" e "isunit". Ele enfatiza que essas funções podem ser úteis para evitar erros ao passar parâmetros para mixins.