Als «sass» getaggte Fragen

Nach dem, was ich gelesen habe, ist Sass eine Sprache, die CSS mit variabler und mathematischer Unterstützung leistungsfähiger macht. Was ist der Unterschied zu SCSS? Soll es die gleiche Sprache sein? Ähnlich?

Ich versuche, die calc()Funktion in einem Sass-Stylesheet zu verwenden, habe jedoch einige Probleme. Hier ist mein Code: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Wenn ich das Literal 50pxanstelle meiner body_paddingVariablen verwende, bekomme ich genau...

Gibt es überhaupt eine Möglichkeit, eine reguläre CSS-Datei mit dem @importBefehl von Sass zu importieren ? Obwohl ich nicht die gesamte SCSS-Syntax von sass verwende, genieße ich es dennoch, Funktionen zu kombinieren / zu komprimieren, und möchte sie verwenden können, ohne alle meine Dateien in *...

Ich habe Knotenmodule per npm install installiert und dann versucht, in der Eingabeaufforderung gulp sass-watch auszuführen. Danach bekam ich die folgende Antwort. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError:...

Ich habe einige Schriftarten in meiner Scss-Datei wie folgt konfiguriert: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'),...

Ich verwende Sass (.scss) für mein aktuelles Projekt. Folgendes Beispiel: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Das funktioniert super. Kann ich mehrere...

Ich bin neu bei Angular und komme aus der Ember-Community. Versuch, die neue Angular-CLI zu verwenden, die auf Ember-CLI basiert. Ich muss wissen, wie ich SASS in einem neuen Angular-Projekt am besten handhaben kann. Ich habe versucht, mit dem ember-cli-sassRepo zu prüfen, ob es mitspielen würde,...

Ich habe dies in meiner SCSS-Datei: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } In Klasse B möchte ich alle Eigenschaften und verschachtelten Deklarationen von erben...

Wenn ich versuche, die neueste Version des Kompasses ( https://rubygems.org/gems/compass/versions/1.0.0.alpha.17 ) zu installieren , wird die folgende Fehlermeldung angezeigt. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing compass: ERROR:...

Ich möchte das Google Web Starter Kit verwenden. Ich habe node.js v0.12.0 node-sass& installiert gulp. Und dann lief: $ sudo npm install Als ich tippte, gulp servebekam ich diesen Fehler: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error:...

Gibt es eine Möglichkeit zu rennen: sass --watch a.scss:a.css aber am a.cssEnde minimiert worden? Wie würde ich vermeiden, dass ich beim Kompilieren meines Stylesheets einen separaten Minimierungsschritt ausführen

Ich möchte eine zentrale .scss-Datei behalten, in der alle SASS-Variablendefinitionen für ein Projekt gespeichert sind. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Das Projekt wird aufgrund seiner Natur eine große Anzahl von CSS-Dateien...

Ich habe das folgende Sass-Mixin, das eine halb vollständige Modifikation eines RGBa-Beispiels ist : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } Ich habe mich $opacityok beworben , aber jetzt stecke...

Ich modularisiere meine Stylesheets mit SASS-Partials wie folgt: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues Gibt es eine...

Ich schreibe einen Mixin wie diesen: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } Wenn ich aufgerufen werde, möchte ich wirklich,...

IE9 ist anscheinend in der Lage, abgerundete Ecken mithilfe der CSS3-Standarddefinition von zu verarbeiten border-radius. Was ist mit der Unterstützung des Randradius und des Hintergrundgradienten? Ja, IE9 soll beide separat unterstützen, aber wenn Sie die beiden mischen, blutet der Farbverlauf aus...

Ich würde gerne Kompass und Sass verwenden, um die Entwicklung zu beschleunigen. Im Moment habe ich Sass auf einem Mac installiert und ihn angewiesen, die SCSS-Datei auf Eingabe und eine CSS-Datei auf generierte Ausgabe zu überwachen. Aus vielen Artikeln geht hervor, dass Sass mit Compass...

Warum _in scss vor den Dateinamen setzen? _filename.scss- Warum braucht es

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node...

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:...