Skip to main content

Perguntas com a tag [less]

Utilize esta tag quando a pergunta se refere a algum recurso, informação ou problema relacionado exclusivamente ao pré-processador Less. Less é um pré-processador de folhas de estilo CSS, que estende o CSS, adicionando recursos que permitem variáveis, mixins, funções e outras técnicas que permitem o desenvolvimento de CSS mais sustentável e extensível.

Filtrar por
Ordenado por
Com tags
3 votos
2 respostas
104 visitas

SASS SCSS - Problemas com arredondamento.

Estou com o seguinte problema: desenvolvendo um sistema de Grid com SCSS, obtive o problema de arredondamento das porcentagens que definem o tamanho de cada coluna. Queria saber se alguém tem a ...
-1 votos
1 resposta
908 visitas

Porque o sass e less não funcionam no PowerShell? [duplicada]

Instalei o sass e less através do node.js(globalmente, assim como exemplificado nos sites das ferramentas em questão). Usei ambas no cmd sem problemas, mas ao tentar no PowerShell, recebi a seguinte ...
-1 votos
1 resposta
52 visitas

Unable to load plugin watch (less)

Estou tentando instalar o less no meu windows, quando dou um lessc --watch agency.less custom.css Aparece: Unable to load plugin watch please make sure that it is installed under or at the same ...
1 voto
1 resposta
60 visitas

Como fazer um grid automático para medidas exatas usando SCSS?

