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

Less — препроцессор CSS, расширяющий язык CSS добавлением возможностей, которые позволяют использовать переменные, примеси, функции и множество других техник, делая CSS более удобным в поддержке и расширении.

Фильтрация
Сортировка
Метки
9 голосов
1 ответ
236 показов

Сложный polygon на препроцессорах

Необходим специфический clip-path: polygon() по точкам. Какой-никакой пример в коде ниже. .wrapper { width: 960px; height: 720px; display: flex; align-items: center; justify-...
Vyacheslav Potseluyko's user avatar
7 голосов
2 ответа
2k показов

Как по клику изменить текст, используя css?

Получил интересное задание, но уже сломал голову, как его выполнить, без js. Звучит оно так - "Дан фрагмент html, для которого нужо написать стили css, допускается less или sass. Результат должен ...
Kirill Bulgakov's user avatar
6 голосов
2 ответа
1k показов

Как получить CSS из SASS?

Настраиваю file watcher. Сохраняю main.sass и почему-то создается файл с данным содержимом: write main.css write main.css.map А как получить CSS код через File watcher WebStorm
Stein_'s user avatar
  • 1,017
5 голосов
3 ответа
745 показов

Как можно создать вращающуюся рамку в css, которая будет обрезать изображение?

Это должно выглядеть как на изображении ниже, но кроме того необходимо, чтобы при наведении эта рамка сложной формы вращалась на 360 градусов.(изображение животного имеет прямоугольную форму и размеры ...
Алинур Женис's user avatar
5 голосов
3 ответа
393 показа

Градиент закругленного бордюра кнопки

Как сделать градиент закругленного бордюра кнопки с прозрачным содержимым? К примеру, в простом варианте — нет возможности задать градиент для border-bottom, border-top <html> <head&...
aliokero's user avatar
  • 736
5 голосов
2 ответа
247 показов

Слайдер slick nextSlider + 1

Хочу сделать чтобы слайдер был как на скриншоте то есть nextSlide + 1 был сверху, накидал код. Но так и не понял как доделать. Хочу назначать класс на элемент который находится после nextSlide (на ...
Александр's user avatar
3 голоса
2 ответа
662 показа

Как создать такие треугольники с помощью псевдоэлементов?

Здравствуйте,помогите,пожалуйста,создать вот такие вот треугольники...У меня,правда,нет идей. Уже гуглил на эту тему,но ничего стоящего не нашел. Изображением вставлять не канает. Нужно именно с ...
SilencerWeb's user avatar
3 голоса
2 ответа
10k показов

В чём отличие между less и sass?

Служат для одной и той же цели, имеют похожие методы, а в сущности различаются только синтаксисом и расширением? По мне все же sass поудобнее(покороче) будет, как считаете?
AndreyTalanin's user avatar
3 голоса
1 ответ
180 показов

Логика работы SASS SCSS и LESS?

Хочу понять в теории, как работают css препроцессоры SASS SCSS и LESS. Браузер не читает напрямую данные из .sass (например) файла, нужно вначале скомпилировать .sass > .css? Т.е. получается, что ....
Михаил Р.'s user avatar
3 голоса
1 ответ
646 показов

PHPStorm & Less: как компилировать минимизированный файл с помощью File Watchers?

Каждый раз сталкиваюсь с этим вопросом и с долго ищу ответ англоязычном stackOverflow. В PHPStorm нужно компилировать "на лету" минимизированный .css файл из .less. File Watcher настроен, файл ...
Иван Пшеницын's user avatar
3 голоса
1 ответ
671 показ

Зачем использовать миксины?

Зачем в препроцессорах использовать миксины(mixins)? Если мы можем создать специальный класс. Например есть такая html структура: .default { text-align: center; backgorund-color: black; }...
uzi_no_uzi's user avatar
  • 2,186
3 голоса
0 ответов
257 показов

Поменять код HTML через gulp

Вопрос может дурацкий, но есть такая проблема: У меня есть 2 папки src и dist. В одной исходники, которые я редактирую, в другой то, что на выходе после сборщика gulp. Хочу использовать less, ...
Artem Palamarchuk's user avatar
2 голоса
2 ответа
550 показов

Less, css . изменить одно свойство класса

Имеется класс Less, допустим, который из DIVа делат круг: .round { width: @diameter; height: @diameter; background: floralwhite; -moz-border-radius: @diameter/2; -webkit-border-radius: @...
Vitaly's user avatar
  • 21
2 голоса
1 ответ
7k показов

Сделать выбор между less и sass [закрыт]

Пришло время изучить какой-нибудь CSS фреймворк, естественно выбор стал между LESS и SASS, оба нацелены на гибкость подхода к оформлению стилей. Подскажите какой выбрать, чтоб его возможности ...
perfect's user avatar
  • 10k
2 голоса
3 ответа
438 показов

Как правильно работать с LESS?

Проблема возникла следующая. Мне необходимо использовать компоненты bootstrap (целиком это свалка), а вот отдельные компоненты очень даже хорошая штука. Я зашел в гости к разработчикам: https://...
Nepster's user avatar
  • 1,269
2 голоса
3 ответа
1k показов

Flexbox + z-index

Есть зелёный бокс-родитель с настройками: display: flex; flex-direction: row; justify-content: center; align-items: stretch; В нём находятся 7 зелёных radio с плавающими/летающими размерами, ...
Kostiantyn Salnykov's user avatar
2 голоса
2 ответа
738 показов

Less. Авто-компиляция файла less в css, ubuntu 16.04

Как сделать авто-компиляцию файла less в css, чтобы каждый раз не вводить в терминале команду? Ubuntu 16.04, sublime text 3
xxx44552's user avatar
2 голоса
1 ответ
1k показов

Могут ли в css быть использованы одновременно width & min-width? и в каких случаях?

Могут ли в css быть использованы одновременно одна из этих связок? и в каких случаях? width & min-width width & max-width height & min-height height & max-height в Chrome, если ...
Stanislav  Sagan's user avatar
2 голоса
1 ответ
4k показов

Как подключить тему для bootstrap?

Есть сайт с темами для bootstrap bootswatch.com, там можно скачать темы в виде файла bootstrap.min.css. Вопрос: как подключить эту тему? Просто заменить обычный bootstrap.min.css на этот файл?
floder228's user avatar
2 голоса
1 ответ
550 показов

Cохранение css файл другом папке после его компиляции

Как после компиляции less файла сохранить другом папке css файл? Сохраняет так D:\Programs\OpenServer\domains\test\wp-content\plugins\x\css\less\style.css Нужно сохранить так D:\Programs\OpenServer\...
Juventino's user avatar
2 голоса
3 ответа
3k показов

Не работают медиа-запросы в sass

Вот пример кода @media only screen (max-width: 750px) .ic display: inline-block
Владимир Владимирович's user avatar
2 голоса
3 ответа
3k показов

Группировка css-селекторов Gulp

Я использую сетку smart-grid и group-css-media-queries. Всё группируется по медиа-запросам, всё хорошо, но на выходе есть одна проблема (её масштаб зависит от количества файлов). Проблема ...
Alexxosipov's user avatar
  • 2,769
2 голоса
1 ответ
104 показа

LESS и случайное число

Может ли LESS сгенерировать случайное число, чтобы потом задать с его помощью случайный цвет?
naiad09's user avatar
  • 421
2 голоса
1 ответ
313 показов

При подключении browserSync и последующих изменениях страница не обновляется

Хочу подключить browserSync для автоперезагрузки страницы при изменениях less. less компилируется в css, но при следующих изменениях страница не обновляется. var gulp = require('gulp'); var less = ...
Герасютенко Валерия's user avatar
2 голоса
1 ответ
207 показов

Использование шаблонов с less, pug

Часто скачиваю шаблон, а там сразу идёт package.json c плагинами для сборки + less файл. С ним понятно, загружаем, правим, компилируем. Что касается html-кода самого шаблона. Правильно ли я понимаю ...
marrk2's user avatar
  • 451
2 голоса
1 ответ
54 показа

Интерпретация перемененных строк scss в @media

В Less это делается так @SizeSM: ~"(min-width: 768px)" @media @SizeSM {} Как такое же сделать в Scss?
BwehaaFox's user avatar
  • 1,012
2 голоса
1 ответ
90 показов

Отделение переменных от основного .less файла

Собственно вопрос прост. Можно ли, например, вынести файл с глобальными переменными например в файл vars.less и использовать их с другими небольшими .less-файлами? То есть сделать что-то вроде конфиг-...
BwehaaFox's user avatar
  • 1,012
2 голоса
1 ответ
95 показов

Как правильно установить параметры для компиляции LESS?

Возникли проблемы с созданием корректного файла .map. Компилирую таким образом: lessc --source-map=styles.map styles.less styles.css Проблема следующая: путь к источнику записывается верно для ...
Shimon S's user avatar
  • 337
2 голоса
1 ответ
804 показа

Компиляция LESS файлов в Webstorm

Подскажите пожалуйста!!! Как можно сделать чтобы компилировались в CSS только определенные файлы созданные мной?
divl's user avatar
  • 65
2 голоса
2 ответа
228 показов

Как дебажить код LESS?

Привет. Как проверить код LESS на ошибки? Полдела - правильный редактор кода?
zloctb's user avatar
  • 2,480
2 голоса
2 ответа
9k показов

Подключение less

<!DOCTYPE html> <html> <head> <title>site</title> <meta charset="cn-1251" /> <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="...
hil400k's user avatar
  • 219
2 голоса
0 ответов
11 показов

Массовый import в less

Возможно ли как нибудь реализовать массовый import в less? Что-то вроде @import '**/*', А то приходиться возвращаться к одному файлу и подключать каждый компонент
uzi_no_uzi's user avatar
  • 2,186
2 голоса
0 ответов
88 показов

Подключение файлов Less bootstrap-проекта при работе с Gulp

Настроил Gulp для работы с проектом Bootstrap. Возник вопрос, как при этом использовать и less файлы Bootstrap, так чтобы в style.less были доступны переменные и mixin-ы. Пока не придумал ничего ...
Николай's user avatar
1 голос
3 ответа
7k показов

Компиляция less в css через webpack

Господа! Это сервер var express = require('express'), bodyParser = require('body-parser'), http = require('http'), path = require('path'), fs = require('fs'); var app = express(...
Air's user avatar
  • 14.6k
1 голос
1 ответ
486 показов

Нужно изменить стили, прописанные в navbar.less

Написал html, css и js. Верстка работает, как было сказано заказчиком. Но как только я собрался перенести верстку на wordpress, некоторые стили сбились из-за подключения .less файлов, то есть ...
HoFTeR's user avatar
  • 19
1 голос
1 ответ
153 показа

Ошибки с calc в вёрстке (LESS)

Высота элемента div зависит от высоты родительского элемента: .leg_content { overflow: auto; height: calc(100% - 51px); -webkit-flex: 1 1 43px; } В примере jsfiddle работает как надо. В ...
Mae's user avatar
  • 836
1 голос
2 ответа
110 показов

LESS&CSS: Относительные размеры с сохранением пропорций

Такая задача: поместить на сайт google-карту, размеры которой определяются размерами родительского контейнера. Размеры же самого родительского контейнера определяются относительной шириной (допустим, ...
Боков Глеб's user avatar
1 голос
2 ответа
415 показов

Как заставить работать LESS?

Я присоединил файл с расширением less и затем (за ним) присоединил файл less.js (https://raw.githubusercontent.com/cloudhead/less.js/master/dist/less-1.3.3.min.js). Но почему-то я не увидел ...
spoilt's user avatar
  • 1
1 голос
1 ответ
73 показа

Как правильно изменить цикл LESS, чтобы получить после компиляции 100 селекторов а не 150

Прогресс бар имеет три цвета в завимости от процентов. Желтый если меньше 51%, светло зеленый если 51% и больше, синий если 100%. Процент устанавливается в атрибут data-progress Данные циклы ...
Profet's user avatar
  • 387
1 голос
3 ответа
2k показов

Непонятное поведение LESS2CSS в Sublime Text 3 (less2css error: [WinError 2] Не удается найти указанный файл)

Приветствую товарищи. Занялся освоением LESS и не очень удачно... Сделал все, как тут описано - http://rightblog.ru/2773 Проблема возникла в LESS2CSS [less2css] Using minifier : --clean-css [less2css]...
Ruslan's user avatar
  • 884
1 голос
1 ответ
3k показов

Динамическое изменение высоты элемента на css

Добрый день. Как сделать динамический css? Мне нужно сделать высоту элемента div, равную максимальной высоте минус 50px, что-то типа style="height:100%-50px ". Как это сделать на css? С помощью less ...
Rakzin Roman's user avatar
  • 5,720
1 голос
1 ответ
158 показов

hover срабатывает не на весь блок

У меня есть вот такой свитчер, и я хочу чтобы если я навожу на него, то та часть, которая не закрыта белым блоком, меняла свой background-color. Я реализовал это следующим образом: HTML <label ...
Immersion's user avatar
  • 447
1 голос
1 ответ
53 показа

Как применить grid?

Как применить grid, чтобы сделать следующее, чтобы было как на фото? { display: grid; grid: gap; }
Светлана Свиридова's user avatar
1 голос
1 ответ
2k показов

Не работает свойство height/width

Есть элемент, типа всплывающего окна .login__window. Нужно сделать так, чтобы его видно не было, но он появлялся при наведении на кнопку. Делать через display: none/ visibility: hidden не хочу, так ...
Alex Chashin's user avatar
1 голос
1 ответ
1k показов

При сборке webpack в css у url изображений некорректный base64

Приветствую! Собираю проект и в какой то момент заметил, что svg изображения которые должны был быть загруженные url-loader'ом не отображаются. к примеру отрывок less-файла: #ajax-loader{background-...
user avatar
1 голос
1 ответ
351 показ

Как подключить less к проекту?

Подключил и установил less на nodeJS .Как подключить less если 2 файла для компиляции и стилей работают только в корневой папке nodeJS? Или теперь надо все файлы для сайта переносить в папку где less?
Bekzod's user avatar
  • 651
1 голос
1 ответ
67 показов

Как добавить less файл в уже загруженную страницу?

Как я понимаю, js модуль less'а компилирует все загруженные таблицы стилей при инициализации. <link type="text/css" rel="stylesheet/less" href="main.less"> <script src="less/dist/less.min....
Diskyp's user avatar
  • 1,522
1 голос
1 ответ
78 показов

Проблемы с Less [закрыт]

Установил less глобально. На Sublime Text 3 установил плагены Less и Less2css. Все компелируется .less в .css, но браузер показывает старый стиль, как будто ни каких изменений не произошло. Ссылка на ...
Rustem  Garaev's user avatar
1 голос
1 ответ
98 показов

Netbeans Linux Less

Установил NetBeans под линукс, установил less, в командной строке lessc style.less style.css компилируется как нужно. В NetBeans ошибка: INFO [org.netbeans.modules.css.prep.process.BaseProcessor]...
Вадим's user avatar
1 голос
1 ответ
681 показ

Реализация CSS анимации средствами LESS

Всем доброго времени суток. Начал использовать LESS препроцессор CSS кода. Работа в Sublime Text 3 и плагином less-build. Пробую скомпилировать такой код: .mixi-frames{ from {width: 254px;} to ...
foxyboy's user avatar
  • 192