Pytania otagowane jako less

Less to preprocesor arkusza stylów typu open source, który rozszerza CSS o dynamiczne zachowanie, takie jak zmienne, mieszanki, operacje i funkcje. W przypadku polecenia UNIX użyj [less-unix].

4
Mniej agresywna kompilacja z CSS3 oblicz
The Less kompilatory że używam ( OrangeBits i bez kropki 1.3.0.5 ) są agresywnie tłumaczenia body { width: calc(100% - 250px - 1.5em); } w body { width: calc(-151.5%); } Co oczywiście nie jest pożądane. Zastanawiam się, czy istnieje sposób, aby zasygnalizować kompilatorowi Less, aby w istocie zignorował atrybut podczas …


9
zaimportuj plik .css do pliku .less
Czy możesz importować pliki .css do plików .less ...? Znam mniej i używam go przez cały mój rozwój. Regularnie używam następującej struktury: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; Wszystkie importowane pliki są innymi plikami .less i działają tak, jak powinny. Mój aktualny problem jest następujący: chcę …
228 css  import  less 

2
Zmodyfikuj krycie alfa zmiennej LESS
Używając MNIEJ, wiem, że mogę zmienić nasycenie lub odcień zmiennej koloru. To wygląda tak: background: lighten(@blue, 20%); Chcę jednak zmienić krycie alfa mojego koloru. Najlepiej w ten sposób: background: alpha(@blue, 20%); Czy istnieje prosty sposób na zrobienie tego w MNIEJ?
171 css  variables  less  opacity  alpha 

4
Jak przekonwertować kolor szesnastkowy na rgba za pomocą kompilatora Less?
Mam następujący kod: @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)); Muszę przekonwertować @colorna rgba(209, …
133 css  less 

6
Połącz ciągi w Less
Myślę, że nie jest to możliwe, ale pomyślałem, że zapytam na wypadek, gdyby był sposób. Chodzi o to, że mam zmienną ścieżki do folderu zasobów sieciowych: @root: "../img/"; @file: "test.css"; @url: @root@file; .px { background-image: url(@url); } Otrzymuję to w wyniku: .px { background-image: url("../img/" "test.css"); } Ale chcę, aby …
130 css  path  web  less  concat 

5
Natychmiastowy selektor dziecka w MNIEJ
Czy w ogóle ma LESS zastosować bezpośredni selektor potomny (>) w swoim wyjściu? W moim stylu, bez, chcę napisać coś takiego: .panel { ... > .control { ... } } i mają MNIEJ generować coś takiego: .panel > .control { ... }
112 css  css-selectors  less 

7
Czy istnieje SASS.js? Coś w rodzaju LESS.js?
Użyłem LESS.js wcześniej. Jest łatwy w użyciu, na przykład <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Widziałem SASS.js . Jak mogę go używać w podobny sposób? Przetwarzanie pliku SASS do natychmiastowego użycia w HTML. Wygląda na to, że SASS.js jest bardziej do użytku z Node.js ? var sass = require('sass') …
112 css  sass  less 


12
Jak utworzyć przestrzeń nazw Twitter Bootstrap, aby style nie powodowały konfliktów
Chcę używać Twitter Bootstrap, ale tylko na określonych elementach, więc muszę znaleźć sposób na prefiksowanie wszystkich klas Twitter Bootstrap moim prefiksem lub użycie mniejszej liczby kombinacji. Nie mam jeszcze z tym doświadczenia, więc nie bardzo rozumiem, jak to zrobić. Oto przykład kodu HTML, który próbuję nadać stylowi: <div class="normal-styles"> <h1>dont …

3
MNIEJ klas zagnieżdżania CSS
Używam MNIEJ, aby ulepszyć mój CSS i próbuję zagnieździć klasę w klasie. Hierarchia jest dość skomplikowana, ale z jakiegoś powodu moje zagnieżdżanie nie działa. Mam to: .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 




Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.