Переопределение переменных sass
Как правильно переопределять переменные в sass из библиотеки bootstrap такого вида (так же выделено на приложенном изображении)? --#{$prefix}nav-link-hover-color: var(--#{$prefix}…
Вопросы по тегу: sass
- 0 ▲0 ответ.
- -1 ▲1 ответ.
Sass: @use приводит к ошибке, неопределенная переменная
В моей папке stylesheets есть файл main.scss в который импортируются все стили через @use! @charset "UTF-8"; // 1. Vendors @use 'vendors/reset'; // 2. Base stuff @use 'b…
- 0 ▲1 ответ.
Почему container имеет полную ширину, хотя стоит width: auto
Всем привет! Делаю сейчас сайт и мне кажется, что столкнулся с какой-то очевидной проблемой, мне нужно чтобы width был по величине контента который находится в контейнерах, но он …
- 2 ▲0 ответ.
Не работает свойство в SASS
Нужно для класса footer__phone установить font-size: 14px Не могу разобраться с отступами, чтобы данный класс заработал в SASS. HTML <div class="footer__block"> &l…
- 0 ▲0 ответ.
Не могу вставить значения в псевдоэлемент через var()
HTML <div class="category"> <img src="<?php echo PATH_IMG .'/type/computer.png'?>" alt="computer"> <h2>Computer</h2> &l…
- 0 ▲1 ответ.
Как писать media запросы в sass?
Адаптирую вёрстку, нужно написать следующий код в синтаксисе sass, то есть без скобок и точек с запятой @media(max-width:1400px){ .container{ max-width: none } }
- 1 ▲0 ответ.
Gulp autoprefixer выдает ошибку Unknown word
Вот мой gulpfile.js const {src, dest, watch, parallel, series} = require('gulp'); const scss = require('gulp-sass')(require('sass')); const autoprefixer = require('gulp-autoprefix…
- 0 ▲1 ответ.
Добавить псевдоэлемент в sass
Подскажите пожалуйста как в класс .services добавить псевдоэлемент :before? .services &__container padding: 120px 0px display: grid grid-template-columns: 1fr grid-gap: 24px &…
- 0 ▲1 ответ.
не работает & + & в SASS
.helper_links { display: flex; li { & + & { margin-left: 20px; } a { неважно &:hover { неважно } } } выделенные ссылки имеют отступ друг от друга только если вместо &a…
- 0 ▲1 ответ.
Как настроить vs code для работы с sass(не конвертор!)
Подскажите пожалуйста, как настроить Visual Studio Code для работы с Sass. Мне не нужно конвертировать код, а именно подсказки как в стоке с Css, подсветка синтаксиса и тд. Пробов…
- 1 ▲1 ответ.
При завершения Event (События), фон события не перерисовывается
Всем здравствуйте. Никак не могу понять, что не так. При создании события появляется данный фон #EF5350, а когда фон завершается, то фон становится #18FFFF. А должно быть наоборот…
- 0 ▲1 ответ.
SASS не работает один класс
Делаю сайт, в header есть вот такой текст, разбитый на два класса main и secondary. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-…
- 1 ▲0 ответ.
При запуске gulp в терминале появляется ошибка: Error in plugin 'sass'.Error: Argument $file-formats was passed both by position and by name
Пожалуйста, помогите разобраться: При запуске gulp в терминале появляется ошибка: Error in plugin "sass" Message: catalog\view\theme\olivia\stylesheet\_fonts.sass Error:…
- 0 ▲1 ответ.
Не получается подгрузить стили через WebPack
Я пытаюсь подключить шрифты на WebPack но он их не видит. Скачал шрифты, настроил sass и css, но шрифты не подгружает. не могу понять в чем проблема вот конфиг моего WebPack const…
- 0 ▲0 ответ.
Как стилизовать отдельные элементы в json файле?
Всем привет, подскажите, как можно стилизовать отдельные элементы в json файле? Вот например у меня есть json файл, там такие элементы (прикрепил меньше, так как их гораздо больше…
- 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 ответ.
Не подключается шрифт через @font-face
Создаю веб-приложение на React'e и столкнулся с такой проблемой, что не могу подключить шрифт через @font-face. Как это можно исправить помогите пожалуйста, внизу привёл код и скр…
- 0 ▲1 ответ.
Как сделать анимацию аккордиону через JS
Помогите пожалуйста мне нужна анимация для аккордиона. Сам аккордион взял с интернета, а JS я пока что не знаю. Вот сам аккордион, я под себя уже переделал, но мне нужна анимация …
- 0 ▲0 ответ.
Как правильно убрать / отключить тег br в медиа правил?
Нужно в медиа правил после разрешение 576px убрать тег br где он был, в scss убираю через свойство display:none, как убирается перенос текста, то нету пробела между словами "…
- 0 ▲1 ответ.
Как сделать цветную дугу поверх окружности HTML
я новичок у верстке, практикуюсь на макете. Мой код HTML КОД В SCSS: От что получается у меня, если по логике делать. Подскажите пожалуйста как правильно мне сделать эти кусочки д…
- 0 ▲1 ответ.
Как указать прямого потомка в SCSS?
В css это можно сделать так: div { color: grey; } div>span { color: blue; } Как это сделать в SCSS? Типа: div { color: grey; >span { color: blue; } }
- 0 ▲0 ответ.
Ошибка компиляции sass
Столкнулся с такой проблемой, решил подключить библиотеку carbon ui, но она работает только вместе с sass. По проекту node 16v , react 16v , использовал CRA. Все сделал как написа…
- 0 ▲0 ответ.
Popup не появляется при клике, хотя класс успешно меняется
При клике на кнопку элемент получает нужный класс, но с блоком ничего не происходит const button1 = document.querySelector('#pop-up-like') const bag1 = document.querySelector('#po…
- 1 ▲1 ответ.
Ошибка компиляции React
Через npm install sass установила sass, запускаю проект и он выдает такую ошибку, не могу ее решить. Что делать? Failed to compile. ./src/components/Button/Button.module.scss (./n…
- 2 ▲0 ответ.
Ломаются пути при использовании SCSS и сборщика (Vite)
Один и тот же код прекрастно работает на CSS, но отказывается работать на SCSS. CSS @import url("bootstrap/dist/css/bootstrap.min.css"); @import url("bootstrap-icon…
- 0 ▲2 ответ.
При подключении шрифтов отображается только один шрифт
Файл fonts.sass @font-face font-family: 'ABC Monument Grotesk Mono' src: url('./fonts/ABCMonumentGroteskMono-Regular.eot') src: url('./fonts/ABCMonumentGroteskMono-Regular.eot?#ie…
- 0 ▲1 ответ.
В SASS не работают подсказки(autocopmlete)
Я уже все мозги себе вы**** простите)). В sass приходится писать все в ручную, без выпадающих подсказок(autocopmlete, вроде называются, не суть =) ). После того как пишу вложеннос…
- 0 ▲0 ответ.
Какой смысл от sass и scss?
Читаю статью и там пишут о том, что он ускоряет написание css, так же имеются переменные. Эмм... И что? У css тоже есть переменные (:root). Расскажите пожалуйста, какой от них смы…