Tenho o seguinte exemplo mas em porcentagem: $grid__cols: 12; @for $i from 1 through $grid__cols { .col-#{$i} { flex-basis: (100 / ($grid__cols / $i) ) * 1%; } } Que pode ser testado aqui, ...
0 votos
1 resposta
1mil visitas

CSS: Passar valores/parametros através dos nomes de classes

Gostaria de saber se existe a possibilidade de informar valores através de nome de classes para ser usados como valores nas propriedades das mesmas. Exemplo: .text-(color) { color: (color); } O ...
0 votos
1 resposta
123 visitas

Obter USER AGENT e modificar [fechada]

Estou tentando montar uma função em PHP para verificar o USER AGENT Devo conseguir saber se está em um celular ou desktop Após isso baseado nessa informação vou aplicar um estilo diferente para a ...
1 voto
2 respostas
111 visitas

Não consigo remover background padrão

Galera seguinte, estou usando um plugin wordpress para organizar os pratos do cardápio do restaurante, este: (food-and-drink-menu - url: https://br.wordpress.org/plugins/food-and-drink-menu/) Bom, ...
2 votos
3 respostas
817 visitas

Less é uma linguagem de programação, ou apenas algo mais complexo do CSS?

Bom eu acredito que o Less talvez não possa ser uma linguagem de programação, então o que ele é? onde se classifica? Se ele for realmente uma linguagem de programação o que o faz ser?
1 voto
0 respostas
52 visitas

Editando Grid-Framework

Não estou familiarizado com "less", mas eu trabalho com html e css. Estou tentando editar uma página escrita por outra pessoa e eu preciso mudar apenas um valor, mas não sei onde posso fazer isso! ...
1 voto
1 resposta
132 visitas

Problema no efeito hover com less

pessoal estou tentando fazer um efeito de hover para adicionar um background-color na minha imagem porem não funciona ele cria o background-color atrás da imagem precisava que ela ficasse na frente ...
0 votos
1 resposta
62 visitas

Problema para converter SCSS par LESS

pessoal estou usando um background feito com svg desse link aqui porem a paleta de cores dele esta com SCSS e estou utilizando o LESS como posso converter esses elementos para o LESS? tentei colocar o ...
1 voto
1 resposta
486 visitas

Problema ao mudar cores do menu com bootstrap-less 3.3.7

Pessoal estou fazendo um site com HTML5 e bootstrap-lesstudo funciona normalmente porem precisava alterar algumas cores no menu navbar e sei que posso fazer isso através das variables.less dentro ...
5 votos
1 resposta
768 visitas

Como compilar Less ou Sass automaticamente?

Pessoal estou com uma dúvida em relação ao Less/Sass. Hoje em dia trabalho somente com o Sublime Text para desenvolver os meu sites, e utilizo o Sass ou o Less para os estilos e uso o Koala para ...
25 votos
2 respostas
2mil visitas

Quais são as diferenças estruturais e de sintaxe entre Sass, Less e Stylus?

Hoje em dia é difícil ver pessoas escrevendo "CSS à moda antiga" por causa dos pré-processadores que facilitam a escrita removendo repetições de código, e simplificação de sintaxe. Gostaria de ...
3 votos
2 respostas
162 visitas

como trabalhar com SASS/LESS em tempo real?

Recentemente dei atenção para pré-processadores de css como less e sass pois vi vantagens em utilizá-los, porém vejo a necessidade de um workflow para que o css gerado seja compilado automaticamente. ...
0 votos
2 respostas
494 visitas

Principais diferenças entre estruturar CSS com PHP e LESS/SASS

Em muitos projetos venho escrevendo CSS com PHP, o que é uma prática bem desconhecida mas que atendente todas as necessidades de dinamização, exemplo... CSS <?php header("Content-type: text/css"...
1 voto
1 resposta
44 visitas

Calcular usando as operações Matemáticas no LESS

Estou tentando somar um number com uma string e o LESS não está interpretando como eu queria, veja o exemplo: @screen-sm: 768; @screen-md: 1024; .col-tablet(@rules) { @media (min-width: @screen-sm+...
0 votos
0 respostas
72 visitas

Site não exibe CSS após Publicação

Após publicar meu site, o css não carrega em toda a página, ficando apenas em HTML. Estou usando Bootsrap Less. Minha estrutura: Bundle: using System.Web; using System.Web.Optimization; ...
1 voto
1 resposta
56 visitas

Cálculos com Less css

Tenho o seguinte mixin: .mixin-loop (@i) when (@i > 0) { .navigation .dropdown > li:nth-child(@{i}) { .vendor(animation, new-menu 200ms ease-in-out forwards); } } Sendo esse ....
0 votos
1 resposta
193 visitas

Animação com Problema no Safari

Há um tempo percebi que no Safari as animações funcionam de uma maneira diferente. Por exemplo, se tivermos um texto dentro de um span e queremos que ao hover as letras desse texto diminuam 1px, ...
0 votos
1 resposta
2mil visitas

Mudar conteúdo ao passar o mouse em uma div

Galera preciso fazer com que quando passe o mouse(hover) em uma div ela mude o conteúdo da lateral a imagem explica bem como o processo deve ser feito quando passar o mouse em cima da div deve trocar ...
2 votos
1 resposta
828 visitas

Quais são as vantagens e desvantagens de usar pré-processadores css? [fechada]

Sempre ouço desenvolvedores falarem dos pré-processadores, mas ainda não encontrei artigos sobre as desvantagens e vantagens. Também queria saber se é melhor usar o css puro ou pré-processado.
1 voto
1 resposta
362 visitas

Mixin em LESS para a função "calc()" do CSS, como usar duas variáveis?

Eu tenho este mixin que funciona perfeitamente: .calcW(@valor2: 100px) { width: -o-calc(~"100% - "@valor2); width: -webkit-calc(~"100% - "@valor2); width: -moz-calc(~"100% - "@valor2); ...
2 votos
0 respostas
15 visitas

Adicionar um Parent '&' numa variável usando LESS

Estou com um problema mas não sei se é possível, estou querendo editar algumas class colocando um & segue o exemplo: .bcolor(@prefix, @suffix) { .@{prefix}red@{suffix} { background-...
1 voto
2 respostas
198 visitas

Problemas com posicionamneto com colunas no Bootstrap 3

Estou com um problema de posicionamento com as grids do bootstrap estou fazendo uma loja virtual onde o layout tem que ficar assim: Porem com minha codificação ele ficou assim: Percebam que nessa ...
0 votos
2 respostas
340 visitas

Problema com redimensionamento no Bootstrap

Estou com o seguinte problema estou ultilizando bootstrap na versão 3 preciso que minha pagina fique igual a desse template: porem quando eu redimenciono minhas imagens ficam assim: gostaria que a ...
0 votos
1 resposta
84 visitas

Problemas com grid no Bootstrap versão 3

Estou com problemas de grid no meu html com bootstrap ele deveria ficar assim porem no meu navegador ele fica assim: percebam que no meu banner que está dentro da tag <header> esta com height:...
3 votos
2 respostas
134 visitas

Gulp + Bower - Como importar os componentes instalados pelo Bower para meu projeto final

Estou começando a gerenciar meus componentes com Bower e estou com uma dúvida: Utilizo o Gulp para executar tarefas como compilar meus arquivos less, concatenar javascripts, só que como os ...
2 votos
1 resposta
50 visitas

Chamar uma variável a partir de outras no LESS

Como posso chamar uma variável a partir de outras variáveis como em outras linguagens no less? PHP: $name = 'stack'; $level = '900'; $nameVariable = $name . $level; ${$nameVariable}; // chama ...
2 votos
2 respostas
94 visitas

Como usar o operador "when" do LESS?

Dei uma rápida procurada no site do less para ver como se utiliza, mas não obtive sucesso, então queria saber como funciona o operador when do LESS!? Exemplos: box-shadow(@style, @c) when (iscolor(@...
1 voto
1 resposta
51 visitas

Como posso usar uma variável do less pra dar o endereço da fonte?

No meu arquivo less tenho uma variável chamada @address com o endereço principal onde fica as fontes, eu tenho várias fontes e preciso por o diretório em todas com essa variável, porém não funciona. ...
4 votos
2 respostas
5mil visitas

Elemento Pai Height e Elementos Filhos Position Absolute

Tenho uma div - position:relative. E dentro dessa div tenho várias divs- position:absolute. Dessa forma o height da div pai não funciona automaticamente. Eu quero que o height ajuste ...
1 voto
1 resposta
62 visitas

Como utilizar o Atributo calc() no Pre-processador LESS

Ao utilizar o atributo calc() no LESS me deparei com os seguinte problema: Ao compilar o código height: -webkit-calc(100vh - 6em); o output resultava no calculo de 100 - 6 e adiciona a unidade do ...
5 votos
3 respostas
108 visitas

Dúvida de como utilizar uma classe Less com RAZOR

Eu estou pesquisando um pouco pra implementar uma funcionalidade pra facilitar a vida na hora de programar. É possível fazer isso? Estamos usando o VS2013 com razor. Eu tenho a seguinte classe Less:...
3 votos
1 resposta
80 visitas

Prepocessor (Less) - Variável @Arguments

Supondo que tenho o seguinte mixin com seguintes argumentos: .font-style(@size: 1.2em, @style: 100, @leading:1.4em, @color: #efefed) Agora quero jogar esse mixin passando os arguntos que defino pra ...
2 votos
0 respostas
385 visitas

Como fazer barra ficar responsiva? [fechada]

Estou tentando fazer com que os ícones desse player de vídeo HTML5 fique responsivo. <div id="video-controls"> <div class="play-video"> {!! Html::image('...
2 votos
1 resposta
70 visitas

Erro de parse no Less, diz que minha classe/mixin não está definida

Estou usando ruby 1.9.2 e rails 3 e gem less 2.6.0. Já importei o mixins e o variables e mesmo assim o erro persiste. Less::ParseError: #gradient > .vertical is undefined Trecho do arquivo slider....
2 votos
2 respostas
514 visitas

Elemento:First-Child Não Funciona

Nesse exemplo abaixo tem um elemento .title. E nele estou colocando um first-child com margin-top:20px;. Quando compilo e salvo não está funcionando. Não aplica a margem no topo no primeiro elemento ...
0 votos
2 respostas
83 visitas

Usar @import em less passando variável como parâmetro

Estou fazendo um mixin em less e preciso usar @import passando uma variável como parâmetro. Exemplo: change-theme.less .change-theme(@theme) { @import @theme; // Another code goes here } ...
1 voto
1 resposta
343 visitas

Como faço para usar um mixin criado em outro arquivo?

Tenho uma dúvida sobre uso de mixin do less em diferentes folhas de estilo. Eu tenho 2 folhas de estilos iniciais: reset.less e styleguide.less Gostaria de saber como posso no styleguide.less ...
5 votos
5 respostas
1mil visitas

Problema com <link rel="stylesheet/less" ... >

Eu vou começar a estudar LESS, mas o problema é que não consigo avançar para o primeiro passo. Se eu colocar o <link rel="stylesheeet/less"...> não funciona. Só funcionar se eu colocar o <...
5 votos
1 resposta
486 visitas

Less deve ser compilado ainda em desenvolvimento?

Minha dúvida surgiu após ler essa pergunta e suas respostas. Muitas IDEs fornecem modos de compilar o código LESS ainda em desenvolvimento. No Netbeans, por exemplo, é possível configurar para sempre ...
4 votos
1 resposta
140 visitas

Como fazer livereload usando Grunt para arquivos .less?

A SOLUÇÃO ESTÁ NA TERCEIRA PARTE JUNTO COM OS ARQUIVOS. Consigo faze-lo para arquivos .htlm e .css mas não .less. Aqui o Gruntfile completo. Abaixo, um trecho da parte que acho que interessa mais: ...
0 votos
2 respostas
465 visitas

Como sobrepujar uma Imagem com DIV

Senhores, estou puxando algumas imagens do banco de dados, e quando o usuário passar o mouse em cima delas uma cor vermelha opaca ficará acima delas, e um título e texto serão mostrados. Eu fiz isso ...
16 votos
1 resposta
9mil visitas

Qual a diferença entre Less e Sass?

Qual é a diferença de cada um e vantagens e desvantagens?
3 votos
1 resposta
671 visitas

É possível extender o css do bootstrap utilizando less?

Eu uso o twitter bootstrap para algumas coisas, e me deparei com a facilidade de utilizar o less, como posso fazer, para utilizar as variáveis less do bootstrap num segundo arquivo css? Por exemplo, ...
5 votos
4 respostas
2mil visitas

Como alterar um elemento dentro de um arquivo less?

@fundo:#fff; //como alterar isso, externamente com javascript @texto:rgb(94, 135, 176); //preciso mudar essa propriedade dinamicamente. .wrapper{ background-color:@fundo; } nav a:hover{ ...