Articles of moins

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 ?

Est-ce que Visual Studio 2013 peut générer des fichiers CSS à partir de fichiers .less?

Visual Studio 2013 est génial, maintenant avec la mise en évidence de la syntaxe et l’autocomplétion pour les fichiers .less . Mais génère-t-il également les fichiers CSS respectifs? Dois-je installer d’autres extensions pour cela?

less.css partage des variables entre les fichiers

J’utilise less.css pour simplifier mon style de CSS. Je voudrais déclarer une variable dans un fichier de moins et partager son utilisation dans mes nombreux fichiers moins nombreux. Est-ce possible? Par exemple: english.less @languageFloat: à gauche; chart.less div#footer a.web { display: block; float: @languageFloat; color: #cccccc; margin-right: 10px; }

Variable bootstrap remplaçant avec LESS

J’ai étudié pendant toute la journée car je pensais que cela valait la peine de passer du temps à apprendre les meilleures pratiques pour personnaliser Bootstrap . Je peux voir qu’il existe une page conviviale pour personnaliser les éléments de manière sélective à partir de http://twitter.github.io/bootstrap/customize.html, mais je souhaite avoir plus de contrôle sans toucher […]

Fancy Media Queries avec certains Magie LESS

Ce serait bien d’emballer des styles css pour différentes résolutions dans certaines classes css en utilisant moins. J’aimerais faire quelque chose comme: footer { width: 100%; } .tablet { footer { width: 768px; } } .desktop { footer { width: 940px; } } À la fin, quelque chose comme ceci devrait être le résultat: footer […]

Il est possible d’utiliser vh moins pixels dans un CSS calc ()?

J’ai une règle CSS suivante dans un fichier Less: .container { min-height: calc(100vh – 150px); } Ce qui ne fonctionne pas du tout. Je veux rendre le conteneur pleine hauteur de la fenêtre et l’en-tête moins, hauteur fixe du pied de page. Comment puis je faire ça?

LESS a-t-il une fonctionnalité «d’extension»?

SASS a une fonctionnalité appelée @extend qui permet à un sélecteur d’hériter des propriétés d’un autre sélecteur, mais sans copier les propriétés (comme les mixins). Est-ce que LESS a aussi cette fonctionnalité?

Comment utiliser des icons de font-awesome à partir de node-modules

J’ai installé des icons 4.0.3 de font-awesome en utilisant npm install . Si je dois l’utiliser depuis un module de nœud, comment dois-je l’utiliser dans un fichier HTML? Si j’ai besoin d’éditer moins de fichier, est-ce que je dois l’éditer dans les modules de noeuds?

Manière correcte de créer des coins arrondis dans Twitter Bootstrap

Je viens de commencer avec Twitter Bootstrap et voici une question. Je crée un bloc personnalisé et je veux que ses coins inférieurs soient arrondis. Y a-t-il un moyen “correct” de le faire en utilisant des classes prédéfinies, ou je dois le spécifier manuellement comme: border-radius: 10px; // and all that cross-browser trumpery Pour l’instant, […]