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.

13
Was ist der Unterschied zwischen SCSS und Sass?
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? Anders?
1901 css  sass 
7
Sass-Variable in der CSS-Funktion calc ()
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 das, was ich will. Wenn ich jedoch zur Variablen wechsle, ist dies die …
1345 css  sass  css-calc 
13
Normale CSS-Datei in SCSS-Datei importieren?
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 * .scss umzubenennen
509 css  sass 
30
So beheben Sie ReferenceError: primordials ist im Knoten nicht definiert
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: primordials is not defined Habe das schon mal vor dem Schluck Sass-Watch …
364 node.js  sass  gulp  gulp-sass 
12
Verwenden von Schriftarten mit der Rails-Asset-Pipeline
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'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Die eigentliche Schriftartdatei wird in / app / assets / fonts / gespeichert. Ich habe config.assets.paths << Rails.root.join("app", "assets", "fonts")meiner application.rb-Datei hinzugefügt …
3
Sass .scss: Verschachtelung und mehrere Klassen?
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 Klassen verarbeiten, während ich verschachtelte Stile verwende? Im obigen Beispiel spreche ich darüber: CSS …
332 sass 
16
Angular CLI SASS-Optionen
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, da einige Kernkomponenten der …
5
Aufnahme einer weiteren Klasse in SCSS
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 class-a. Wie wird das gemacht? Ich habe versucht, zu verwenden @include class-a, aber …
309 inheritance  sass 
17
Versuchen Sie, `node-sass` auf Knoten 0.12 neu zu installieren?
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: `libsass` bindings not found. Try reinstalling `node-sass`? at getBinding …
263 node.js  sass  gulp 
3
Sass - Uhr mit automatischer Minimierung?
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 muss?
235 css  sass  minify 
5
SASS - Verwenden Sie Variablen für mehrere Dateien
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 enthalten. Es ist wichtig, dass ich alle projektweiten Stilvariablen an einem Ort …
216 css  sass 
13
Ist es möglich, mit @import ein ganzes Verzeichnis in sass zu importieren?
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 Möglichkeit, das gesamte Teilverzeichnis (es ist ein Verzeichnis voller SASS-Teilverzeichnisse) wie @import kompass oder so etwas einzuschließen?
209 import  sass  partials 
13
Erstellen eines Sass-Mixins mit optionalen Argumenten
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, dass $insetnichts ausgegeben wird, wenn kein Wert übergeben wird, anstatt zu …
201 sass 
2
Was ist Kompass, was ist Sass ... wie unterscheiden sie sich?
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 verwendet wird. Ich frage mich, …
166 css  sass  compass-sass 
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.