Проблема с хранением-данных-с-sass-переменными имеет проблему.
Пользовательский агент: 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 не меняется на красный. Я пропускаю две пользовательские истории, но не эти:
Ваш элемент .blog-post должен иметь красный цвет.
Ваши элементы h2 должны иметь красный цвет.
Он также не меняет красный цвет. Но он передает пользовательские истории:
В вашем коде должна быть объявлена переменная Sass для $ text-color со значением красного цвета.
В вашем коде должна использоваться переменная $ text-color для изменения цвета элементов .blog-post и h2.
Заранее благодарим вас, и новые возможности бета-версии кажутся потрясающими, продолжайте в том же духе! Не могу дождаться, чтобы поработать над другими из них! 👍
@ Azbo400 Благодарим вас за сообщение об этой проблеме. Похоже, что мы пока не поддерживаем компиляцию Sass 😅
@systimotic О, ха-ха, в этом есть смысл! Спасибо 😄
Ой, извини! Мы должны были предупредить людей, что этот раздел не будет работать должным образом. Спасибо за вопрос, @ Azbo400
@HKuz Ничего страшного, нет проблем. 😃
Да уж. Это не работает. Будет ли уведомление, когда это исправят?
Мы пока не поддерживаем "саас"! Лмао !!!
22 января 2017 года, 00:19, "Прамод Потдар" [email protected] написал:
Да уж. Это не работает. Будет ли уведомление, когда это исправят?
-
Вы получаете это, потому что подписаны на эту ветку.
Ответьте на это письмо напрямую, просмотрите его на GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/12699#issuecomment-274311826 ,
или отключить поток
https://github.com/notifications/unsubscribe-auth/AVHZeUIbLrZVFpBbIy0z9uTcDlOwHHoDks5rUvULgaJpZM4LqJWk
.
Они не хотят от вас дерзости. Анекдоты
Я согласен с тем, что было бы неплохо предупредить людей, что Sass еще не работает.
А пока я рекомендую людям следовать руководству на официальной странице Sass по установке компилятора Sass и следовать их руководству (и / или руководствам FCC по Sass) на своих компьютерах. Руководство начинается здесь: http://sass-lang.com/install
Для задачи storing-data-with-sass-variables необходимо провести рефакторинг последних двух тестов, чтобы можно было проверить использование присвоенной переменной.
@ahmadabdolsaheb Потрясающе - хороший звонок. У вас есть идеи, как провести их рефакторинг?
@QuincyLarson Я в этом
следующее может пригодиться, если кто-то захочет решить эту проблему.
место проведения рефакторинга тестов:
https://github.com/freeCodeCamp/freeCodeCamp/blob/6d7092928e852755fa0d4d9489b3c8748b466a94/seed/challenges/03-front-end-libraries/sass.json#L25
Эти четыре теста следует заменить следующими двумя.
"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
пожалуйста, протестируйте решение, прежде чем делать PR
Как мне начать его тестирование? Если я внесу изменения в исходные файлы, которые находятся в репозитории freecodecamp
это не отразится в репо learn
потому что он использует модуль @freecodecamp/curriculum
node для решения проблем.
Даже если я внесу изменения в репо curriculum
локально, это не отразится на репо learn
.
Я сейчас прохожу уроки Sass.
Я выложу любые дополнительные уроки, которые не работают.
Полный список уроков по Sass со сломанными тестами:
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
Вот наглядное пособие:
Я также подтвердил периодическое прохождение тестов (отправив спам «Запустить тесты») на:
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
но не на двух других сломанных уроках Sass (они всегда не проходят):
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
Сначала я боролся с теми же проблемами, но до сих пор у меня есть все, чтобы пройти (включая пример @ while - еще не пробовал другие) - проблема, похоже, заключается в
Для некоторых, например, в примере с @ while даже требовалось удалить отступы бита SASS.
Попробуйте удалить все пустые строки между кодом и, если это не решит проблему, вообще не делать отступы в коде SASS.
[используя FCC с Safari 11.0.2]
@MikeForde Это сработало для меня, когда я переключился на Safari, чтобы передать этот модуль. Тем не менее, я все еще не мог заставить его работать во время запуска в Chrome 67.
Я не мог заставить их работать в Safari или Chrome 67
Удаление всех отступов и интервалов внутри
Нет, согласен, дело не только в пустом пространстве. Что я заметил, так это то, что - с примером @ while - если я продолжаю нажимать кнопку «Run the Tests», то - если нет реальных ошибок - после 4-5 нажатий, он работает, тогда как если есть настоящая ошибка, он никогда не проходит. Не совсем идеальное поведение, но предполагало бы ошибку низкого уровня, а не ошибку, связанную с фактической синтаксической ошибкой в коде, отправленном пользователем.
Привет всем, какие бы проблемы ни были, они вроде бы исправлены. Пройдено испытание впервые, и я использую версию Chrome 67.0.3396.87 (официальная сборка) (64-разрядная версия)
Нет, все еще происходит со мной, когда я пробую тесты. Кажется, влияет только на некоторых пользователей.
Возникла та же проблема - FireFox 56.0.2.
Убраны все пробелы; отступы и т. д. проверены.
Последние два теста все же не прошли. Попытка "спамить" кнопку "Выполнить тест" ... пока безуспешно.
=====
edit: я наконец-то заставил его работать. Не помню, было ли это из-за какой-то мелкой ошибки с моей стороны или просто терпеливого нажатия кнопки «Выполнить тесты» несколько раз. Я закончил использовать метод «месить кнопку запуска тестов» на нескольких уроках SASS после этого.
вот трюк для Sass: используйте @for для создания цикла Sass:
второго шанса нет, потому что в этом задании наверняка есть ошибка ..
@for $j from 1 through 5 {
.text-#{$j} { font-size: 10px* $j; }
}
Hello
Hello
Hello
Hello
Hello
Вы можете добавить свой цветовой стиль в тег div. У меня это работает.
<div class="blog-post" style="color: red;">
@ mahmoud-coo6 Работает ли ваш метод по применению стиля до тех пор, пока условие не будет выполнено с помощью @ while ?
У меня есть предупреждение: Your .text-1 class should have a font-size of 5px.
Я почти уверен, что размер шрифта 5 пикселей.
Я исправляю "Применить стиль до тех пор, пока не будет выполнено условие" с помощью @ while? Проблема с использованием Firefox вместо google-chrome у меня сработала.
я добавил стиль фона к тегам div ... чтобы заставить эти ошибочные sass задачи пройти тест .... !!
<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>
здесь решение @flyfishingbarbara : какое-то время не работало, потому что на веб-сайте есть ошибка
@each $color in blue,black, red {
.#{$color}-bg { background-color: $color;}
}
div {
height: 200px;
width: 200px;
}
проблема возвращается с @for
и @each
.
Он не работал бы в Chrome 68.0.3440.106 и не в Opera 55.0, но он работал безупречно в Firefox 59.0.2 (все 64-битные). Тем не менее, последние три упражнения потребовали небольшого спама кнопки «Запустить тест».
@raisedadead @ValeraS
Это закрывает проблему?
https://github.com/freeCodeCamp/freeCodeCamp/pull/27716
@paulywill Это не связано с этой проблемой, и проблема уже решена в основной ветке.
лол, я встретил ту же проблему ...
@ZTYZZ У вас бета-тестирования ?
В Firefox Developer Edition (72.0b2 (64-бит)) это не работает.
@nmichalakis Какие ошибки вы видите в консоли браузера?
@RandellDawson Я обнаружил "ошибку", если между именем переменной и ":" есть пробел, она не компилируется правильно. То же самое происходит и с обычными файлами .scss?
Так, например, если я бегу
$ var-name: цвет; (пробел до и после ":") он не компилируется, но если я запустил то же самое
$ var-name: color (без пробела сразу после объявления $ var, работает!)
Пожалуйста, откройте новый выпуск с этими деталями. Благодарю.
@each $ color синим, черным, красным {
. # {$ color} -bg {background-color: $ color;}
}
Самый полезный комментарий
Вы можете добавить свой цветовой стиль в тег div. У меня это работает.