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

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

Фильтрация
Сортировка
Метки
0 голосов
0 ответов
18 показов

Удаление свойств из миксина в Less

Есть задача по которой нужно сделать так что бы можно было удалять свойства из миксина. Пример @my_list: "color", "width"; // Here we define a list variable with 2 values: color ...
krokozyablik's user avatar
0 голосов
0 ответов
18 показов

transition выполняется в отладчике, но не выполняется без него

Есть такая менюшка: <div class="menu-item d-flex justify-content-end align-items-center"> <button class="menu-button" id="servises">Servises</...
Den's user avatar
  • 1
0 голосов
0 ответов
21 показ

Не пойму почему двигается border SCSS?

В общем есть кнопка загрузка , при клике не нее происходит загрузка ( анимация ) и потом возвращается в обычную кнопку зеленую. Суть в том что при загрузке border крутится но его чуть чуть кидает то ...
Артем Мишуровский's user avatar
0 голосов
0 ответов
169 показов

подключение less к react

создал приложение в react (через npx create-react-app) сейчас потребовалось подключить less (для создания тем для элементов библиотеки Ant Design) подскажите как это можно сделать без существенных ...
Zhihar's user avatar
  • 37k
0 голосов
0 ответов
52 показа

Antd table как изменить направление фильтра

Мне нужно чтобы фильтр в таблице по дефолту располагался в противоположную сторонy.Это дефолтная таблица в antd, есть ли способ изменить direction rtl => ltr. Рылся в документации ant и нашел что ...
Olzhas 's user avatar
0 голосов
0 ответов
52 показа

Разделить основные стили и media по разным файлам

