Помогите подключить код html к сайту

Требуется подключить адаптивное меню к сайту


HTML вставляю, а вот css не могу. Точнее это не css, а что-то другое. Так как там в начале объявляются переменные со значениями, уже в теле стилей они подставляются. Думал что это less но при подключении ничего не происходило. При подлючении этого дела как css браузер не принимал синтаксис

photo_2017-09-27_14-51-33

Подключал и не раз такие вещи и с JS одновременно, но с такими стилями столкнулся впервые.

Спасибо!

Верно говоришь. Это sass - язык, который компилируется в css, и браузер не понимает sass.

Самое простое что ты можешь сделать - это скомпилировать sass из примера codepen в css и уже использовать этот css.

В самом сниппете codepen можно посмотреть результирующий css. Смотри кнопку view compiled, которая появляется при наведении

Как альтернатива скомпилировать sass можно онлайн на этом сайте https://www.sassmeister.com/.

1 симпатия

Мне хочется материться от восторга. 2 дня разбирался… тут за 5 минут помогли. Просто не сталкивался еще с этой технологией вот и ушел в ступор. Спасибо!

1 симпатия