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.

5
Richtige SCSS-Asset-Struktur in Rails
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 * .css.scss.erb). Ich gehe vielleicht von viel aus, aber Rails MÜSSEN aufgrund von *= require_tree .application.css automatisch alle …
5
Sass / Compass - Konvertiert Hex, RGB oder Named Color in RGBA
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( #ff0000, 0.5 ); //prints rgba(255, 0, 0, …
84 css  sass  compass-sass  rgba 
6
Erweitern von Selektoren aus Medienabfragen mit Sass
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 ist. Auf …
9
Wie lade ich font-awesome mit SCSS (SASS) in Webpack unter Verwendung relativer Pfade?
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 'directory' ../fonts/fontawesome-webfont.eot da die Datei font-awesome.scss auf den relativen Pfad '../fonts/' verweist. Wie kann ich scss \ webpack …
2
Sass Ungültiger CSS-Fehler: "erwarteter Ausdruck"
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 …
78 css  sass 
2
Warum wird der Sass-Cache-Ordner erstellt?
Ich habe angefangen, Sass für meine CSS-Arbeit auszuprobieren. In dem Verzeichnis, in dem sich meine CSS-Datei befindet, wird auch ein Ordner ".sass-cache" angezeigt. Kann mir jemand sagen, warum dieser Ordner erstellt wurde und ob er sicher ist, wenn ich ihn lösche? Vielen Dank,
78 sass 
12
SASS-Implementierung für Java? [geschlossen]
Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 7 Jahren . Verbessere diese Frage Ich suche nach einer SASS-Implementierung in Java (könnte mit …
76 java  maven  ant  jruby  sass 
6
Warum skalieren meine SVG-Bilder nicht mit der CSS-Eigenschaft "width"?
Ich baue eine Portfolio-Website auf. HTML Quelltext <div id = "hero"> <div id = "social"> <img src = "facebook.svg"> <img src = "linkedin.svg"> <img src = "instagram.svg"> </div> </div> CSS-Code (mit SASS) #hero { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 300px; #social { width: 50%; display: flex; …
76 html  css  svg  sass 
13
Fehler: Modul 'gulp-sass' kann nicht gefunden werden
Beim Kompilieren mit habe gulpich einen Fehler wie unten erhalten. Wie kann ich es reparieren? module.js:339 throw err; ^ Error: Cannot find module 'gulp-sass' at Function.Module._resolveFilename (module.js:337:15) at Function.Module._load (module.js:287:25) at Module.require (module.js:366:17) at require (module.js:385:17) at Object.<anonymous> (/Applications/XAMPP/xamppfiles/htdocs/flyscoot.com/gulpfile.js:2:12) at Module._compile (module.js:435:26) at Object.Module._extensions..js (module.js:442:10) at Module.load (module.js:356:32) at Function.Module._load …
74 sass  npm  gulp 
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.