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...
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...
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...
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
In Sass kann ich den Unterschied zwischen der Verwendung @includemit einem Mixin und der Verwendung @extendmit einer Platzhalterklasse nicht ganz erkennen . Sind sie nicht
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...
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...
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...
Ich hatte Probleme mit der Einrichtung von libsass, da es nicht so einfach war wie der Ruby-basierte Transpiler. Könnte jemand erklären, wie man: libsass installieren? Verwenden Sie es über die Befehlszeile? Verwenden Sie es mit Task-Läufern wie Schlucken und Grunzen? Ich habe wenig Erfahrung mit...
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 ....
Ich habe also eine app/assets/stylesheets/Verzeichnisstruktur, die ungefähr so aussieht: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements In jedem Verzeichnis gibt es mehrere Sass-Partials (normalerweise * .css.scss, aber ein oder zwei...
In VS <= 2015 können wir die WebEssentials-Erweiterung verwenden, die sich um das Kompilieren der less / sass-Dateien für uns kümmert. Derzeit wird VS 2017 jedoch nicht unterstützt. Ist Ihnen eine ähnliche Erweiterung bekannt, mit der beim Erstellen less / sass kompiliert werden kann?...
Ich habe eine Artikelklasse und eine kompakte "Modifikator" -Klasse: .item { ... } .item.compact { /* styles to make .item smaller */ } Das ist in Ordnung. Ich möchte jedoch eine @mediaAbfrage hinzufügen , die die .itemKlasse dazu zwingt , kompakt zu sein, wenn der Bildschirm klein genug...
Ich habe font-awesome in meinem Ordner node_modules, also versuche ich, es wie folgt in meine .scss-Hauptdatei zu importieren: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Die Kompilierung der Webpack-Bündelung schlägt jedoch fehl Error: Cannot resolve 'file' or...
Dies mag Compass 101 sein, aber hat jemand ein Mixin geschrieben, das den Alpha-Wert einer Farbe festlegt? Idealerweise möchte ich, dass das Mixin jede Form der Farbdefinition annimmt und Transparenz anwendet: @include set-alpha( red, 0.5 ); //prints rgba(255, 0, 0, 0.5); @include set-alpha(...
Der Twitter-Bootstrap-Code hat viele CSS-Eigenschaften mit einem !defaultam Ende. Z.B p { color: white !default; } Was macht !defaultdas AKTUALISIEREN Mein schlechtes, weil ich nicht klar bin. Ich verwende den SASS-Teil von Bootstrap.
Ich versuche, ein Thema aus einem CSS-Modul zu importieren, aber TypeScript gibt den Fehler "Modul kann nicht gefunden werden" aus und das Thema wird zur Laufzeit nicht angewendet. Ich denke, mit meiner Webpack-Konfiguration stimmt etwas nicht, aber ich bin mir nicht sicher, wo das Problem...
Ich versuche es zu tun npm installund ein Fehler erscheint: Failed at the [email protected] postinstall script. Ich habe versucht, es zu löschen node_modulesund dann neu zu installieren. Der gleiche Fehler wird angezeigt. Was wird die Lösung sein? Knoten v8.9.3 npm v5.4.2 ionisch 3.19.0...
In CSS können Sie dies tun : input[type=submit] { // properties } Es ist sehr nützlich, um Formularschaltflächen zu gestalten. Wie macht man dasselbe in SASS?
Ich habe gerade das Sass-Tutorial verfolgt . Aus irgendeinem Grund generiert die Sass-Datei das CSS jedoch nicht korrekt. Das Terminal sagt, dass das CSS ungültig ist, aber ich bin mir ziemlich sicher, dass dies nicht der Fall ist. Ich habe versucht, es auch zu ändern, nur für den Fall, dass es...