Хочу писать @media в less файлах для каждого блока, на данный момент less файлы собираются в main.css, но я хочу что бы @media при сборке все соединялись по значению, например все @media (min-width: ...
иван слатвинский's user avatar
0 голосов
0 ответов
85 показов

Почему перестал компилироваться scss?

Здраствуйте, в один момент программа VS Code с помощью плагина Live Sass Compiler перестала проводить компиляцию в обычный CSS. Программу уже переустанавливал и перенастраивал заного по видео-роликам -...
user avatar
0 голосов
1 ответ
15 показов

Вопрос по LESS. Есть ли конструкция аналогичная SCSS?

В SCSS есть такая конструкция .item { .sublist & { font-size: 1.5rem; } } Что преобразуется в CSS в .sublist .item { font-size: 1.5rem; } Есть ли похожая конструкция в LESS? ...
Александр Т.'s user avatar
0 голосов
1 ответ
58 показов

Inline JavaScript is not enabled. Is it set in your options?

Пытаюсь скомпилировать less файл в VS Code с помощью Compile Hero, но получаю ошибку: Inline JavaScript is not enabled. Is it set in your options? in file /less/settings.less line no. 223 233: ....
Ivan Stepin's user avatar
0 голосов
0 ответов
64 показа

Не работает деление в 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(@...
GreedyWizards's user avatar
0 голосов
0 ответов
58 показов

Самое простое подключение LESS

Решил освоить LESS какой самый простой метод его подключения что бы я мог сразу видеть изменения стилей на своей странице? ну то есть есть ли варианты что бы мне не надо было тратить время на ...
OvipLokos's user avatar
5 голосов
3 ответа
693 показа

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

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

Что отвечает за конвертацию named color в hex color в стилях?

В .less есть стили для кнопки Apple Pay, например -apple-pay-button-style: white;, где white - параметр, а не цвет. После компиляции на выходе в стилях -apple-pay-button-style: #FFF; Что может ...
Vlad's user avatar
  • 67
1 голос
1 ответ
107 показов

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

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

Как добавить псевдокласс hover перед псевдоклассом before, соблюдая вложенность, в препроцессоре less?

Недавно начал изучать Less и во время практики столкнулся с проблемой. .navbar{ height: 70px; width: 100%; display: flex; justify-content: space-around; align-items: center; ...
AlterS1's user avatar
  • 11
0 голосов
1 ответ
171 показ

При нажатии на бургер меню не появляется крестик

Возможно, проблема во вложенности less .HamburgerMenu{ background: #000000; @media screen and (max-width: 686px) { background: none; } &_Btn { display: none; position: fixed; top: 2px;...
DenRum's user avatar
  • 5
0 голосов
1 ответ
27 показов

Как применять переменную в less?

.generate-image(@n) when (@n < 4) { .portfolio__item:nth-child(@{n}) { background: url(../img/portfolio-image@{n}.png); } .generate-image (@n + 1); } .generate-image(1); ...
Никита Попов's user avatar
0 голосов
1 ответ
37 показов

Изучаю основы less css. Есть готовый файл css. Нужно сделать исходный файл less до компиляции коалой

super.css: html { font-size: 10px; } body { font-family: 'museo_reg', sans-serif; } section { padding: 4rem 0 8rem; } a:hover, a:focus, a:active { text-decoration: none; } button:focus, input:...
Артур's user avatar
-1 голос
1 ответ
46 показов

Не появляется черная полоса под элементами

//main: ../style.less .nav{display: flex; height: 100%; } .nav_link{ //padding: 0.66rem 2rem; margin-left: 2rem; position: relative; font-size: 0.93rem; color:@black; text-...
Эдуард's user avatar
-3 голоса
1 ответ
29 показов

Не задается user__name

user{ display:flex; } .user__avatar{ width:57px; height:57px;} img {border-radius: 50%;} .user__name{font-size: 1.06rem; color: @black; font-weight: 700 ;} <!DOCTYPE HTML>...
Эдуард's user avatar
0 голосов
1 ответ
1k показов

Есть ли альтернативы puppeteer для golang?

Есть ли альтернативы puppeteer для golang? Т.е. средства с помощью которых можно запускать хром в headless режиме?
PRO CODE's user avatar
  • 553
0 голосов
1 ответ
145 показов

SASS, SCSS, LESS, CSS, JS соотношения между ними

Я не понимаю, в каком отношении находятся sass, less, js, css? Про js и css понимаю, разумеется. Кто занимается переводом sass, less в css? Это делает javascript?
hedgehogues's user avatar
  • 9,271
0 голосов
2 ответа
31 показ

4х блоков div в одном div через less - один блок переносится на следующую строку

При создании 4х блоков div в одном div через less, один блок переносится на следующую строку. Подскажите в чем причина .col-md-4 { width: @widthAll / 3 - 20px; margin: 50px 1px; height: ...
Alёna Belokonskaya's user avatar
1 голос
0 ответов
617 показов

Резиновая сетка изображений css - flex/grid

Есть ряд картинок. Нужно сделать резиновую верстку, что бы все четко и плавно менялось при изменении размера контейнера или разрешения экрана. Есть минимальные и макс размер картинок и экрана - от 320 ...
CodeGust's user avatar
  • 1,834
1 голос
1 ответ
52 показа

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

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

Слайдер slick nextSlider + 1

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

Единица Rem CSS

У меня такой случай: Проект верстаю на rem. Rem, на сколько я знаю, от значения font-size родителя html. К примеру у меня font-size:62.5% в index.css Почему когда я делаю к примеру font-size 30% ...
Slavick's user avatar
  • 97
0 голосов
1 ответ
65 показов

Как подровнять столбец из картинок CSS? [закрыт]

Мне надо выровнять элементы вот так: А у меня получается вот так: Вот ссылка на гитхаб репозиторий https://github.com/Nazarchonok/nazarchonok.github.io/tree/master/src
Назар Таранюк's user avatar
0 голосов
2 ответа
67 показов

Нужна помощь с версткой (HTML)

Всем, доброго времени суток. Назрел интересный вопросик относительно верстки блоков-карточек (по крайней мере я их так называю). Проблема в размере блока с текстом. Как вы увидите на изображении ...
Torin_21's user avatar
  • 449
0 голосов
2 ответа
72 показа

Как реализовать такую логику?

Имеется три блока html: HTML: <div class="test"> <div class="hide"></div> <div class="hide"></div> </div> CSS: .hide { display: none; } Как ...
FizianAdi's user avatar
0 голосов
1 ответ
159 показов

Koala не создает скомпилированный CSS-файл

Установил Koala, выбрал путь к папке с файлом less, рядом с ним должен был создаться скомпилированный CSS-файл, но его нет. Пробовал скомпилировать принудительно, нажав на кнопку - не помогло. Как ...
Vlad's user avatar
  • 17
7 голосов
2 ответа
2k показов

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

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

calc(100vh - 100px) [закрыт]

i'm using LESS, and when i calculate 100vh - 100px, it's been like 100vh - 100vh. And other, - 100vh - 10px is 100vh - 10vh
Михаил Зубов's user avatar
0 голосов
0 ответов
21 показ

Почему так мало разрешений у WebPack

Кто в курсе почему webpack конвертирует из js в js? Почему можно только с Sass работать? Есть ли какой то скрипт помогающий работать с less и Pug ?
George_Izot's user avatar
0 голосов
0 ответов
303 показа

Почему стили перебиваются?

Есть вот такой код, написанный на less: .portfolio-panel-background { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); ...
uzi_no_uzi's user avatar
  • 2,186
0 голосов
0 ответов
138 показов

Почему в Opera не работают media запросы?

Версия Opera: 56.0.3051.116 Проблема в том, что media-запрос отрабатывает в FireFox и в Chrome, но не работает в Opera, не знаю с чем может быть связано. Код Less: .background-wave { width:...
uzi_no_uzi's user avatar
  • 2,186
0 голосов
0 ответов
3k показов

Компиляция Less в css в Brackets и VSCode

Я только начинаю работать с препроцессором Less. Но компилировать его через Koola не хочется. Решил попробовать его компилировать на лету в редакторе Brackets. Но почему то у меня Brackets не ...
Сергей Кондулуков's user avatar
0 голосов
1 ответ
58 показов

Как сделать ветвление в препроцессоре LESS

Resource: @offset: 20px; .display(@flex, @wrap){ display: @flex; flex-wrap: if((true), @wrap, null); //эту строку я писал основываясь логически, но все равно она не работает }...
John's user avatar
  • 399
0 голосов
3 ответа
101 показ

как исключить распространение стиля под определенным селектором?

html: <div class="active"> <div class="container"> <div class="diactive"> <div class="item"></div> <div class=...
Ilya Nikulin's user avatar
0 голосов
1 ответ
166 показов

Проблема конкатенации media правил

Дело в том что при построении кода таким образом, когда @media правила разбросаны по всем файлам, появляется потребность в их конкатенации в одно правило(соответственно в одно правило определенной ...
nikita's user avatar
  • 1
0 голосов
1 ответ
71 показ

Webpack ошибка при компиляции Less

Получаю вот эту ошибку на Windows 10. На Mac как все работает, но на win10 с следующеми настройками получаю ошибку:
user334737's user avatar
0 голосов
1 ответ
53 показа

Как пользоваться less в css?

То есть допустим я написал код на less. Теперь чтобы сайт работал не только локально, но и на сервере, мне нужно его откомпилировать в css. Правильно? Less нужен только для самого программиста во ...
user avatar
0 голосов
0 ответов
77 показов

Возможно ли создать свою функцию в less?

Нужно сделать функцию, которая будет возвращать определенное значение, вот пример с миксином .font-rem(@pixels) { font-size: @pixels/16rem; } Данный миксин переводит пиксели в ремы, но ...
uzi_no_uzi's user avatar
  • 2,186
2 голоса
0 ответов
11 показов

Массовый import в less

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

Angular 7: Импорт глобального less в component.less

У меня меня есть файл material.less, в котором я объявил переменные. Теперь хочу использовать их в компонентах, но приложение позволяет делать @import только в app.component.less, а в дочерних ...
vusaldev's user avatar
  • 352
0 голосов
1 ответ
46 показов

Как выполнить расположение абзацев в форме шестиугольника на странице?

Имеется следующий код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
Alexandr Järvi's user avatar
0 голосов
1 ответ
70 показов

Как исправить ошибку "Could not parse call arguments or missing ')'", возникающую при сборке?

Необходимо подключить библиотеку FlipClock.js к проекту, использующему Webpack. Есть файл style.less, который импортирует flipclock.css: @import (less) "~flipclock/dist/flipclock.css" В index.js ...
Alexandr Järvi's user avatar
0 голосов
0 ответов
95 показов

GULP 4 создает лишние папки

Переехал с 3 версии GULP с которой проблем вообще не было на 4. Вроде все хорошо. !НО при явном указании папки куда нужно пихать файлы, он начал создавать еще одну. к примеру app/less/style.less ...
CaSKeT's user avatar
  • 13
1 голос
1 ответ
290 показов

Не появляется скроллбар в дочернем контейнере

Возникла проблема со скроллингом в приложении на Electron'е. Есть страница, в которую построчно выводится данные. Для вывода большого количества строк реализован скроллинг: .main-panel-content { ...
kostyawh's user avatar
  • 133
2 голоса
1 ответ
257 показов

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

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