Als «sass» getaggte Fragen

Sass (Syntactically Awesome Style Sheets) ist eine Erweiterung von CSS, die Funktionen wie verschachtelte Regeln, Variablen, Mixins und Klassenerweiterungen hinzufügt. Auf diese Weise können Entwickler strukturiertes, verwaltbares und wiederverwendbares CSS schreiben. Sass wird in Standard-CSS kompiliert.

11
Angular-Cli von CSS zu SCS
Ich habe die Dokumentation gelesen , die besagt, dass ich scssden folgenden Befehl ausführen muss , wenn ich verwenden möchte : ng set defaults.styleExt scss Aber wenn ich das mache und diese Datei mache, erhalte ich immer noch diesen Fehler in meiner Konsole: styles.bundle.js:33Uncaught Error: Module build failed: Error: ENOENT: …
6
Sass berechnet Prozent minus px
Ich möchte Folgendes tun können: height: 25% - 5px; Wenn ich das mache, bekomme ich natürlich den Fehler: Incompatible units: 'px' and '%'.
132 sass 
2
Sass und kombinierter Kinderwähler
Ich habe gerade Sass entdeckt und war so aufgeregt darüber. Auf meiner Website implementiere ich ein baumartiges Navigationsmenü, das mit dem untergeordneten Kombinator ( E > F) erstellt wurde. Gibt es eine Möglichkeit, diesen Code mit einer einfacheren (oder besseren) Syntax in Sass neu zu schreiben ? #foo > ul …
125 css  css-selectors  sass 
5
Haben Sie eine Variable im Bildpfad in Sass?
Ich möchte eine Variable haben, die den Stammpfad zu allen meinen Bildern in meiner CSS-Datei enthält. Ich kann nicht genau herausfinden, ob dies in reinem Sass möglich ist (das eigentliche Webprojekt ist nicht RoR, kann also keine Asset_Pipeline oder irgendeinen dieser ausgefallenen Jazz verwenden). Hier ist mein Beispiel, das nicht …
123 css  sass 
6
Platzhalter Mixin SCSS / CSS
Ich versuche ein Mixin für Platzhalter in Sass zu erstellen. Dies ist das Mixin, das ich erstellt habe. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } So möchte ich das Mixin einbinden: @include placeholder(font-style:italic; color: white; font-weight:100;); Natürlich wird dies nicht funktionieren, da alle Doppelpunkte …
122 css  sass 
3
Berechnen Sie einen Prozentsatz mit SCSS / SASS
Ich möchte eine Breite in Prozent in scss über die Berechnung festlegen, aber es gibt mir Fehler. Ungültiges CSS nach "...- Breite: (4/12)%": erwarteter Ausdruck (z. B. 1px, fett) war ";" Ich möchte so etwas tun $my_width: (4/12)%; div{ width: $my_width; } Wie füge ich dort das% -Zeichen hinzu? Gleiche …
121 css  sass 
7
Verwenden von Sass-Variablen mit CSS3-Medienabfragen
Ich versuche, die Verwendung einer Sass-Variablen mit @ media-Abfragen wie folgt zu kombinieren: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width wird dann an verschiedenen Stellen in den prozentualen Messungen der Stylesheet-Breite definiert, um Fluid-Layouts zu erstellen. Wenn ich das mache, scheint …
8
So beheben Sie das Problem: "Sie müssen Ruby und Sass installiert und in Ihrem PATH installiert haben, damit diese Aufgabe funktioniert." Warnung?
Ich bin gerade dabei, einen neuen Mac für die Arbeit einzurichten. Ich habe Grunt & Grunt CLI global installiert. Dann habe ich einen npm installOrdner in einem Projekt erstellt, um alle Abhängigkeiten zu installieren. Bisher keine Probleme, aber sobald ich versuche, die sass:distAufgabe auszuführen , wird folgende Warnung angezeigt: Warning: …
117 ruby  macos  bash  terminal  sass 
8
Textfarbe basierend auf der Helligkeit des abgedeckten Hintergrundbereichs ändern?
Ich habe bereits eine Weile über Folgendes nachgedacht, daher möchte ich jetzt Ihre Meinungen, mögliche Lösungen usw. kennen. Ich suche nach einem Plugin oder einer Technik, die die Farbe eines Textes ändert oder zwischen vordefinierten Bildern / Symbolen wechselt, abhängig von der durchschnittlichen Helligkeit der abgedeckten Pixel des Hintergrundbilds oder …
114 javascript  jquery  html  css  sass 
7
Gibt es eine SASS.js? So etwas wie LESS.js?
Ich habe LESS.js schon einmal benutzt. Es ist einfach zu bedienen, so etwas wie <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> Ich habe SASS.js gesehen . Wie kann ich es auf ähnliche Weise verwenden? Analysieren einer SASS-Datei zur sofortigen Verwendung in HTML. Es scheint, als ob SASS.js eher für Node.js …
112 css  sass  less 
2
Vue CLI CSS-Vorprozessoroption: Dart-Sass VS Node-Sass?
Beim Erstellen eines neuen Projekts mit CLI (v3.7.0) können Sie zwischen einem dart-sassoder einem node-sassCompiler wählen . Wie vergleichen sich diese miteinander, um genauer zu sein als in Vue-Dokumenten angegeben ? Ein Tipp zur Sass-Leistung Beachten Sie, dass bei Verwendung von Dart Sass die synchrone Kompilierung aufgrund des Overheads asynchroner …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.