Sass: @use приводит к ошибке, неопределенная переменная
В моей папке stylesheets есть файл main.scss в который импортируются все стили через @use! @charset "UTF-8"; // 1. Vendors @use 'vendors/reset'; // 2. Base stuff @use 'b…
Вопросы по тегу: scss
- -1 ▲1 ответ.
- 0 ▲0 ответ.
помогите не могу понять почему не работает justify-content:space-beetwen;
Должно получиться так: .navContent { display: flex; justify-content: center; } .nav-menu { display: flex; justify-content: space-between; } .nav-menu ul { display: flex; gap: 40px…
- 0 ▲1 ответ.
::webkit-scrollbar не видит css переменные
Вот тот самый фрагмент кода, в файрфоксе все почему то defined и скроллбар действительно кастомизировался // .fs-manager scroll .fs-manager { scrollbar-color: var(--color-1) var(-…
- 0 ▲1 ответ.
Не работает изменение темы React + scss. Функция вызывается два раза подряд
Делаю изменение темы на React + scss. При клике на переключатель темы функция отрабатывает два раза. Есть useState - который хранит состояние темы. Есть useEffect - который меняет…
- 0 ▲1 ответ.
Почему на разных разрешениях экранах разная ширина border
Вот пример изменение border на кнопках: .btn { border-radius: 15px; display: block; font-size: 16px; height: 50px; margin: 0 auto; padding: 2.2px 2.4px 2.4px 2px; font-weight: 600…
- 0 ▲1 ответ.
Показать скрыть текст на JQuery
Я написал функцию на jquery, которая реализует поведение показать/скрыть текст по клику по кнопке "подробнее". Все работает, но когда на странице 2 подобных блока, то он…
- 0 ▲1 ответ.
Сразу после установки Vue3 выскакивает ошибка с scss
vue create apprtl cd apprtl yarn serve И сходу ошибки: ERROR Failed to compile with 1 error error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss Syn…
- 0 ▲1 ответ.
Почему в laravel mix при компиляции scss в css у свойства background-image пропадает нормальная ссылка на изображение?
Я использую laravel mix чтобы верстать. Есть папка исходников src в которой есть папка с изображениями images (src/images). Пишу scss который тоже лежит в этой папке (src/styles/s…
- 0 ▲1 ответ.
Псевдоэлемент ::before
.numbers { &::before { content: url(../../img/shape_32_263.png); position: relative; right: 30px; } } Хочу так но получается так
- 0 ▲1 ответ.
не работает & + & в SASS
.helper_links { display: flex; li { & + & { margin-left: 20px; } a { неважно &:hover { неважно } } } выделенные ссылки имеют отступ друг от друга только если вместо &a…
- 1 ▲0 ответ.
Как отцентровать блоки в последней строке грида, при условии, что блок динамичный и количество элементов может меняться?
Как отцентровать блоки в последней строке грида, при условии, что блок динамичный и количество элементов может меняться? Собственно, интересует, есть ли вообще такое решение у гри…
- 0 ▲1 ответ.
Не получается подгрузить стили через WebPack
Я пытаюсь подключить шрифты на WebPack но он их не видит. Скачал шрифты, настроил sass и css, но шрифты не подгружает. не могу понять в чем проблема вот конфиг моего WebPack const…
- 0 ▲0 ответ.
Как применять тот или иной стиль в SCSS в зависимости от значения переменной, которое должно присваиваться при клике на кнопку
Подскажите пожалуйста как я могу прописать некоторую логику в SCSS. У меня есть кнопка, при нажатии на которую мой главный div контейнер либо растягивается, либо сужается со всем …
- 0 ▲0 ответ.
Почему не получается переопределить background-color
В зависимости от состояния, блок должен менять цвет. Все нечетные блоки имеют цвет $smoky-white, а блоки в состоянии open должны иметь цвет $platinum. Проблема в то, что у &:n…
- 1 ▲1 ответ.
Кастомный select не видит img
<div class="select"> <div class="select__header"> <span class="select__current"> <img src="./img/rus.jpg" alt="&q…
- 0 ▲1 ответ.
Как сделать блок такого плана
Как грамотно сделать подобные пунктирные линии между блоками?
- 0 ▲0 ответ.
В Gulp сборке есть коллекция собственных снипетов, написаны они правильно с точки зрения синтаксиса, но при попытке их вызвать, они не срабатывают
В проекте не получается воспользоваться готовыми сниппетами, подскажите, как исправить это
- 0 ▲0 ответ.
Как правильно убрать / отключить тег br в медиа правил?
Нужно в медиа правил после разрешение 576px убрать тег br где он был, в scss убираю через свойство display:none, как убирается перенос текста, то нету пробела между словами "…
- 0 ▲1 ответ.
Как сделать такой карусель на swiper
Как сделать такую верстку через swiper пример карусель https://art-tehnik.ru/ скрин http://joxi.ru/BA0okeETqp0XN2 opacity: 0; transform: translateX(-50%); пробовал через css, но н…
- 0 ▲1 ответ.
Проблема с переполнением элментов html css
Проблема с переполнением данных, как это исправить? Разметка компонента ниже <div className="typed_food_item_container"> <div className="main_menu_section_…
- 0 ▲0 ответ.
Лишние стили CSS на проекте
День добрый! Прошу помощи, при запуске проекта на Vue в инспекторе отображаются лишние стили не подходящие к данному блоку. Подскажите в чем проблема может быть? Проект на VUE из …
- 1 ▲1 ответ.
Как сделать одновременную смену цветов у блоков с разными цветами при нажатии на кнопку с возможностью при повторном клике вернуть цвет?
При помощи Jquery сделал переключение на сайте день-ночь. Цель сделать переключение при нажатии на кнопку смены одновременно большого количества цветов у блоков. (https://github.c…
- 0 ▲4 ответ.
Как прикрепить начало одного блока и конец другого к диву?
Есть такой примерный рисунок: Нужно сделать так, чтобы конец блока black и начало блока white прикрепились к началу блока main. То есть, блок black и white делят страницу на 2 час…
- -1 ▲1 ответ.
Какие есть плагины или готовое решение чтобы сделать аккордеон на подобие как в макете?
:) Подскажите пожалуйста, какие есть плагины или готовое решение, чтобы сделать аккордеон на подобие как в этом макете который ниже на скриншоте?
- 0 ▲1 ответ.
Как сделать цветную дугу поверх окружности HTML
я новичок у верстке, практикуюсь на макете. Мой код HTML КОД В SCSS: От что получается у меня, если по логике делать. Подскажите пожалуйста как правильно мне сделать эти кусочки д…
- 0 ▲0 ответ.
Как можно переопределить стили и добавить css-классы для готового react комонента?
Есть такой компонент в билиотеке @ap-cx/react-fullpage: var FullpageNavigation = /*#__PURE__*/function (_PureComponent) { _inherits(FullpageNavigation, _PureComponent); var _super…
- 1 ▲0 ответ.
Комбинация mixin-ов, которые передаются через аргумент другого mixin-а и вызываются поочередно
возможно ли что то такое в sass @mixin combined($options, $mixins) { @each $value in $mixins { //value === имя михина из области видимости // 1: @include #{$value}($options); //ли…
- 0 ▲0 ответ.
Как задать отступ у элементов слайдера?
Мб я что-то не понимаю или другое, но я не знаю как задать отступ у элементов слайдера. Margin не работает, или я где-то ошибся.. $(function() { $('.team-slider__items').slick({ i…
- 0 ▲1 ответ.
как в css для grid-а плюсануть к fr pixel
(два блока) вот так не работает grid-template-columns: calc(2fr + 8px) 1fr; grid-template-columns: (calc(2fr + 8px)) 1fr;
- 0 ▲0 ответ.
Как убрать прокрутку если элемент имеет position absolute?
Я делаю проект используя react и scss. При вёрстке сайдбара появилась необходимость задать ему position: absolute; чтобы другие элементы не обращали на него внимания. Вот так выгл…