Как коректно подключить шрифты к react приложению?
Переношу верстку на react. Возникли проблемы со шрифтами. Есть файл style.css, который был сформирован gulp еще при верстке. В нем есть шрифты: @font-face { font-family: "ico…
Вопросы по тегу: scss
- 1 ▲0 ответ.
- 0 ▲1 ответ.
Текст в input смещается на иконку
Мне нужна ваша помощь. У меня есть input, внутри которого есть иконка svg и placeholder. Мой код ниже помогает мне начать писать внутри input с отступлением влево 48 px и текст от…
- 0 ▲1 ответ.
Как указать прямого потомка в SCSS?
В css это можно сделать так: div { color: grey; } div>span { color: blue; } Как это сделать в SCSS? Типа: div { color: grey; >span { color: blue; } }
- 0 ▲2 ответ.
Webpack5 не могу отрисовать изображения из css
Я делаю сборку на webpack для верстки с поддержкой SCSS, Pug при необходимости. Из html я могу отрисовать изображения, а если я пытаюсь отрисовывать из CSS в background-image, то …
- 0 ▲1 ответ.
Как вставить % в миксинах scss
Не получается вставить % в миксины scss, могу вставит единицы em, rem, а % не знаю как. Искал информацию, но не нашел, пробовал через #{} не получается` @mixin adp($property, $max…
- 0 ▲0 ответ.
Gulp доп. страницы
Подскажите, как в dist добавить папку) pages? Не понимаю, как доп. страницы генерировать в папке dist
- 0 ▲1 ответ.
Получить градиент картинки
Есть кнопка с градиентом: Мне нужно ее преобразовать в <button> с css градиентом для удобства работы. Пробовал методом тыка подобрать градиент, но ничего не получилось.
- 1 ▲1 ответ.
gulp. style.min.css в product, а style.css в dev
Подскажие по gulp (я не очень разбираюсь). Итак в результате сборки и компиляции sass и в продакт и дев версиях я получаю 2файла сss и min.css. Что если я не хочу в продакт версии…
- 0 ▲0 ответ.
Стоит ли добавлять scss стили в проект на Github?
Задаю такой вопрос, так как понимаю, что scss не имеет никакой значимости для проекта на Github и просто занимает лишний вес.
- 1 ▲1 ответ.
VS Code не работают пользовательские сниппеты вместе с встроенными emmet снипетами
раньше всё работало, но не знаю почему когда именно в настройках самого элемента пишешь префикс снипета он не отображается а просто в самом файле scss всё работает, если что расши…
- 0 ▲2 ответ.
:hover на li в котором содержится svg и параграф
помогите разобраться, я совсем зелёный, прошу словами не кидаться :) Ситуация такая: Есть ненумерованный список, в нём, в каждом из пунктов лежит и ссылка . Проблема: Когда я веша…
- 1 ▲1 ответ.
Слишком много css стили
Столкнулся с такой проблемой слишком много css стилей, каждому дать класс и стилизовать это нормально? Думаю это просто ужас лишь на nav уходить 250строк кода, можете подсказать н…
- 1 ▲1 ответ.
Миграция с @import на @use
Вычитал в документации sass, что со временем @import вообще уберут и нужно будет использовать @use. Для миграции установил мигратор. Поменял с помощью мигратора все @import на @us…
- 0 ▲0 ответ.
Какой смысл от sass и scss?
Читаю статью и там пишут о том, что он ускоряет написание css, так же имеются переменные. Эмм... И что? У css тоже есть переменные (:root). Расскажите пожалуйста, какой от них смы…
- 0 ▲2 ответ.
Как сделать такую переменную?
Хочу сделать такую переменную, что если я в классе писал скажем вот так <div class="fs-18">text</div> то нужно чтобы это вот число он сам подставлял в font-s…
- 1 ▲1 ответ.
Как делаются такие шары?
Какие свойства нужны чтобы получить такой шар? Я думал что нужен background: linear-gradient и filter: blur. Но я уже вижу что результат будет другой, не как на первом изображении…
- 0 ▲0 ответ.
Некорректное отображение html элементов
Я делаю burger-меню для моего web-приложения, но при создании характерных для burger-меню полосок у меня появляется проблема. А Проблема заключается в том, что, когда я задаю высо…
- 1 ▲0 ответ.
Упрощение стилей
Имеются элементы такого вида: <Typography className={styles.element} sx={{ color: `${getColor(status)}` }}> {state} </Typography> Возможно ли упростить данную конструк…
- 0 ▲0 ответ.
SCSS в браузере не корректно отображает файл
Только перешел на SCSS и сделал на нём первый макет и когда делал его в Live server то все было гуд. Но когда я закончил макет и решил просто открыть индексный файл то кроме как п…
- 1 ▲0 ответ.
Помогите решить проблему с Tab'ами
У меня есть 18 карточек с товаром, завернутые в grid-сетку. Какая задача: при загрузке страницы видим 9 карточек, снизу кнопки 1 и 2. и соответственно переключаем этими кнопка кар…
- 0 ▲0 ответ.
Как сделать слайдер с grid
Как сделать такой слайдер? Вся проблема в том что из бэкенда приходит лист в котором есть заголовок и контент, если нет контента то блок должен быть маленьким и без фона. И задний…