Вопросы с меткой [less]
Less — препроцессор CSS, расширяющий язык CSS добавлением возможностей, которые позволяют использовать переменные, примеси, функции и множество других техник, делая CSS более удобным в поддержке и расширении.
156
вопросов
0
голосов
0
ответов
18
показов
Удаление свойств из миксина в Less
Есть задача по которой нужно сделать так что бы можно было удалять свойства из миксина.
Пример
@my_list: "color", "width"; // Here we define a list variable with 2 values: color ...
0
голосов
0
ответов
18
показов
transition выполняется в отладчике, но не выполняется без него
Есть такая менюшка:
<div class="menu-item d-flex justify-content-end align-items-center">
<button class="menu-button" id="servises">Servises</...
0
голосов
0
ответов
21
показ
Не пойму почему двигается border SCSS?
В общем есть кнопка загрузка , при клике не нее происходит загрузка ( анимация ) и потом возвращается в обычную кнопку зеленую.
Суть в том что при загрузке border крутится но его чуть чуть кидает то ...
0
голосов
0
ответов
169
показов
подключение less к react
создал приложение в react (через npx create-react-app)
сейчас потребовалось подключить less (для создания тем для элементов библиотеки Ant Design)
подскажите как это можно сделать без существенных ...
0
голосов
0
ответов
52
показа
Antd table как изменить направление фильтра
Мне нужно чтобы фильтр в таблице по дефолту располагался в противоположную сторонy.Это дефолтная таблица в antd, есть ли способ изменить direction rtl => ltr.
Рылся в документации ant и нашел что ...
0
голосов
0
ответов
52
показа
Разделить основные стили и media по разным файлам
Хочу писать @media в less файлах для каждого блока, на данный момент less файлы собираются в main.css, но я хочу что бы @media при сборке все соединялись по значению, например все @media (min-width: ...
0
голосов
0
ответов
85
показов
Почему перестал компилироваться scss?
Здраствуйте, в один момент программа VS Code с помощью плагина Live Sass Compiler перестала проводить компиляцию в обычный CSS. Программу уже переустанавливал и перенастраивал заного по видео-роликам -...
0
голосов
1
ответ
15
показов
Вопрос по LESS. Есть ли конструкция аналогичная SCSS?
В SCSS есть такая конструкция
.item {
.sublist & {
font-size: 1.5rem;
}
}
Что преобразуется в CSS в
.sublist .item {
font-size: 1.5rem;
}
Есть ли похожая конструкция в LESS? ...
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: ....
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(@...
0
голосов
0
ответов
58
показов
Самое простое подключение LESS
Решил освоить LESS какой самый простой метод его подключения что бы я мог сразу видеть изменения стилей на своей странице? ну то есть есть ли варианты что бы мне не надо было тратить время на ...
5
голосов
3
ответа
693
показа
Как можно создать вращающуюся рамку в css, которая будет обрезать изображение?
Это должно выглядеть как на изображении ниже, но кроме того необходимо, чтобы при наведении эта рамка сложной формы вращалась на 360 градусов.(изображение животного имеет прямоугольную форму и размеры ...
1
голос
0
ответов
16
показов
Что отвечает за конвертацию named color в hex color в стилях?
В .less есть стили для кнопки Apple Pay, например -apple-pay-button-style: white;, где white - параметр, а не цвет. После компиляции на выходе в стилях -apple-pay-button-style: #FFF; Что может ...
1
голос
1
ответ
107
показов
hover срабатывает не на весь блок
У меня есть вот такой свитчер, и я хочу чтобы если я навожу на него, то та часть, которая не закрыта белым блоком, меняла свой background-color.
Я реализовал это следующим образом:
HTML
<label ...
0
голосов
1
ответ
99
показов
Как добавить псевдокласс hover перед псевдоклассом before, соблюдая вложенность, в препроцессоре less?
Недавно начал изучать Less и во время практики столкнулся с проблемой.
.navbar{
height: 70px;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
...
0
голосов
1
ответ
171
показ
При нажатии на бургер меню не появляется крестик
Возможно, проблема во вложенности less
.HamburgerMenu{
background: #000000;
@media screen and (max-width: 686px) {
background: none;
}
&_Btn {
display: none;
position: fixed;
top: 2px;...
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);
...
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:...
-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-...
-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>...
0
голосов
1
ответ
1k
показов
Есть ли альтернативы puppeteer для golang?
Есть ли альтернативы puppeteer для golang? Т.е. средства с помощью которых можно запускать хром в headless режиме?
0
голосов
1
ответ
145
показов
SASS, SCSS, LESS, CSS, JS соотношения между ними
Я не понимаю, в каком отношении находятся sass, less, js, css? Про js и css понимаю, разумеется. Кто занимается переводом sass, less в css? Это делает javascript?
0
голосов
2
ответа
31
показ
4х блоков div в одном div через less - один блок переносится на следующую строку
При создании 4х блоков div в одном div через less, один блок переносится на следующую строку. Подскажите в чем причина
.col-md-4 {
width: @widthAll / 3 - 20px;
margin: 50px 1px;
height: ...
1
голос
0
ответов
617
показов
Резиновая сетка изображений css - flex/grid
Есть ряд картинок. Нужно сделать резиновую верстку, что бы все четко и плавно менялось при изменении размера контейнера или разрешения экрана. Есть минимальные и макс размер картинок и экрана - от 320 ...
1
голос
1
ответ
52
показа
Как применить grid?
Как применить grid, чтобы сделать следующее, чтобы было как на фото?
{
display: grid;
grid: gap;
}
5
голосов
2
ответа
219
показов
Слайдер slick nextSlider + 1
Хочу сделать чтобы слайдер был как на скриншоте то есть nextSlide + 1 был сверху, накидал код. Но так и не понял как доделать. Хочу назначать класс на элемент который находится после nextSlide (на ...
0
голосов
1
ответ
59
показов
Единица Rem CSS
У меня такой случай:
Проект верстаю на rem.
Rem, на сколько я знаю, от значения font-size родителя html.
К примеру у меня font-size:62.5% в index.css
Почему когда я делаю к примеру font-size 30% ...
0
голосов
1
ответ
65
показов
Как подровнять столбец из картинок CSS? [закрыт]
Мне надо выровнять элементы вот так:
А у меня получается вот так:
Вот ссылка на гитхаб репозиторий https://github.com/Nazarchonok/nazarchonok.github.io/tree/master/src
0
голосов
2
ответа
67
показов
Нужна помощь с версткой (HTML)
Всем, доброго времени суток. Назрел интересный вопросик относительно верстки блоков-карточек (по крайней мере я их так называю). Проблема в размере блока с текстом. Как вы увидите на изображении ...
0
голосов
2
ответа
72
показа
Как реализовать такую логику?
Имеется три блока html:
HTML:
<div class="test">
<div class="hide"></div>
<div class="hide"></div>
</div>
CSS:
.hide {
display: none;
}
Как ...
0
голосов
1
ответ
159
показов
Koala не создает скомпилированный CSS-файл
Установил Koala, выбрал путь к папке с файлом less, рядом с ним должен был создаться скомпилированный CSS-файл, но его нет. Пробовал скомпилировать принудительно, нажав на кнопку - не помогло.
Как ...
7
голосов
2
ответа
2k
показов
Как по клику изменить текст, используя css?
Получил интересное задание, но уже сломал голову, как его выполнить, без js. Звучит оно так -
"Дан фрагмент html, для которого нужо написать стили css, допускается less или sass. Результат должен ...
-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
0
голосов
0
ответов
21
показ
Почему так мало разрешений у WebPack
Кто в курсе почему webpack конвертирует из js в js? Почему можно только с Sass работать? Есть ли какой то скрипт помогающий работать с less и Pug ?
0
голосов
0
ответов
303
показа
Почему стили перебиваются?
Есть вот такой код, написанный на less:
.portfolio-panel-background {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
...
0
голосов
0
ответов
138
показов
Почему в Opera не работают media запросы?
Версия Opera: 56.0.3051.116
Проблема в том, что media-запрос отрабатывает в FireFox и в Chrome, но не работает в Opera, не знаю с чем может быть связано.
Код Less:
.background-wave {
width:...
0
голосов
0
ответов
3k
показов
Компиляция Less в css в Brackets и VSCode
Я только начинаю работать с препроцессором Less.
Но компилировать его через Koola не хочется. Решил попробовать его компилировать на лету в редакторе Brackets. Но почему то у меня Brackets не ...
0
голосов
1
ответ
58
показов
Как сделать ветвление в препроцессоре LESS
Resource:
@offset: 20px;
.display(@flex, @wrap){
display: @flex;
flex-wrap: if((true), @wrap, null); //эту строку я писал основываясь логически, но все равно она не работает
}...
0
голосов
3
ответа
101
показ
как исключить распространение стиля под определенным селектором?
html:
<div class="active">
<div class="container">
<div class="diactive">
<div class="item"></div>
<div class=...
0
голосов
1
ответ
166
показов
Проблема конкатенации media правил
Дело в том что при построении кода таким образом, когда @media правила разбросаны по всем файлам, появляется потребность в их конкатенации в одно правило(соответственно в одно правило определенной ...
0
голосов
1
ответ
71
показ
Webpack ошибка при компиляции Less
Получаю вот эту ошибку на Windows 10.
На Mac как все работает, но на win10 с следующеми настройками получаю ошибку:
0
голосов
1
ответ
53
показа
Как пользоваться less в css?
То есть допустим я написал код на less. Теперь чтобы сайт работал не только локально, но и на сервере, мне нужно его откомпилировать в css. Правильно? Less нужен только для самого программиста во ...
0
голосов
0
ответов
77
показов
Возможно ли создать свою функцию в less?
Нужно сделать функцию, которая будет возвращать определенное значение, вот пример с миксином
.font-rem(@pixels) {
font-size: @pixels/16rem;
}
Данный миксин переводит пиксели в ремы, но ...
2
голоса
0
ответов
11
показов
Массовый import в less
Возможно ли как нибудь реализовать массовый import в less?
Что-то вроде @import '**/*',
А то приходиться возвращаться к одному файлу и подключать каждый компонент
0
голосов
1
ответ
375
показов
Angular 7: Импорт глобального less в component.less
У меня меня есть файл material.less, в котором я объявил переменные.
Теперь хочу использовать их в компонентах, но приложение позволяет делать @import только в app.component.less, а в дочерних ...
0
голосов
1
ответ
46
показов
Как выполнить расположение абзацев в форме шестиугольника на странице?
Имеется следующий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<...
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 ...
0
голосов
0
ответов
95
показов
GULP 4 создает лишние папки
Переехал с 3 версии GULP с которой проблем вообще не было на 4.
Вроде все хорошо. !НО при явном указании папки куда нужно пихать файлы, он начал создавать еще одну.
к примеру app/less/style.less ...
1
голос
1
ответ
290
показов
Не появляется скроллбар в дочернем контейнере
Возникла проблема со скроллингом в приложении на Electron'е. Есть страница, в которую построчно выводится данные. Для вывода большого количества строк реализован скроллинг:
.main-panel-content {
...
2
голоса
1
ответ
257
показов
При подключении browserSync и последующих изменениях страница не обновляется
Хочу подключить browserSync для автоперезагрузки страницы при изменениях less.
less компилируется в css, но при следующих изменениях страница не обновляется.
var gulp = require('gulp');
var less = ...