Freecodecamp: Sassチャレンジは機能しません

作成日 2017年01月21日 · 39コメント · ソース: freeCodeCamp/freeCodeCamp

チャレンジstoreing-data-with-sass-variablesには問題があります。
ユーザーエージェントは： 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>

みなさん、こんにちは。Sass変数を使用したデータの保存という課題でバグを見つけたと思います。私はすべてを正しく行ったと思いますが、h2と.blog-post要素の色は赤に変わりません。私は2つのユーザーストーリーを渡しますが、これらは渡しません。
.blog-post要素の色は赤である必要があります。
h2要素の色は赤である必要があります。

また、赤く変化しません。しかし、それはユーザーストーリーを渡します：
コードには、値が赤の$ text-colorに対して宣言されたSass変数が必要です。
コードで$ text-color変数を使用して、.blog-postアイテムとh2アイテムの色を変更する必要があります

よろしくお願いします。ベータ版の新しいものは素晴らしいようです。素晴らしい仕事を続けてください！それらの多くを処理するのが待ちきれません！ 👍

help wanted bug critical path

ソース

ryanarnouk

👍7

最も参考になるコメント

divタグにカラースタイルを追加できます。これは私にとってはうまくいきます。

<div class="blog-post" style="color: red;">

screenshot from 2018-07-22 18-38-20

dikiaap 2018年07月22日

👍5 😄2 ❤1 🎉1

全てのコメント39件

@ Azbo400この問題を報告していただきありがとうございます。 Sassのコンパイルはまだ実際にはサポートされていないようです😅

systimotic 2017年01月21日

😄4

@systimoticああ、ははは、それは理にかなっています！ありがとう😄

ryanarnouk 2017年01月21日

あ、ごめんなさい！このセクションが適切に機能しないことを人々に知らせておくべきでした。問題をありがとう、@ Azbo400

HKuz 2017年01月21日

@HKuz大丈夫、問題ありません。 😃

ryanarnouk 2017年01月21日

ええ。動いていない。修正されたときに通知はありますか？

ppmakeitcount 2017年01月22日

👍1

「saas」はまだサポートされていません。爆笑！！！

2017年1月22日午前0時19分、「PramodPotdar」 [email protected]は次のように書いています。

ええ。動いていない。修正されたときに通知はありますか？

—
このスレッドにサブスクライブしているため、これを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 、
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
。

ChrisD1986 2017年01月22日

彼らはあなたからのサスを望んでいません。ジョーク

rudolphh 2017年02月06日

Sassがまだ機能していないことを人々に警告するのは良い考えだと私は同意します。

それまでの間、SassコンパイラをインストールするためのSass公式ページのガイドに従い、自分のマシンでガイド（および/またはFCCのSassチュートリアル）に従うことをお勧めします。ガイドはここから始まります： http ：

betaalpha987 2017年03月12日

👍3

チャレンジstoreing-data-with-sass-variablesは、割り当てられた変数の使用をチェックできるように、最後の2つのテストをリファクタリングする必要があります

ahmadabdolsaheb 2018年06月01日

@ahmadabdolsaheb素晴らしい-良い電話。それらをリファクタリングする方法を知っていますか？

QuincyLarson 2018年06月03日

@QuincyLarson私はそれに乗っています

ahmadabdolsaheb 2018年06月04日

誰かがこの問題に取り組みたい場合は、以下が役立つかもしれません。
リファクタリングするテストの場所：
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25

これらは、次の2つに置き換える必要がある4つのテストです。

"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.');"
        }
 ]

PRを行う前にソリューションをテストしてください

ahmadabdolsaheb 2018年06月04日

@ahmadabdolsaheb