«less» etiketlenmiş sorular

Kullandığım Less derleyiciler ( OrangeBits ve dotless 1.3.0.5 ) agresif bir şekilde çeviri yapıyor body { width: calc(100% - 250px - 1.5em); } içine body { width: calc(-151.5%); } Açıkçası arzu edilmez. Daha az derleyiciye derleme sırasında özniteliğini görmezden gelmek için bir yol olup olmadığını merak ediyorum. Less belgelerini ve …

336 css  compilation  less  css-calc 

Kapalı . Bu soru görüş temelli . Şu anda cevapları kabul etmiyor. Bu soruyu geliştirmek ister misiniz? Bu yayını düzenleyerek gerçekler ve alıntılarla cevaplanabilmesi için soruyu güncelleyin . 6 yıl önce kapalı . Bu soruyu geliştir LESS kullanarak Bootstrap 2.0.3 ile çalışıyorum. Bunu kapsamlı bir şekilde özelleştirmek istiyorum, ancak kütüphanelerde …

285 twitter-bootstrap  less 

.Css dosyalarını .less dosyalarına aktarabilir misiniz? Daha azını çok iyi biliyorum ve bunu tüm gelişimim için kullanıyorum. Düzenli olarak şu şekilde bir yapı kullanıyorum: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Tüm içe aktarmalar diğer .less dosyalarıdır ve olması gerektiği gibi çalışır. Şu anki sorunum şu: .css …

228 css  import  less 

LESS kullanarak, bir renk değişkeninin doygunluğunu veya renk tonunu değiştirebileceğimi biliyorum. Şöyle görünüyor: background: lighten(@blue, 20%); Yine de rengimin alfa opaklığını değiştirmek istiyorum. Tercihen şöyle: background: alpha(@blue, 20%); Bunu LESS'te yapmanın basit bir yolu var mı?

171 css  variables  less  opacity  alpha 

Takip koduna sahibim: @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)); Ben dönüştürmek gerekir @coloriçin …

131 css  less 

Bunun mümkün olmadığını düşünüyorum ama bir yolu olabilir diye sorduğumu düşündüm. Buradaki fikir, web kaynak klasörüne giden yol için bir değişkenim olmasıdır: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Bunu sonuç olarak anlıyorum: .px { background-image: url("../img/" "test.css"); } Ama dizelerin şu şekilde tek bir dizede …

129 css  path  web  less  concat 

Çıkışında acil alt seçiciyi (>) LESS uygulamasına sahip olacak bir şey var mı? Benim tarzımda .less, şöyle bir şey yazmak istiyorum: .panel { ... > .control { ... } } ve LESS'in aşağıdaki gibi bir şey oluşturmasını sağlayın: .panel > .control { ... }

112 css  css-selectors  less 

Daha önce LESS.js kullandım . Kullanımı kolaydır. <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> SASS.js'yi gördüm . Nasıl benzer şekilde kullanabilirim? Hemen HTML'de kullanılmak üzere bir SASS dosyasını ayrıştırmak. Görünüşe göre SASS.js daha çok Node.js ile kullanım için mi? var sass = require('sass') sass.render('... string of sass ...') // => …

112 css  sass  less 

Kullanarak font-awesome 4.0.3 simgelerini yükledim npm install. Düğüm modüllerinden kullanmam gerekirse html dosyasında nasıl kullanmalıyım? Daha az dosyayı düzenlemem gerekirse, onu düğüm modüllerinde düzenlemem gerekir mi?

111 css  node.js  less  npm  font-awesome 

Twitter Önyükleme'yi kullanmak istiyorum, ancak yalnızca belirli öğelerde, bu nedenle tüm Twitter Önyükleme sınıflarına önekimle önek eklemenin veya daha az karışım kullanmanın bir yolunu bulmam gerekiyor. Henüz bu konuda deneyimli değilim, bu yüzden bunu nasıl yapacağımı tam olarak anlamıyorum. Stil vermeye çalıştığım HTML'ye bir örnek: <div class="normal-styles"> <h1>dont style this …

106 twitter-bootstrap  less 

CSS'mi geliştirmek için LESS kullanıyorum ve bir sınıfı bir sınıfa yerleştirmeye çalışıyorum. Oldukça karmaşık bir hiyerarşi var ama bazı nedenlerden dolayı benim yuvam çalışmıyor. Bu bende var: .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; span { border: none; } …

101 css  nested  less 

Bazı elemanlarda genişliği yüzde ile piksel arasında hesaplayacağım, böylece LESS ve calc () kullanarak eksi -10px yapacağım . Mümkün? div { span { width:calc(100% - 10px); } } CSS3 kullanıyorum, calc()bu yüzden çalışmıyor:calc(100% - 10px) Örnek: eğer% 100 = 500px ise genişlik = 490px (500-10); Test için bir demo yaptım: …

101 css  less  pixel 

SASS, bir @extendseçicinin başka bir seçicinin özelliklerini, ancak özellikleri kopyalamadan (mixins gibi) devralmasına izin veren bir özelliğe sahiptir . LESS de bu özelliğe sahip mi?

96 css  sass  less  extend 

VS <= 2015'te, bizim için daha az / sass dosyalarını derlemeye özen gösteren WebEssentials uzantısını kullanabiliriz, ancak şu anda VS 2017'yi desteklemiyor. Derlemede daha az / sass derleyebilen benzer uzantılardan haberdar mısınız?

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