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
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 ...
Gabriel Rodrigues's user avatar
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?
Gabriel Lima's user avatar
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 <...
Angelo Scali's user avatar
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 ...
Renan Gomes's user avatar
  • 19,4mil
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{ ...
Weslley Oliveira's user avatar
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 ...
Felipe Henrique's user avatar
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:...
Andrey Hartung's user avatar
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 ...
Diego Souza's user avatar
  • 16,7mil
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: ...
feliupe's user avatar
  • 75
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, ...
Marcelo Aymone's user avatar
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 ...
llanfair's user avatar
  • 1.070
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. ...
Felipe Duarte's user avatar
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 ...
dic-chen's user avatar
  • 240
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 ...
Rodrigo Grechi's user avatar
2 votos
3 respostas
820 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?
Vinícius Lima's user avatar
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 ...
Diego Souza's user avatar
  • 16,7mil
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.
Gilmar Santos's user avatar
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 ...
Vinícius Lima's user avatar
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(@...
Vinícius Lima's user avatar
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....
André Ventura's user avatar
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-...
iLeonardo Carvalho's user avatar
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('...
Diego Souza's user avatar
  • 16,7mil
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 ...
Felipe Henrique's user avatar
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, ...
Ivan Ferrer's user avatar
  • 12,2mil
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. ...
Vinícius Lima's user avatar
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 ...
Edmo's user avatar
  • 766
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, ...
Demetrius Reis's user avatar
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 ...
Felipe Henrique's user avatar
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 ...
Felipe Henrique's user avatar
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+...
iLeonardo Carvalho's user avatar
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); ...
Guilherme Laureano's user avatar
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 ...
Rafael Kendrik's user avatar
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! ...
Bee Head's user avatar
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 ....
dsantoro's user avatar
  • 891
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 ...
Rodrigo Alves's user avatar
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"...
Felipe Duarte's user avatar
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 ...
Felipe Henrique's user avatar
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 ...
Felipe Henrique's user avatar
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 ...
Allan Ramos's user avatar
  • 2.578
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 ...
Felipe Henrique's user avatar
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:...
Felipe Henrique's user avatar
0 votos
1 resposta
195 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, ...
Diego Souza's user avatar
  • 16,7mil
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 } ...
Daniel's user avatar
  • 1.227
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 ...
user avatar
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; ...
Marcos Rebitte's user avatar
-1 votos
1 resposta
911 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 ...
Luan Lima's user avatar
  • 119
-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 ...
Natália Catunda's user avatar