O desafio de armazenar dados com variáveis sass tem um problema.
O agente do usuário é: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.87 Safari/537.36
.
<style>
$text-color: red;
.header{
text-align: center;
}
.blog-post h2 {
color: $text-color;
}
</style>
<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>
Olá a todos, Acho que encontrei um bug no desafio Armazenando dados com variáveis Sass. Acho que fiz tudo certo, mas a cor dos elementos h2 e .blog-post não muda para vermelho. Eu passo duas das histórias de usuário, mas não estas:
Seu elemento .blog-post deve ter uma cor vermelha.
Seus elementos h2 devem ter uma cor vermelha.
Também não muda para vermelho. Mas ele passa as histórias do usuário:
Seu código deve ter uma variável Sass declarada para $ text-color com um valor de vermelho.
Seu código deve usar a variável $ text-color para alterar a cor dos itens .blog-post e h2
Agradecemos antecipadamente, e as novidades em Beta parecem incríveis, continue com o ótimo trabalho! Mal posso esperar para trabalhar com mais deles! 👍
@ Azbo400 Obrigado por relatar esse problema. Parece que ainda não oferecemos suporte à compilação do Sass 😅
@systimotic Oh haha, isso faz sentido! Obrigada 😄
Oh, desculpe! Devíamos ter avisado às pessoas que esta seção não funcionaria corretamente. Obrigado pelo problema, @ Azbo400
@HKuz Tudo bem, sem problemas. 😃
Sim. Não está funcionando. Haverá alguma notificação quando for corrigido?
Não apoiamos os "saas" ainda! Rindo muito!!!
Em 22 de janeiro de 2017, às 12h19, "Pramod Potdar" [email protected] escreveu:
Sim. Não está funcionando. Haverá alguma notificação quando for corrigido?
-
Você está recebendo isto porque está inscrito neste tópico.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
ou silenciar o tópico
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.
Eles não querem qualquer atrevimento de você. Piadas
Concordo que seria uma boa ideia avisar às pessoas que o Sass ainda não funciona.
Enquanto isso, recomendo que as pessoas sigam o guia da página oficial do Sass para instalar um compilador Sass e sigam seu guia (e / ou tutoriais Sass da FCC) em suas próprias máquinas. O guia começa aqui: http://sass-lang.com/install
O Desafio armazenando dados com variáveis sass precisa ter seus dois últimos testes refatorados para que possa verificar o uso da variável atribuída
@ahmadabdolsaheb Incrível - boa
@QuincyLarson estou nisso
o seguinte pode ser útil se alguém quiser resolver esse problema.
a localização dos testes a serem refatorados:
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25
Existem quatro testes que devem ser substituídos pelos dois seguintes.
"tests": [
{
"text": "Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.",
"testString": "assert(code.match(/\\$text-color\\s*?:\\s*?red\\s*?;/g), 'Your code should have a Sass variable declared for <code>$text-color</code> with a value of red.');"
},
{
"text": "Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.",
"testString": "assert(code.match(/\\.blog-post\\s*?\,\\s*?h2\\s*?{\\s*?color:\\s*?\\$text-color\\s*?;/g), 'Your code should use the <code>$text-color</code> variable to change the <code>color</code> for the <code>.blog-post</code> and <code>h2</code> items.');"
}
]
por favor, teste a solução antes de fazer um PR
@ahmadabdolsaheb
por favor, teste a solução antes de fazer um PR
Como devo proceder para testá-lo? Se eu fizer alterações nos arquivos de seed que residem em freecodecamp
repo, então isso não refletirá no learn
repo porque usa o módulo de nó @freecodecamp/curriculum
para obter os desafios.
Mesmo se eu fizer as alterações em curriculum
repo localmente, isso não refletirá no learn
repo.
Estou passando pelas aulas do Sass agora.
Vou postar todas as lições adicionais que estão quebradas.
A lista completa de aulas do Sass com testes quebrados:
https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop
https://learn.freecodecamp.org/front-end-libraries/sass/use-each-to-map-over-items-in-a-list
https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while
Aqui está uma ajuda visual:
Também confirmei a aprovação intermitente no teste (enviando spam "Executar os testes") em:
https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables
https://learn.freecodecamp.org/front-end-libraries/sass/use-each-to-map-over-items-in-a-list
mas não nas outras 2 lições quebradas do Sass (estas sempre falham):
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop
https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while
Lutei inicialmente com os mesmos problemas, mas até agora tenho que passar por todos (incluindo o exemplo @while - não tentei os outros ainda) - o problema parece ser o espaço em branco
Para alguns, por exemplo, o exemplo @while até mesmo precisava remover qualquer recuo do bit SASS
Tente deletar quaisquer linhas em branco entre o código e - se isso não resolver - não recue o código SASS.
[usando FCC com Safari 11.0.2]
@MikeForde Isso funcionou para mim quando
Não consegui fazê-los funcionar no Safari ou Chrome 67
Removendo todo recuo e espaçamento dentro do
Não concordado, há mais do que espaço em branco. O que eu percebi é que - com o exemplo @while - se eu continuar pressionando o botão "Executar os testes" então - se não houver erros reais - depois de 4-5 pressionamentos, ele funciona, enquanto se houver um erro genuíno, nunca passa. Não é exatamente um comportamento ideal, mas sugere um erro de baixo nível, em vez de um vinculado a um erro sintático real no código que está sendo enviado pelo usuário.
Olá a todos, sejam quais forem os problemas, eles parecem estar corrigidos. Passei no desafio da primeira vez e estou usando a versão do Chrome 67.0.3396.87 (versão oficial) (64 bits)
Não, ainda acontece comigo quando tento os testes. Parece afetar apenas alguns usuários.
Encontrou o mesmo problema - FireFox 56.0.2.
Limpou todos os espaços em branco; recuo etc verificado.
Os dois últimos testes ainda falharam. Tentativa de "spam" no botão Executar teste ... até agora sem sorte.
=====
editar: Eu finalmente consegui fazer funcionar. Não me lembro se foi devido a algum pequeno erro de minha parte ou apenas ao apertar pacientemente o botão "Executar testes" repetidamente. Acabei fazendo o método "amasse o botão Executar testes" em várias aulas do SASS após essa.
aqui truque para Sass: Use @for para criar um Sass Loop:
não há uma segunda chance porque há um bug neste desafio com certeza ..
@for $j from 1 through 5 {
.text-#{$j} { font-size: 10px* $j; }
}
Hello
Hello
Hello
Hello
Hello
Você pode adicionar seu estilo de cor à tag div. Isso funciona para mim.
<div class="blog-post" style="color: red;">
@mahmoud-coo6 Seu método funciona em Aplicar um estilo até que uma condição seja atendida com @while ?
Tenho um aviso aqui: Your .text-1 class should have a font-size of 5px.
Tenho certeza que o tamanho da fonte é 5px.
Eu corrijo Aplicar um estilo até que uma condição seja atendida com @while? O desafio de usar o Firefox em vez do google-chrome funcionou para mim.
Eu adicionei estilo de plano de fundo às tags div ... para fazer com que esses desafios sass bugados passassem no teste ... !!
<div class="blue-bg" style="background-color: blue"></div>
<div class="black-bg" style="background-color: black"></div>
<div class="red-bg" style="background-color: red"></div>
aqui a solução @flyfishingbarbara : ai algum tempo não funcionou porque existe bug no site
@each $color in blue,black, red {
.#{$color}-bg { background-color: $color;}
}
div {
height: 200px;
width: 200px;
}
o problema está de volta com @for
e @each
.
Não funcionaria no Chrome 68.0.3440.106 e não no Opera 55.0, mas funcionou perfeitamente no Firefox 59.0.2 (todos de 64 bits). Os últimos três exercícios precisaram de um pouco de spam no botão "Executar o teste"
@raisedadead @ValeraS
Isso fecha este problema?
https://github.com/freeCodeCamp/freeCodeCamp/pull/27716
@paulywill Isso não está relacionado a este problema, e o problema já foi resolvido no branch master.
rsrs, encontrei o mesmo problema ...
@ZTYZZ Você enfrenta o mesmo problema no site beta ?
No Firefox Developer Edition (72.0b2 (64 bits)), ele não funciona.
@nmichalakis Que erros você está vendo no console do navegador?
@RandellDawson eu encontrei o "bug" se houver um espaço entre o nome da variável e o ":" ela não compila corretamente. Isso também acontece em arquivos .scss simples?
Por exemplo, se eu correr
$ var-name: color; (um espaço antes e depois de ":") ele não compila, mas se eu executar o mesmo
$ var-name: color (sem espaço logo após a declaração $ var, funciona!)
Abra uma nova edição com esses detalhes. Obrigado.
@cada $ cor em azul, preto, vermelho {
. # {$ color} -bg {background-color: $ color;}
}
Comentários muito úteis
Você pode adicionar seu estilo de cor à tag div. Isso funciona para mim.