Вопросы с меткой [scss]

Question 1

Собрал react проект на webpack и настроил стили для обычных *.scss файлов. Все работало. Потом перешел на модульный scss, переименовал файлы на *.module.scss. Ниже мои настройки webpack: const path = ...

Question 2

Я посмотрел в интернете, что scss дает расширенные возможности и добавляет такие вещи как: переменные, вложенность и миксины. Зачем нужен scss если многие вещи можно реализовать через js? Хотел бы ...

Question 3

Есть блок с SVG-фоном через background-image. На блоке расположены другие блоки с SVG, и всё это скейлиться по нажатию. Во всех браузерах всё работает нормально, но в Safari на iPhone теряется ...

Question 4

шрифты подключаются в scss: @font-face { font-family: 'IBM Plex Sans'; font-weight: 300; font-style: italic; src: url('../assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf') format('...

Question 5

Я пишу классы четко в соответствии с документацией. Я создаю файл для компонента, например, header.module.scss. Импортирую его в компонент. Использую className={style.header}, чтобы у меня ...

Question 6

В моей папке stylesheets есть файл main.scss в который импортируются все стили через @use! @charset "UTF-8"; // 1. Vendors @use 'vendors/reset'; // 2. Base stuff @use 'base/base'; @use '...

Question 7

Всем добрый день, подскажите пожалуйста с чем может быть связана проблема, что адресная строка не убирается при скролле. meta тег не помогает, в чём может быть проблема html, body { width: 100%;...

Question 8

У меня есть react проект. В src я создал global.scss и пытаюсь применить его app.scss. Но почему-то переменные получается использовать, но когда пытаюсь взять оттуда миксин выдается ошибка. В чем ...

Question 9

мой шаблон: <div class="task"> <div id="cont-1"> <div class="task__path"> <p>распарсить путь / /</p> </div> ...

Question 10

У вас есть два фото: Как у меня получается Как должно быть на макете Я стилизовал это через background-position:; и background-size:;, но у меня выходит не правильно, Помогите мне пожалуйста. Вот ...

Question 11

Как сделать стрелку указывающую на активный элемент чтобы при изменении активного элемента стрелка передвигалась к нему export const GeolocationHead = () => { const cities = ['Москва', 'Санкт-...

Question 12

Я пытаюсь подключить шрифты на сайт. В девтулс, если навестись на текст, там стоит правильный шрифт - Inter. Но жирность не добавляется. Пробовала вставлять ссылку из гугл фонс на прямую в head, не ...

Question 13

У меня возникли проблемы с использованием media-запроса. Вот мой код: @media (max-width: 1441px) and (min-height: 899px) { header { .container { max-width: calc(54vw + 54vh); } } } ...

Question 14

Я столкнулась с проблемой при использовании медиазапросов в своем проекте на SCSS. Когда я проверяю работу медиазапросов, отображаются только красный и синий цвет на максимальных ширинах 1400px и ...

Question 15

Всем привет. Я делаю компонент кнопки на vue3 c возможностью переиспользования. Вот код кнопки <template> <div class="button"> <slot /> </div> </...

Вопросы с меткой [scss]

как подключить модульный scss в react проект собранном на webpack?

Зачем нужен scss если есть javascript?

Почему svg при scale теряет в качестве в safari на iphone

Нативные html элементы не видят локальные шрифты (react)

Ломаются стили next.js

Sass: @use приводит к ошибке, неопределенная переменная

Как убрать адресную строку на IOS при скролле

Почему не импортируется миксин из global.scss?

Изменить стиль элемента из другого контейнера

Как стилизовать background снизу и как на макете?

Как сделать стрелку указывающую на активный элемент

Шрифт отображается на сайте, но не подключается жирность

Как в CSS3 использовать одновременно max-width и min-height в рамках media-запроса?

Проблема с медиазапросами в SCSS

Передача SASS переменных через props во vue 3. Возможно ли это