Вопросы с меткой [sass]
Sass (Syntactically Awesome StyleSheets) — расширение CSS, которое добавляет мощь и элегантность основному языку. Оно позволяет использовать переменные, вложенные правила, примеси, импорт и прочее, обеспечивая полностью CSS-совместимый синтаксис. Sass помогает упорядочить содержимое больших файлов, а малым обеспечивает лучшую скорость работы, частично с помощью библиотеки Compass.
487
вопросов
0
голосов
0
ответов
21
показ
Не могу подключить sass к React
Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass --save.
React у меня не самая последняя версия, но ...
-1
голос
0
ответов
19
показов
Хочу за картинкой сделать размытый фон [закрыт]
Здравствуйте, не получается сделать размытый фон за изображением. Подскажите как сделать. Вот какой код я использую:
0
голосов
0
ответов
9
показов
использование sass переменных в файле .ts angular
Помогите пожалуйста советом. Я использую стороннюю библиотеку - например chart.js В настройках графика мне нужно прописать цвет. Я хочу использовать sass переменную например $gray-primary в моём файле ...
0
голосов
0
ответов
29
показов
нужна помощь с sass mixin
Проблема в следующем, я пытаюсь добавить mixin с помощью = и подключить с помощью +. Пытался с помощью @mixin @include (такой функции даже не видит)
при создании @mixin все компилируется как надо, но ...
0
голосов
0
ответов
14
показов
Как убрать красное выделение в Sublime Text?
Как убрать такое красное выделение в Sublime, язык написания SCSS?
0
голосов
1
ответ
19
показов
Приоритет css файлов [дубликат]
Верстал сайт через sass, получился файл style.min.css, залил его на сервер и нужно внести изменения, для этого создаю файл style.css подключаю его после style.min.css и не работает, все перепробовал, ...
0
голосов
1
ответ
25
показов
Как устранить ошибку gulp Error: Cannot find module 'sass'?
Не могу исправить ошибку связанную с ошибкой Error: Cannot find module 'sass', я уже и переустанавливал
const gulp = require('gulp');
const browserSync = require('browser-sync');
const sass = ...
0
голосов
1
ответ
18
показов
Как расположить элементы grid по линии. Подробнее на скриншотах
Первый скрин как это выглядит у меня:
Второй как это должно выглядеть на самом деле:
Проблема в том, что контент разный и поэтому всё идет неправильно(не по линии)
.services{
&...
0
голосов
0
ответов
26
показов
почему в css не работает position:fixed
Почему при адаптации меню проскроливается ?
* {
font-family: "Roboto", sans-serif;
}
header {
position: relative;
height: 50px;
width: 100%;
}
nav {
position: fixed;
width: 100%;
...
0
голосов
0
ответов
11
показов
VS Code + Sass + удаленный сервер
Скажите, а как можно настроить взаимодействие расширения Sass для VS Code с учетом работы на удаленном сервере. Т.е. по идее файлы должны компилироваться и передаваться на удаленный сервер. Знаю, что ...
0
голосов
0
ответов
36
показов
Выпадающей список выбор языка на js css
Написал код для выбора языка. Проблема в том, что в js по клику, не всегда приходит элемент li. Нужно сделать так, чтоб по клику раскрывался выбор и после выбора выбранный элемент стал первым. Знаю ...
1
голос
1
ответ
85
показов
Почему emmet в vscode не работает с sass?
Почему emmet в vscode не работает с sass? С scss работает все прекрасно, а вот с sass нет. Все приходится писать вручную. Весь текст белый, т.е. не разделен по цветам, как должно быть. Читал на ...
0
голосов
1
ответ
40
показов
Не применяется медиазапрос
Написал разметку страницы, сделал для неё стили, начал адаптировать и медиазапросы не срабатывают. Не понимаю в чём дело, буду очень благодарен, если ответите что тут не так
@media screen and (max-...
0
голосов
0
ответов
5
показов
Live Sass Compiller - VS Code - индивидуальные настройки для каждого проекта
В настройках расширения есть возможность указать пути, по которым будут сохраняться скомпилированные файлы:
"liveSassCompile.settings.formats":[
// This is Default.
{
"...
0
голосов
1
ответ
30
показов
Как можно конвертировать "padding" в padding в миксинах scss?
Разбираюсь с миксинами. Как я понял я могу передать туда переменную и что-то с ней сделать:
$var: "padding"
@mixin exemple($var){
...
}
А можно ли сделать вызов такого миксина @include ...
1
голос
0
ответов
16
показов
Является ли map-getter лишней сущностью?
Есть такой SCSS код:
$font-weights: (
"font-weight-thin": 100,
"font-weight-light": 300,
"font-weight-regular": 400,
"font-weight-medium": 500,
"...
0
голосов
1
ответ
136
показов
Не работает подгрузка scss переменных в модуль
Такой вопрос:
Почему в этом модуле(странице) импорт scss стилей работает
А в вот этом модуле нет:
Как это вылечить?
Ошибка выглядит следующим образом:
WAIT Compiling... ...
0
голосов
1
ответ
32
показа
Аккордион на HTML и CSS/SASS/SCSS
Хотел сделать простой аккордион на HTML (через checkbox) и CSS/SASS/SCSS, но где-то допускаю ошибку, думаю, в CSS, из-за которой, при нажатии на "Заголовок" (см. в коде) не становится ...
0
голосов
1
ответ
31
показ
Полноэкранное меню исключительно на HTML и CSS/SCSS/SASS
Хотел создать полноэкранное меню исключительно на HTML и CSS/SCSS/SASS. Принцип понимаю, но где-то ошибаюсь в реализации: совершенно не работает checkbox, регулирующий отображение блока полноэкранного ...
0
голосов
0
ответов
22
показа
Альтернатива глобальным переменным переменным в проекте?
Подскажите, я еще новичок в web-разработке. Есть проект на основе БЭМ, который собирается из компонентов. Каждый компонент независим. В проекте есть готовый набор цветов (их 8) и шрифтов (их 2). ...
0
голосов
1
ответ
76
показов
Не работает vue3 и переменные scss
В глобальном файле VUE3 проекта прописываю SCSS переменную.
Далее в одном из модулей пытаюсь ее использовать:
Получаю ошибку.
98% after emitting CopyPlugin
ERROR Failed to compile with 1 error ...
0
голосов
1
ответ
41
показ
как использовать @use c переменными в sass/scss файле?
Есть файл:
// _variables.scss
// COLORS
$dark-gray: #222222;
который я помещаю в:
// index.scss
@use './modules/variables' as v;
div{
background: v.$dark_gray;
width: 50px;
...
0
голосов
1
ответ
38
показов
Подключить свою библиотеку React-компонентов к приложению Next
Есть библиотека с компонентами написанными на TypeScript+SASS. Сборка выполняется вебпаком (конфиг ниже). Подключаем в основной проект на Next через npm link. Всё работает хорошо, пока не подключаю ...
0
голосов
0
ответов
6
показов
Не могу понять, почему на одном компьютере у меня sass игнорирует @import, а на другом -- ругается на него?
Я новичок в sass... Пытаюсь просто вставить один файл в другой при помощи sass. Я так думаю, она должна интегрировать файлы друг с другом, правильно? По крайней мере, такое впечатление у меня ...
0
голосов
1
ответ
226
показов
Как удалить scss с компьютера?
Как мне решить такую проблему. В общем я делаю маленький проект на react, typescript и scss. Установил в самой папке проекта sass(scss) с помощью команды "npm i node-sass". После были ...
0
голосов
0
ответов
24
показа
Можно ли использовать sass и material ui в одном проекте?
Можно ли использовать sass и material ui в одном проекте?
Например: вcе стили проекта написаны на sass, а из material ui прикрутить только пагинацию, правильно ли так делать?
0
голосов
0
ответов
21
показ
live sass compiler не получается настроить
я новичок и учу sass по видеоуроку. дело в том что у меня не получается подключить live sass compiler так что бы он обновлял данные которые я пишу в файле main.scss.
я скачал архив с уроком что бы ...
0
голосов
0
ответов
18
показов
Ошибка .jpg после загрузке на WordPress
.slide:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: transparent;
background: -webkit-gradient(linear, left top, ...
0
голосов
0
ответов
26
показов
Почему не подключаются scss файлы через импорт в главный style.scss?
Почему в главном style.scss не подключаются все сторонние _scss файлы? Причем странно, что файл _reset.scss подключается и работает, а когда подключаю остальные, то все слетает. Для подключения ...
-2
голоса
1
ответ
41
показ
игнорировать фолбеки css-переменных
стили написаны на scss. После прогонки через postcss накидываются фолбеки на css-переменные.
На входе:
Стили:
:root {
--white: #ffffff;
--white-1: #E2E6E8;
--white-2: #F3F5F5;
...
0
голосов
0
ответов
26
показов
Не могу установить и настроить SASS
Я не знаю ничего про Node.js но хотел установить SASS.
вот фото. Должно было компилировать SASS на style.min.css. Пробовал и через терминал Гит
0
голосов
1
ответ
27
показов
Вопрос по gulp-sass
При использовании плагина gulp-sass, обнаружил что сжатия выходного файла css, а именно compact и nested, перестали поддерживаться? Почему? Это связано с обновлениями?
0
голосов
0
ответов
16
показов
Cypress: ошибка монтирования компонента React, который использует SASS
Изучаю Cypress. написал первый тест для React, согласно официальной документации:
import React from 'react';
import { mount } from '@cypress/react';
import App from '../../src/App';
it('renders ...
0
голосов
1
ответ
81
показ
Установка SASS на Mac OS Big sure
Подскажите как установить компилятор Sass на MacBook на M1
0
голосов
1
ответ
100
показов
ошибка в работе плагина gulp-sass
пробовал устанавливать node-sass, не помогло в коде вроде бы все верно, в гугле не нашел ничего путного, пробовал делать по видео делал все точь в точь все работало, но в моменте конвертации sass в ...
0
голосов
0
ответов
45
показов
Подскажите, какие есть особенности верстки под mac устройства? Может есть какая нибуть спецификация?
Дело в том что на винде верстка отображается нормально, а на маке нет.
0
голосов
0
ответов
14
показов
В БЭМ директива @extend не нужна?
Здесь описывается директива @extend которая "расширяет класс" чтобы не забыть использовать вместе с определённым классом другой класс(модификатор в БЭМ). Но модификатор в БЭМ не может ...
0
голосов
0
ответов
9
показов
Как увеличить ширину элемента в зависимости от прокрутки?
Как-то можно по мере горизонтальной прокрутки увеличивать свойство width? Нужно чтобы желтая полоска вверху по мере скрола вправо заполняла область видимости. [Пример][1].
[1]: https://codepen.io/...
0
голосов
0
ответов
9
показов
Можно ли менять версию компилятора SCSS? Если да, то как это делается?
Когда-то давно я использовал Ruby для компиляции SASS в CSS. И все было хорошо. Сейчас Ruby считается устаревшим и не рекомендуется для компиляции SASS.
Я поставил Dart. Стал компилировать им. Он это ...
0
голосов
0
ответов
80
показов
Настройка путей к картинкам в sass, используя webpack
Возникла небольшая проблема, я работаю с дев-сервером и sass лоадером в вебпаке. Когда указываю пути к картинкам через sass, не могу достучаться до них. Не понимаю, как решить такую проблему.
...
-1
голос
2
ответа
46
показов
Как написать собственный скрипт для сборки front-end'а используя команды вместо готовых модулей
В процессе обучения у меня появилась необходимость оптимизировать процесс сборки моих проектов. Препроцессоры, сжатие картинок, pugjs и т.п. Начал смотреть в сторону webpack и gulp но столкнулся с ...
0
голосов
0
ответов
46
показов
Не работает деление в LESS
Вот такой миксин:
.grid(@columns, @i: 1) when (@i <= @columns) {
.col-@{i} {
max-width: percentage(@i / @columns);
padding: 0 @15px;
flex: 1;
}
.grid(@columns, @i + 1);
}
.grid(@...
0
голосов
1
ответ
40
показов
Не работает псевдоэлемент before
не могу понять, почему не работает before, препроцессор sass
&__image
position: relative
transform: translate(50%, -50%)
&::before
content: ""
position: ...
0
голосов
1
ответ
166
показов
Верстка карточек разного размера
Стоит задача заверстать карточки. Все бы ничего, но оттого, что первая карточка больше остальных, не получается заверстать ее во флексе. Подскажите, каким образом верстать такие карточки на флексе?
1
голос
1
ответ
60
показов
Как сделать такую кнопку с цветом? HTML, SASS
Пытаюсь сделать вот такую кнопку с выделенным цветом (как на картинке):
/* SASS */
@import 'reset.scss';
@import '../fonts/fonts.scss';
@import 'colors.scss';
.container {
max-width: 1200px;
...
0
голосов
1
ответ
75
показов
(HTML / SASS) Как сверстать вертикальный сайдбар?
Проблема состоит в том, что у меня никак не выходит адекватно сверстать такую менюшку, которая распологается ровно слева, прямо как на этой картинке:
Во время бесконечных попыток и запросов в гугл ...
0
голосов
0
ответов
12
показов
stylelint ругается на перенос строки, не работает перенос строки, как побороть проблему
Решил настроить себе stylelint, вылезет ошибка что нужен пробел и нужно поставить, хотя визуально он есть и проблем не должно быть, но ошибка есть. Возможно это глюк-баг линтера. Понимаю что можно ...
1
голос
0
ответов
83
показа
Что за ошибка с установкой плагина gulp-sass?
`
<pre>
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/...
0
голосов
0
ответов
84
показа
Количество дочерних элементов SCSS
Есть div с некоторым количеством вложенных элементов p:
<div>
<p>...</p>
<p>...</p>
<p>...</p>
</div>
Можно ли используя только SCSS/SASS ...
1
голос
0
ответов
82
показа
Перезапись SASS/SCSS переменных при смене темы
Всем привет. Хочу перезаписывать значение переменных при смене темы. При смене темы применяется класс dark/light-theme к body. Есть файл с переменными и файл с темами. Хочу, чтобы при появлении класса ...