let
e const
. No Sass, as variáveis começam com um $
seguido pelo nome da variável. Aqui estão alguns exemplos: $ main-fonts: Arial, sans-serif;Um exemplo em que as variáveis são úteis é quando um número de elementos precisa ter a mesma cor. Se essa cor for alterada, o único local para editar o código é o valor da variável.
$ títulos-cor: verde;
// Para usar variáveis:
h1 {
font-family: $ main-fonts;
cor: $ títulos-cor;
}
$text-color
e defina-a como vermelha. Em seguida, altere o valor da propriedade color
para o .blog-post
e h2
para a variável $text-color
. $text-color
com um valor de vermelho.
testString: 'assert(code.match(/\$text-color:\s*?red;/g), "Your code should have a Sass variable declared for $text-color
with a value of red.");'
- text: Seu código deve usar a variável $text-color
para alterar a color
dos .blog-post
e h2
.
testString: 'assert(code.match(/color:\s*?\$text-color;/g), "Your code should use the $text-color
variable to change the color
for the .blog-post
and h2
items.");'
- text: Seu elemento .blog-post
deve ter uma cor vermelha.
testString: 'assert($(".blog-post").css("color") == "rgb(255, 0, 0)", "Your .blog-post
element should have a color of red.");'
- text: Seus elementos h2
devem ter uma cor vermelha.
testString: 'assert($("h2").css("color") == "rgb(255, 0, 0)", "Your h2
elements should have a color of red.");'
```
This is a paragraph with some random text in it
Here is some more random text.
Even more random text within a paragraph