Вопросы с меткой [less]
Less — препроцессор CSS, расширяющий язык CSS добавлением возможностей, которые позволяют использовать переменные, примеси, функции и множество других техник, делая CSS более удобным в поддержке и расширении.
148
вопросов
1
голос
0ответов
11 показов
Что отвечает за конвертацию named color в hex color в стилях?
В .less есть стили для кнопки Apple Pay, например -apple-pay-button-style: white;, где white - параметр, а не цвет. После компиляции на выходе в стилях -apple-pay-button-style: #FFF; Что может ...
0
голосов
0ответов
22 показа
Отладка и сохранение стилей less/css в chrome devtools
Как настроить среду разработки, чтобы chrome devtools открывал .less файлы, а также при изменнии .less файла автоматически происходила компиляция в css.
Спустя несколько часов я создал sourcemap с ...
1
голос
1ответ
18 показов
hover срабатывает не на весь блок
У меня есть вот такой свитчер, и я хочу чтобы если я навожу на него, то та часть, которая не закрыта белым блоком, меняла свой background-color.
Я реализовал это следующим образом:
HTML
<label ...
0
голосов
0ответов
25 показов
Ошибка при подключении less-loader в Vue
Нужно разрешить использование js в стилях, поэтому по мануалам сделал так:
// vue.config.js
module.exports = {
configureWebpack: {
module: {
rules: [
{
test: /\.less$/,
...
0
голосов
0ответов
22 показа
интересное выравнивание flex
привет,как сделать такую штуку флексом? я новичок в фронте поетому наверное и не могу понять
как это сделать.
я пробовал многими способами,но не получалось(
вот мой код вроде 'типо работает' но я не ...
0
голосов
1ответ
26 показов
Как добавить псевдокласс hover перед псевдоклассом before, соблюдая вложенность, в препроцессоре less?
Недавно начал изучать Less и во время практики столкнулся с проблемой.
.navbar{
height: 70px;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center;
...
1
голос
0ответов
25 показов
Gulp, после ошибки не компилирует LESS
Мне достался проект, вношу некоторые изменения в дизайн и верстку. Заметил, что после ошибки в LESS (если допускаю), то gulp перестает компилировать less, приходиться перезапускать весь проект заново ...
0
голосов
1ответ
39 показов
При нажатии на бургер меню не появляется крестик
Возможно, проблема во вложенности less
.HamburgerMenu{
background: #000000;
@media screen and (max-width: 686px) {
background: none;
}
&_Btn {
display: none;
position: fixed;
top: 2px;...
0
голосов
1ответ
20 показов
Как применять переменную в 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ответ
34 показа
Изучаю основы 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ответ
20 показов
Не появляется черная полоса под элементами
//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ответ
266 показов
Есть ли альтернативы puppeteer для golang?
Есть ли альтернативы puppeteer для golang? Т.е. средства с помощью которых можно запускать хром в headless режиме?
0
голосов
1ответ
55 показов
SASS, SCSS, LESS, CSS, JS соотношения между ними
Я не понимаю, в каком отношении находятся sass, less, js, css? Про js и css понимаю, разумеется. Кто занимается переводом sass, less в css? Это делает javascript?
0
голосов
2ответа
24 показа
4х блоков div в одном div через less - один блок переносится на следующую строку
При создании 4х блоков div в одном div через less, один блок переносится на следующую строку. Подскажите в чем причина
.col-md-4 {
width: @widthAll / 3 - 20px;
margin: 50px 1px;
height: ...
1
голос
0ответов
212 показов
Резиновая сетка изображений css - flex/grid
Есть ряд картинок. Нужно сделать резиновую верстку, что бы все четко и плавно менялось при изменении размера контейнера или разрешения экрана. Есть минимальные и макс размер картинок и экрана - от 320 ...
1
голос
1ответ
49 показов
Как применить grid?
Как применить grid, чтобы сделать следующее, чтобы было как на фото?
{
display: grid;
grid: gap;
}
5
голосов
2ответа
152 показа
Слайдер slick nextSlider + 1
Хочу сделать чтобы слайдер был как на скриншоте то есть nextSlide + 1 был сверху, накидал код. Но так и не понял как доделать. Хочу назначать класс на элемент который находится после nextSlide (на ...
0
голосов
1ответ
47 показов
Единица Rem CSS
У меня такой случай:
Проект верстаю на rem.
Rem, на сколько я знаю, от значения font-size родителя html.
К примеру у меня font-size:62.5% в index.css
Почему когда я делаю к примеру font-size 30% ...
0
голосов
1ответ
40 показов
Как подровнять столбец из картинок CSS? [закрыт]
Мне надо выровнять элементы вот так:
А у меня получается вот так:
Вот ссылка на гитхаб репозиторий https://github.com/Nazarchonok/nazarchonok.github.io/tree/master/src
0
голосов
2ответа
56 показов
Нужна помощь с версткой (HTML)
Всем, доброго времени суток. Назрел интересный вопросик относительно верстки блоков-карточек (по крайней мере я их так называю). Проблема в размере блока с текстом. Как вы увидите на изображении ...
0
голосов
2ответа
69 показов
Как реализовать такую логику?
Имеется три блока html:
HTML:
<div class="test">
<div class="hide"></div>
<div class="hide"></div>
</div>
CSS:
.hide {
display: none;
}
Как ...
0
голосов
1ответ
77 показов
Koala не создает скомпилированный CSS-файл
Установил Koala, выбрал путь к папке с файлом less, рядом с ним должен был создаться скомпилированный CSS-файл, но его нет. Пробовал скомпилировать принудительно, нажав на кнопку - не помогло.
Как ...
7
голосов
2ответа
572 показа
Как по клику изменить текст, используя css?
Получил интересное задание, но уже сломал голову, как его выполнить, без js. Звучит оно так -
"Дан фрагмент html, для которого нужо написать стили css, допускается less или sass. Результат должен ...
-1
голос
1ответ
362 показа
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ответов
17 показов
Почему так мало разрешений у WebPack
Кто в курсе почему webpack конвертирует из js в js? Почему можно только с Sass работать? Есть ли какой то скрипт помогающий работать с less и Pug ?
0
голосов
0ответов
125 показов
Почему стили перебиваются?
Есть вот такой код, написанный на less:
.portfolio-panel-background {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
...
0
голосов
0ответов
75 показов
Почему в Opera не работают media запросы?
Версия Opera: 56.0.3051.116
Проблема в том, что media-запрос отрабатывает в FireFox и в Chrome, но не работает в Opera, не знаю с чем может быть связано.
Код Less:
.background-wave {
width:...
0
голосов
0ответов
2k показов
Компиляция Less в css в Brackets и VSCode
Я только начинаю работать с препроцессором Less.
Но компилировать его через Koola не хочется. Решил попробовать его компилировать на лету в редакторе Brackets. Но почему то у меня Brackets не ...
0
голосов
1ответ
32 показа
Как сделать ветвление в препроцессоре LESS
Resource:
@offset: 20px;
.display(@flex, @wrap){
display: @flex;
flex-wrap: if((true), @wrap, null); //эту строку я писал основываясь логически, но все равно она не работает
}...
0
голосов
3ответа
44 показа
как исключить распространение стиля под определенным селектором?
html:
<div class="active">
<div class="container">
<div class="diactive">
<div class="item"></div>
<div class=...
0
голосов
1ответ
91 показ
Проблема конкатенации media правил
Дело в том что при построении кода таким образом, когда @media правила разбросаны по всем файлам, появляется потребность в их конкатенации в одно правило(соответственно в одно правило определенной ...
0
голосов
1ответ
44 показа
Webpack ошибка при компиляции Less
Получаю вот эту ошибку на Windows 10.
На Mac как все работает, но на win10 с следующеми настройками получаю ошибку:
0
голосов
1ответ
38 показов
Как пользоваться less в css?
То есть допустим я написал код на less. Теперь чтобы сайт работал не только локально, но и на сервере, мне нужно его откомпилировать в css. Правильно? Less нужен только для самого программиста во ...
0
голосов
0ответов
36 показов
Возможно ли создать свою функцию в less?
Нужно сделать функцию, которая будет возвращать определенное значение, вот пример с миксином
.font-rem(@pixels) {
font-size: @pixels/16rem;
}
Данный миксин переводит пиксели в ремы, но ...
2
голоса
0ответов
9 показов
Массовый import в less
Возможно ли как нибудь реализовать массовый import в less?
Что-то вроде @import '**/*',
А то приходиться возвращаться к одному файлу и подключать каждый компонент
0
голосов
1ответ
274 показа
Angular 7: Импорт глобального less в component.less
У меня меня есть файл material.less, в котором я объявил переменные.
Теперь хочу использовать их в компонентах, но приложение позволяет делать @import только в app.component.less, а в дочерних ...
0
голосов
1ответ
40 показов
Как выполнить расположение абзацев в форме шестиугольника на странице?
Имеется следующий код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<...
0
голосов
1ответ
42 показа
Как исправить ошибку “Could not parse call arguments or missing ')'”, возникающую при сборке?
Необходимо подключить библиотеку FlipClock.js к проекту, использующему Webpack. Есть файл style.less, который импортирует flipclock.css:
@import (less) "~flipclock/dist/flipclock.css"
В index.js ...
0
голосов
0ответов
52 показа
GULP 4 создает лишние папки
Переехал с 3 версии GULP с которой проблем вообще не было на 4.
Вроде все хорошо. !НО при явном указании папки куда нужно пихать файлы, он начал создавать еще одну.
к примеру app/less/style.less ...
1
голос
1ответ
47 показов
Не появляется скроллбар в дочернем контейнере
Возникла проблема со скроллингом в приложении на Electron'е. Есть страница, в которую построчно выводится данные. Для вывода большого количества строк реализован скроллинг:
.main-panel-content {
...
2
голоса
1ответ
152 показа
При подключении browserSync и последующих изменениях страница не обновляется
Хочу подключить browserSync для автоперезагрузки страницы при изменениях less.
less компилируется в css, но при следующих изменениях страница не обновляется.
var gulp = require('gulp');
var less = ...
4
голоса
3ответа
160 показов
Градиент закругленного бордюра кнопки
Как сделать градиент закругленного бордюра кнопки с прозрачным содержимым?
К примеру, в простом варианте — нет возможности задать градиент для border-bottom, border-top
<html>
<head&...
0
голосов
0ответов
14 показов
Scss файл _part.scss?
Подскажите, есть ли в less аналог _part.scss. Гугл ответа не дал. В вёрстке использую gulp, отсюда и вопрос.
0
голосов
1ответ
75 показов
Используем calc() в Less?
Возможно ли в less, при данном условии width: ~"calc ((100% / 3) -20px)", получить на выходе в css
не — width: calc ((100% / 3) -20px)";
а — width: calc(41.66666666666667% - 20px);
Как это можно ...
0
голосов
1ответ
20 показов
Странное поведение при подключении классов Js
Задача сделать игру Simon, при написании наткнулся на баг, что не могут быть нажата одна и та же кнопка подряд,(т.е если выпадает рандомом 1,3,3 то третья 1 раз только анимацию сыграет не могу понять ...
0
голосов
3ответа
230 показов
Узнать количество элементов в ряде
Имею адаптивные карточки объявлений на сайте (смотреть на пикчере).
Их количество и ширина зависят от экрана.
Для этого использую: display: flex; flex-grow: 1;
И сталую ширину width: 245px; ...
0
голосов
1ответ
73 показа
Можно ли сделать отдельный файл Less где будут храниться все переменные
Всем привет!
Ребят, такая проблема,- в данный момент делать стили пытаюсь на LESS.
Я разбил один на файл на модули, каждый файл для каждой категории.
Вопрос: можно ли сделать еще один файл less, ...
-1
голос
3ответа
38 показов
Компиляция less кода в простой стиль
Как сделать чтобы мой less код компилировался в простой стиль
@myqwrty: red;
h1 {
color: @myqwrty;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-...
-1
голос
1ответ
1k показов
как через Webpack 4 сделать LESS to CSS compilation (комплияцию)?
вот мой
webpack.config.js
const HtmlWebPackPlugin = require("html-webpack-plugin");
const htmlPlugin = new HtmlWebPackPlugin({
template: "./src/index.html",
filename: "./index.html"
});
...