Questions marquées «sass»

Sass (Syntactically Awesome Style Sheets) est une extension de CSS ajoutant des fonctionnalités telles que des règles imbriquées, des variables, des mixins et des extensions de classe. Cela permet aux développeurs d'écrire du CSS structuré, gérable et réutilisable. Sass est compilé en CSS standard.

11
Angular-cli du CSS au SCSS
J'ai lu la documentation , qui dit que si je veux utiliser, scssje dois exécuter la commande suivante: ng set defaults.styleExt scss Mais lorsque je fais cela et que je crée ce fichier, je reçois toujours cette erreur dans ma console: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: no such …
6
Sass calculer le pourcentage moins px
Je souhaite pouvoir effectuer les opérations suivantes: height: 25% - 5px; Évidemment, lorsque je fais cela, j'obtiens l'erreur: Incompatible units: 'px' and '%'.
133 sass 
2
Sélecteur enfant Sass et combiné
Je viens de découvrir Sass et j'en ai été tellement excité. Dans mon site Web, j'implémente un menu de navigation en forme d'arbre, conçu à l'aide du combinateur enfant ( E > F). Y a-t-il un moyen de réécrire ce code avec une syntaxe plus simple (ou meilleure) dans Sass? …
126 css  css-selectors  sass 
5
Vous avez une variable dans le chemin des images dans Sass?
Je veux avoir une variable qui contient le chemin racine de toutes mes images dans mon fichier CSS. Je ne peux pas vraiment comprendre si cela est possible en pure Sass (le projet Web réel n'est pas RoR, donc je ne peux pas utiliser asset_pipeline ou tout ce jazz sophistiqué). …
123 css  sass 
6
Mixage d'espace réservé dans SCSS / CSS
J'essaye de créer un mixin pour les espaces réservés dans sass. C'est le mixin que j'ai créé. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Voici comment j'aimerais inclure le mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); De toute évidence, cela ne fonctionnera pas à cause …
122 css  sass 
3
Calculer un pourcentage avec SCSS / SASS
Je veux définir une largeur en pourcentage dans scss via le calcul, mais cela me donne des erreurs. CSS invalide après "...- largeur: (4/12)%": expression attendue (par exemple 1px, gras), était ";" Je veux faire quelque chose comme $my_width: (4/12)%; div{ width: $my_width; } comment ajouter le signe% là-bas? Même …
121 css  sass 
7
Utilisation de variables Sass avec des requêtes multimédias CSS3
J'essaie de combiner l'utilisation d'une variable Sass avec des requêtes @media comme suit: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width est ensuite défini à divers points dans les mesures basées sur le pourcentage de largeur de la feuille de style pour …
8
Comment résoudre "Vous devez avoir Ruby et Sass installés et dans votre PATH pour que cette tâche fonctionne" Avertissement?
Je suis en train de configurer un nouveau Mac pour le travail. J'ai installé Grunt & Grunt CLI dans le monde entier. Ensuite, j'ai fait un npm installdossier à l'intérieur d'un projet pour installer toutes les dépendances. Aucun problème jusqu'à présent, mais dès que j'essaye d'exécuter la sass:disttâche, j'obtiens cet …
117 ruby  macos  bash  terminal  sass 
7
Existe-t-il un SASS.js? Quelque chose comme LESS.js?
Je l' ai utilisé LESS.js avant. C'est facile à utiliser, quelque chose comme <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> J'ai vu SASS.js . Comment puis-je l'utiliser de la même manière? Analyse d'un fichier SASS pour une utilisation immédiate en HTML. Il semble que SASS.js est plus à utiliser avec …
112 css  sass  less 
3
Sass valeur de variable négative?
J'ai quelques sélecteurs scss où j'utilise le même montant positif et négatif, comme dans: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Je préférerais utiliser une variable pour tous les montants de 15px, mais cela ne fonctionne pas: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad 20px -$pad; …
107 css  sass  compass-sass 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.