Perguntas com a marcação «less»

Os compiladores Menos que estou usando ( OrangeBits e dotless 1.3.0.5 ) estão traduzindo agressivamente body { width: calc(100% - 250px - 1.5em); } para dentro body { width: calc(-151.5%); } O que obviamente não é desejado. Gostaria de saber se existe uma maneira de sinalizar para o compilador Less …

336 css  compilation  less  css-calc 

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela possa ser respondida com fatos e citações editando esta postagem . Fechado há 6 anos . Melhore esta pergunta Estou trabalhando com o Bootstrap 2.0.3 …

285 twitter-bootstrap  less 

Você pode importar arquivos .css para arquivos .less ...? Estou familiarizado com menos e o uso para todo o meu desenvolvimento. Eu uso regularmente uma estrutura da seguinte maneira: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Todas as importações são outros arquivos .less e funcionam como deveriam. …

228 css  import  less 

Usando LESS, sei que posso alterar a saturação ou matiz de uma variável de cor. É assim: background: lighten(@blue, 20%); Eu quero mudar a opacidade alfa da minha cor, no entanto. De preferência assim: background: alpha(@blue, 20%); Existe uma maneira simples de fazer isso no LESS?

171 css  variables  less  opacity  alpha 

Eu tenho o seguinte código: @color : #d14836; .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(209, 72, 54, 1)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(209, 72, 54, 1)), color-stop(.75, rgba(209, 72, 54, 1)), color-stop(.75, transparent), to(transparent)); Eu preciso …

131 css  less 

Eu acho que isso não é possível, mas pensei em perguntar se existe um caminho. A idéia é que eu tenho uma variável para o caminho para a pasta de recursos da web: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Eu recebo isso como resultado: .px …

129 css  path  web  less  concat 

Existe alguma maneira de LESS aplicar o seletor filho imediato (>) em sua saída? No meu estilo. Menos, quero escrever algo como: .panel { ... > .control { ... } } e fazer com que LESS gere algo como: .panel > .control { ... }

112 css  css-selectors  less 

Já usei LESS.js antes. É fácil de usar, algo como <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Vi SASS.js . Como posso usá-lo de maneira semelhante? Analisando um arquivo SASS para uso imediato em HTML. Parece que SASS.js é mais para uso com Node.js ? var sass = require('sass') sass.render('... …

112 css  sass  less 

Eu instalei ícones do tipo fonte 4.0.3 usando npm install. Se eu precisar usá-lo a partir de módulos de nó, como devo usá-lo no arquivo html? Se eu precisar editar o arquivo less, preciso editá-lo nos módulos do nó?

111 css  node.js  less  npm  font-awesome 

Quero usar o Twitter Bootstrap, mas apenas em elementos específicos, então preciso descobrir uma maneira de prefixar todas as classes do Twitter Bootstrap com meu prefixo ou usar menos mixins. Não tenho experiência com isso ainda, então não entendo muito bem como fazer isso. Aqui está um exemplo do HTML …

106 twitter-bootstrap  less 

Estou usando o LESS para melhorar meu CSS e tentando aninhar uma classe dentro de outra. Há uma hierarquia bastante complicada, mas por algum motivo meu aninhamento não funciona. Eu tenho isto: .g { float: left; color: #323a13; .border(1px,#afc945); .gradient(#afc945, #c8da64); .common; span { .my-span; .border-dashed(1px,rgba(255,255,255,0.3)); } .posted { .my-posted; …

101 css  nested  less 

Vou calcular a largura em algum elemento de porcentagem a pixel, então irei menos -10px usando LESS e calc () . É possível? div { span { width:calc(100% - 10px); } } Estou usando CSS3 calc()por isso não funciona:calc(100% - 10px) Exemplo: se 100% = 500px, então largura = 490px …

100 css  less  pixel 

SASS tem um recurso chamado @extend que permite a um seletor herdar as propriedades de outro seletor, mas sem copiar as propriedades (como mixins). O LESS também tem esse recurso?

93 css  sass  less  extend 

No VS <= 2015, podemos usar a extensão WebEssentials que se encarrega de compilar os arquivos less / sass para nós, mas atualmente não oferece suporte ao VS 2017. Você está ciente de uma extensão semelhante que pode compilar o less / sass na construção?

85 visual-studio  sass  less  visual-studio-2017  css-preprocessor 

Eu quero usar este tema sombrio para o meu novo aplicativo da web react: https://github.com/ant-design/ant-design-dark-theme Depois de seguir as instruções sobre a personalização do tema aqui e as instruções sobre a aplicação do tema no README aqui, o meu config-overrides.js fica assim: const { darkTheme } = require('@ant-design/dark-theme'); const { …

8 reactjs  less  antd