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.

3
Sass negativer variabler Wert?
Ich habe ein paar scss-Selektoren, bei denen ich die gleiche Menge positiv und negativ verwende, wie in: padding: 0 15px 15px; margin: 0 -15px 20px -15px; Ich würde es vorziehen, eine Variable für alle 15px-Beträge zu verwenden, aber das funktioniert nicht: $pad: 15px; padding: 0 $pad $pad; margin: 0 -$pad …
107 css  sass  compass-sass 
3
Syntax für if / else-Bedingung im SCSS-Mixin
Hallo, ich versuche SASS / SCSS zu lernen und versuche mein eigenes Mixin für Clearfix umzugestalten Ich möchte, dass das Mixin davon abhängt, ob ich das Mixin eine Breite übergebe. Gedanken bisher (Pseudocode nur, da ich andere Mixins einschließen werde) @mixin clearfix($width) { @if !$width { // if width is …
7
Sass oder Kompass ohne Rubin?
Gibt es eine Möglichkeit, Sass oder Compass oder ähnliches ohne Ruby zu verwenden? Ich habe mich bei Google und dieser Website umgesehen und kann nichts finden. Jede Hilfe wäre willkommen. Danke dir
102 css  sass  compass-sass 
7
Verwenden von SASS mit ASP.NET [geschlossen]
Diese Frage passt derzeit nicht zu unserem Q & A-Format. Wir erwarten, dass die Antworten durch Fakten, Referenzen oder Fachwissen gestützt werden, aber diese Frage wird wahrscheinlich zu Debatten, Argumenten, Umfragen oder erweiterten Diskussionen führen. Wenn Sie der Meinung sind, dass diese Frage verbessert und möglicherweise erneut geöffnet werden kann, …
101 asp.net  css  sass 
4
Ändern Sie die Datei an Ort und Stelle (gleiches Ziel) mit Gulp.js und einem Globbing-Muster
Ich habe eine gulp-Aufgabe, die versucht, .scss-Dateien in .css-Dateien zu konvertieren (mit gulp-ruby-sass) und dann die resultierende .css-Datei an der Stelle abzulegen, an der sie die Originaldatei gefunden hat. Das Problem ist, da ich ein Globbing-Muster verwende, weiß ich nicht unbedingt, wo die Originaldatei gespeichert ist. Im folgenden Code versuche …
5
Sass kombiniert Eltern mit kaufmännischem Und (&) mit Typselektoren
Ich habe Probleme mit dem Nisten in Sass. Angenommen, ich habe den folgenden HTML-Code: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Wenn ich versuche, meine Stile wie folgt zu verschachteln, wird ein Kompilierungsfehler angezeigt: .item { color: black; a& { color:blue; } } Wie verweise ich auf einen …
1
Wie kann ich benutzerdefinierte Themenpaletten in Angular verwenden?
Ich möchte die Markenfarben meines Unternehmens in der gesamten App verwenden. Ich habe dieses Problem gefunden: AngularJS 2 - Materialdesign - Farbpalette festlegen, in der ich ein angeblich benutzerdefiniertes Thema erstellen kann , aber im Grunde genommen werden nur verschiedene Teile vorgefertigter Paletten verwendet. Ich möchte die vordefinierten Farben von …
2
Hat WENIGER eine "Erweitern" -Funktion?
SASS verfügt über eine Funktion namens @extend, mit der ein Selektor die Eigenschaften eines anderen Selektors erben kann, ohne jedoch die Eigenschaften (wie Mixins) zu kopieren. Hat WENIGER auch diese Funktion?
93 css  sass  less  extend 
5
Verwenden Sie @include vs @extend in Sass?
In Sass kann ich den Unterschied zwischen der Verwendung @includemit einem Mixin und der Verwendung @extendmit einer Platzhalterklasse nicht ganz erkennen . Sind sie nicht dasselbe?
92 sass 
6
Dynamisches Erstellen oder Referenzieren von Variablen in Sass
Ich versuche, die Zeichenfolgeninterpolation für meine Variable zu verwenden, um auf eine andere Variable zu verweisen: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); Aber …
91 variables  sass 
14
Wie kann ich bei Verwendung von SASS eine Datei aus einem anderen Verzeichnis importieren?
Ist es in SASS möglich, eine Datei aus einem anderen Verzeichnis zu importieren? Wenn ich zum Beispiel eine Struktur wie diese hätte: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss könnte _common.scss mit importieren, @import "common"aber ist es möglich, dass more_styles.scss _common.scss importiert? Ich habe …
89 import  sass 
19
Browserliste: caniuse-lite ist veraltet. Bitte führen Sie den nächsten Befehl `npm update caniuse-lite browserslist` aus
Vor kurzem, wenn ich meine scss-Dateien kompiliere, erhalte ich eine Fehlermeldung. Die Fehlermeldung lautet: Browserliste: caniuse-lite ist veraltet. Bitte führen Sie den nächsten Befehl ausnpm update caniuse-lite browserslist Zuerst, wie die Nachricht sagt, bin ich gelaufen, npm update caniuse-lite browserslistaber es hat das Problem nicht behoben. Ich habe das gesamte …
7
Schriftart optimieren Genial für nur verwendete Klassen
Ich verwende die Font Awesome Sass-Datei https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass , um sie zu _font-awesome.sass zu machen, damit ich sie @importin meinem Sass-Projekt verwenden kann. Ich verwende auch http://middlemanapp.com/ , um Sass in Css zu konvertieren . Fragen: Gibt es eine Möglichkeit, nur verwendete Symbolklassen in meine konvertierte CSS-Datei zu integrieren? Weil es …
86 css  sass  font-awesome 
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.