Articles of sass

Utiliser Haml & Sass avec Eclipse

Existe-t-il des plug-ins pour éclipse qui ajoutent une mise en évidence de la syntaxe et d’autres fonctionnalités pour éditer Haml et Sass ? Les recherches sur Google semblent indiquer un projet mort sur lucky-dip.net . Note: c’est ce qui m’intéresse le plus. Une solution pour utiliser uniquement Sass (ou quelque chose de similaire, comme moins […]

Comment utiliser Bootstrap 4 avec SASS dans Angular

Je voudrais utiliser Bootstrap 4 avec SASS dans un projet Angular (4+) créé avec Angular CLI. En particulier je dois: utiliser SASS au lieu de CSS en tant que style global et style de composant comstackr la source Bootstrap SASS avec mes styles personnalisés * .scss assurez-vous que mes styles personnalisés remplacent la source Bootstrap, […]

SASS: pas de sélecteur

J’ai un :not sélecteur CSS dans SASS mixin mais ça ne fait rien: Extrait de code: @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if $pos == right { top: 0; left:$dropdown-width * 0.8; } } } La classe […]

Sass avec les modules CSS et Webpack

Je construis un projet depuis un certain temps en utilisant des modules Webpack, Sass et CSS. Normalement, dans mes fichiers .scss , je définis une classe comme: :local(.button) { color: white; } et dans mes composants React, dans la méthode de render , j’ai besoin des styles: render = () => { const styles = […]

Comment créer un mixin calc pour passer en tant qu’expression pour générer des tags?

Je travaille sur une feuille de style sass dans laquelle je souhaite utiliser l’élément calc pour dimensionner dynamicment du contenu. L’élément calc n’ayant pas été normalisé, je dois cibler calc() , -moz-calc() et -webkit-calc() . Existe-t-il un moyen de créer un mixin ou une fonction auquel je peux transmettre une expression afin de générer les […]

Qu’est-ce que “&” dans ‘& .sub-title’ indique dans scss?

Je suis un débutant en CSS et SCSS. Dans le code suivant, .title { width: 718px; &.sub-title { width: 938px; } } Que fait &. veux dire? Est-ce la même chose que la classe de nidification?

SASS et @ font-face

J’ai le CSS suivant – comment le décrirais-je dans SASS? J’ai essayé de le comstackr en inverse avec css2sass, et continue de recevoir des erreurs …. est-ce mon CSS (qui fonctionne ;-))? @font-face { font-family: ‘bingo’; src: url(“bingo.eot”); src: local(‘bingo’), url(“bingo.svg#bingo”) format(‘svg’), url(“bingo.otf”) format(‘opentype’); }

Comment déshabille-t-on l’unité d’un nombre quelconque dans SASS?

Je sais que vous pouvez retirer des unités de numéros dans SASS lorsque vous connaissez l’unité comme ceci: $number: 16px; $without-unit: 16px / 1px; @warn $without-unit; // 16 Mais est-il possible de retirer l’appareil d’un numéro sans savoir ce que l’appareil est en premier? @function ssortingp-unit($number) { // magic code here… } @warn ssortingp-unit(16px); // […]

Comment append la compilation Sass dans Angular CLI 6: angular.json?

Je viens de créer un nouveau projet Angular en utilisant le nouvel Angular CLI 6.0, mais je dois append la compilation Sass à mon projet. Je sais que vous pouvez définir un indicateur lorsque vous créez un projet, mais mon projet est déjà créé et le travail a été effectué. Le nouveau fichier de configuration […]

Ajouter un type d’unité au résultat d’un calcul

J’ai refactoring mon CSS vers une feuille de style SASS récemment. J’utilise l’ extension Mindscape Web Workbench pour VS2012, qui recrée le CSS chaque fois que vous enregistrez votre SCSS. J’ai commencé avec un code similaire à celui-ci: /* Starting point: */ h1 { font-size: 1.5em; /* 24px ÷ 16px */ } Ensuite, j’ai essayé […]