Articles of moins

Comment utiliser les instructions if dans LESS

Je cherche une sorte de if-statement pour contrôler la background-color de background-color des différents éléments div . J’ai essayé le ci-dessous, mais il ne comstack pas @debug: true; header { background-color: (yellow) when (@debug = true); #title { background-color: (orange) when (@debug = true); } } article { background-color: (red) when (@debug = true); }

Comment ajoutez-vous la coloration syntaxique pour .less dans Notepad ++?

Je veux que Notepad ++ traite mes fichiers

Le fichier LESS ne se charge pas (404)

J’utilise IIS 7.5 et je ne parviens pas à charger le fichier inférieur car il génère une erreur 404. HTML: Less Tutorial My Anchor MOINS: @primary_color: green; #container { width: 200px; height: 200px; background: @primary_color; }

Bibliothèques de style Compass pour LESS css?

SASS a Compass (une bibliothèque de méthodes mixtes / sass maintenues par la communauté). Est-ce que LESS a des bibliothèques de support qui peuvent se comparer à Compass? Lister n’importe quoi serait utile!

Répertoire MVC4 Less Bundle @import

J’essaie d’utiliser le regroupement MVC4 pour regrouper certains de mes fichiers moins nombreux, mais il semble que le chemin d’importation que j’utilise est désactivé. Ma structure de répertoire est la suivante: static/ less/ mixins.less admin/ user.less Dans user.less, je tente d’importer mixins.less en utilisant ceci: @import “../mixins.less”; Cela a fonctionné pour moi avant en utilisant […]

Comment comstackr moins de fichiers / sass dans Visual Studio 2017

Dans VS <= 2015, nous pouvons utiliser l'extension WebEssentials qui prend soin de compiler les fichiers moins / sass pour nous, mais actuellement, elle ne prend pas en charge VS 2017. Connaissez-vous une extension similaire capable de compiler moins / sass sur la compilation?

Existe-t-il un moyen d’utiliser des variables dans Less pour l’opérateur ~, comme ~ “calc (100% – @spacing)”;

Existe-t-il un moyen d’utiliser des variables dans less ~ operator, comme ~”calc(70% – @spacing)”; Quand je l’ai essayé, il ne fonctionne qu’avec des valeurs statiques comme ~”calc(70% – 10px)”; Puis-je obtenir la chaîne à évaluer avant d’être définie comme une propriété.

less.js ne fonctionne pas en chrome

J’ai remarqué que less.js fonctionnait dans Firefox mais pas dans Chrome, ou est-ce parce que j’ai fait une erreur? @highlight: #cb1e16; @shade1: #cb1e16; @tone1: #5c6f7d; @grad1: #e6edf3; @grad2: #8a8d92; @text1: #333e44; header, footer, section, article, nav, aside { display: block; } .grad { background: @grad2; background: -moz-linear-gradient(top, @grad1, @grad2 1200px); background: -webkit-gradient(linear, 0 0, 0 […]

Est-il possible de définir un chemin d’image commun pour les fichiers LESS?

J’utilise le langage de style LESS . Considérez les CSS suivantes: .side-bg { background:url(../img/layout/side-bg.jpg) top no-repeat; } À l’heure actuelle, toutes mes images se trouvent dans le dossier ../img/ Je voulais pouvoir définir une variable comme chemin de l’image et l’utiliser ainsi: @image-path: ../img; .side-bg { background:url(@image-path/layout/side-bg.jpg) top no-repeat; } Cela ne fonctionne pas cependant. […]

Comprendre la classe clearfix de Bootstrap

.clearfix { *zoom: 1; &:before, &:after { display: table; content: “”; // Fixes Opera/contenteditable bug: // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 line-height: 0; } &:after { clear: both; } } Pourquoi ne pas utiliser display:block ? En outre, pourquoi s’applique-t-il également à la pseudoclass ::before ?