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.
47
perguntas
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{
...