Tag: sass
Sass (Syntaktisch Awesome Style Sheets) ist eine Erweiterung von CSS das hinzufügen von Funktionen wie verschachtelte Regeln, Variablen, Mixins in Verbindung und Klasse Erweiterungen. Dies ermöglicht Entwicklern das schreiben strukturiert, überschaubar und wiederverwendbare CSS-Dateien. Sass kompiliert ist, in die standard-CSS.
Anpassen bootstrap button schriftart
3 Antworten
Ich bin mit sass-version von Bootstrap und anpassen möchten, mit den Tasten " - Schrift, so dass es unterscheidet sich von der system-schriftart. Ich kann nicht sehen, sass - /less-Variablen, ändern Sie die schriftart-Familie meiner Tasten: http://getbootstrap.com/customize/#buttons
Import-Pfad mit der Variablen SASS
3 Antworten
Möchte ich eine Datei importieren, die mit Hilfe von Variablen. Mein code (das nicht funktioniert) : $input-field-theme: default; @import '#{$input-field-theme}'; Fehlermeldung : Error: File to import not found or unreadable: #{$input-field-theme} Funktioniert : @import 'default'; Möglich, Duplikat
Edit SASS variabel von eckig 2 Typoskript
2 Antworten
Ich mag die Farbe von dem Benutzer und ändern Sie den vorhandenen sass Farbe-variable, um die Farbe wählen, die durch die Benutzer. Ich sah eine link, aber noch gibt es kein Beispiel in Verbindung mit Winkel-2 auf
Importieren von SASS-partials von node_modules
4 Antworten
Versuch zum erstellen von benutzerdefinierten Workflows mit schlucken, panini, Schnurrbart, sass und einer der mein problem ist, einschließlich der Teiltöne von node_modules, hier ist ein Beispiel aus der main.scss-Datei: @import "node_modules/bootstrap/scss/mixins"; @import "settings"; Wie vermeiden Sie vollständige
Ist es möglich, um eine überlastung in sass-Mixins in Verbindung?
3 Antworten
Lassen Sie sagen, Sie haben ein mixin für shadow wie: @mixin box-shadow($offset, $blur, $color) { -moz-box-shadow: $offset $offset $blur $color; -webkit-box-shadow: $offset $offset $blur $color; box-shadow: $offset $offset $blur $color; } Ist es möglich, überlastung, mixin mit
sass mit grunt nicht funktioniert
1 Antworten
Habe ich versucht, das setup ein grunt-task zum kompilieren meine sass-Dateien, aber nichts scheint zu funktionieren. Meine Struktur ist Gruntfile.js package.json assets | |--sass | | | styles.scss | |--css und das ist mein grunt-Datei 'use strict';
rake assets:precompile - > Sass::SyntaxError: Ungültiges CSS nach "}": expected "}", war ""
2 Antworten
War ich laufen: RAILS_ENV=production rake assets:precompile --trace Dann bekomme ich diese Fehler-stack: ** Invoke assets:precompile (first_time) ** Invoke assets:environment (first_time) ** Execute assets:environment ** Invoke environment (first_time) ** Execute environment ** Execute assets:precompile rake aborted! Sass::SyntaxError: Invalid
Eingang + label syntax im SASS
1 Antworten
War ich googeln, aber ich habe nicht gefunden, keine Informationen über diese Frage. Wenn ich zum Beispiel folgende CSS: input[type="radio"]:checked + label { background: #666; color: c00; height: 500px; width: 500px; } Gibt es einige unterschiedliche Art
Wie zu kompilieren, ExtJs 5 Thema mit benutzerdefinierten scss Hinzugefügt
1 Antworten
Möchte ich Folgendes hinzufügen: @include extjs-tab-panel-ui - ( $ui -: 'navigation', $ui-tab-background-color: transparent, $ui-tab-background-color-over: #505050, $ui-tab-hintergrund-Farbe aktiv: #303030, $ui-tab-hintergrund-Verlauf: 'none', $ui-tab-background-gradient-over: 'none', $ui-tab-background-gradient-aktiv: 'none', $ui-tab-color: #acacac, $ui-tab-Farbe-over: #c4c4c4, $ui-tab-Farbe aktiv: #fff, $ui-tab-Glyphe-color: #acacac, $ui-tab-Glyphe-Farbe-over: #c4c4c4, $ui-tab-Glyphe-Farbe aktiv:
Sass compiler sagt: Inkonsistente Einrückung
1 Antworten
Habe ich das in meiner main.sass: #thing { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } Beim kompilieren, sass, sagt: Inconsistent indentation: 7 spaces were used for indentation, but the rest of the document was indented using 4
Wie kann ich setup Bootstrap-SASS/SCSS mit Visual Studio 2013?
4 Antworten
Bootstrap ist bereits setup mit eine neue ASP.NET Projekt aus dem Standard-template, aber ich möchte die SASS-version von Bootstrap-so kann ich es anpassen, wie ändern Sie die schriftart Variablen. Wie kann ich diese einrichten? Brauche ich tools
Sublime SFTP - Upload kompilierte css bei der sass-Datei gespeichert
7 Antworten
Bin ich die Entwicklung von html/css in Erhabenen. Ich Schreibe mein css mit sass und mit Sublime-build-system zum erzeugen der css-Datei auf die Datei zu speichern. Es ist auch so konfiguriert, das hochladen auf speichern mit den
"Web Compiler" Compile on save funktioniert nicht
4 Antworten
Ich bin mit web-compiler, aber es wird nicht kompiliert SASS meine Struktur, wenn ich mit der rechten Maustaste auf "compilerconfig.json" und wählen Sie "Web-compiler" --> "Re-kompilieren alle Dateien". Wenn ich den anderen Methoden auslösen, zusammenstellen... Wenn ich
Wie entfernt man die Maßeinheiten von ein Sass mixin-Gleichung?
2 Antworten
Ich geschrieben habe, ein sehr einfaches Sass-mixin für die Konvertierung von pixel-Werte in den rem-Werte (siehe Jonathan Snook ist Artikel über die Vorteile der Verwendung der rems). Hier ist der code: // Mixin Code $base_font_size: 10; //
Lohnt es sich, zu lernen, haml & sass?
3 Antworten
In Ihrer Berufserfahrung haben haml & sass sich als sinnvoll erwiesen? In welcher Art und Weise? Siehe meine Antwort an "Ihre Haltung zu Haml" stackoverflow.com/questions/93540/your-attitude-to-haml/... InformationsquelleAutor Victor | 2010-01-16
Rails 4 asset-oder image-Pfad von CSS
3 Antworten
meine Datei-Struktur ist wie so app assets bookshelf assets my_image.jpg images standard_image.png In meinem css.scss-Datei, die beide diese Arbeit in der Entwicklung, aber Sie arbeiten nicht in der Produktion. #some_div { background: url("standard_image.png") } #some_div { background:
Was bedeutet der hash - ( # ) - Zeichen außerhalb von Schleifen in SASS?
1 Antworten
Komme ich gerade über die Verwendung des hash-Zeichen außerhalb einer Schleife in sass und ich bin mir nicht sicher, was es ist oder was der Grund dafür ist. Was ist der Unterschied zwischen diesen beiden Beispielen bitte?
SASS: Invalid @import: expected end of line war ";" - manchmal
1 Antworten
Habe ich eine sass-Datei, die enthält nur die import-Anweisungen @import "this"; @import "that"; wenn ich sass von der Befehlszeile aus alles gute bundle exec sass foo.scss:foo.css Wenn jedoch ich es ausführen innerhalb von Skripten (auch mittels bundle
Sass: errno::enoent: Keine solche Datei oder Verzeichnis
4 Antworten
Ich weiß, das ist furchtbar fad Fehler zu laufen in, aber ich bin der Begegnung mit einem normalen "Datei nicht gefunden" - Fehler in Sass 3.4.2: /* Errno::ENOENT: No such file or directory - dumdum.scss Backtrace: /Library/Ruby/Gems/2.0.0/gems/sass-3.4.12/lib/sass/plugin/compiler.rb:482:in
Kompass kann nicht finden, alle Sass-Dateien zu kompilieren
4 Antworten
Versuchen zu lernen, Grunzen. Installiert hab ich die grunt-contrib-compass,und grunt-contrib-watch plugins. Wenn ich grunt im terminal, es läuft der Kompass Aufgabe und kommt zurück mit Running "compass:dist" (compass) task Compass can't find any Sass files to compile.
SASS kompilieren Fehler - LoadError: cannot load such file — hören/ - version Verwenden --trace Ablaufverfolgung
4 Antworten
Ich bin versucht, SASS zum ersten mal, ich habe die neueste version installiert, bekomme aber Fehler in der terminal stuarts-imac:css stuartcookney$ sass --watch main-style.scss Sass is watching for changes. Press Ctrl-C to stop. write main-style.css LoadError: cannot
ionic-3 Winkel-Ionen-slide vertical align top
1 Antworten
Bin ich mit dem ionic-3 ion-slides und ion-slide. Das Problem, das ich bin vor ist der Inhalt in der Mitte und ich will, dass es oben ausgerichtet. Code sieht wie folgt aus: <ion-content padding> <ion-slides pager> <ion-slide
Element Lader Liste haben sollte, 'loader' oder 'Lader' mit sass-loader webpack
1 Antworten
Habe ich diesen Lader in meinem webpack loader array: { test: /\.scss$/, exclude: /node_modules/, loaders: ExtractTextPlugin('style-loader', 'css-loader!sass-loader') } Ich versuche, webpack bauen meine SCSS zu CSS, aber ich bekomme diese Fehlermeldung: /Users/bli1/Development/Django/CL/cherngloong/cherngloong/cherngloong/node_modules/webpack/node_modules/webpack-core/lib/LoadersList.js:60 throw new Error("Element from loaders
Kompass-hintergrund-Bild(linear-gradient) funktioniert nicht im IE
2 Antworten
Diesen Farbverlauf gemacht mit SASS und Compass arbeiten nicht in einer beliebigen version von Internet Explorer: @include background-image(linear-gradient(left, rgba(241,236,236,0.95), rgba(241,236,236,0.9), rgba(241,236,236,0.85), rgba(241,236,236,0.8), rgba(241,236,236,0.75), rgba(241,236,236,0.4))); Er übersetzt diese CSS: background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(241, 236,
Winkel 6 nicht anzuwenden, scss styles
3 Antworten
Ich habe eine Komponente, die Seite und die entsprechenden style-sheet, jedoch sind die Klassen in der Komponente.scss nicht ganz auf die Seite angewendet. Es gibt keine Fehler, ich bin immer noch Fragen, warum? Dies ist mein product-detailpage.component.html
Sass - Was ist der Unterschied zwischen map-get und einfache variable?
3 Antworten
Ich bin neu mit Sass Zeug und ich habe das Lesen über die verschiedenen Möglichkeiten zur Verwendung von Variablen dieses Prinzip versuche ich zu übernehmen, ist nur für die Farben, einige der Lösungen, die ich gefunden habe,
Wie verwenden Sie SASS in Django?
2 Antworten
Zu machen, wie die Arbeit in django index.html mit der folgenden Zeile? <link href="{{ elixir('css/app.css')}}" rel="stylesheet" type="text/css"> Auch ich kann Sie nicht finden viel, wie sass in Django. Habe ich index.html - und SASS-Dateien von laravel, kann
Kann ich einen Stil, um alle pseudo-Selektoren in CSS oder Sass?
1 Antworten
Ist es möglich, Stil für alle anchor-Tags pseudo-Selektoren mit CSS oder Sass? Etwas wie a:* { color: #900; } statt a { &:hover, &:link, &:active, &:visited { color: #900; } } Ich will einfach nur zurücksetzen standard-styling.
CSS Toolkits ähnlich wie Twitter Bootstrap?
5 Antworten
Ich mag die Twitter Bootstrap css-toolkit, aber das Problem ist, dass es WENIGER und ich bin mit einem Rails 3.1 Anwendung die kommt schon mit SASS. Ich es geschafft, Twitter Bootstrap zu arbeiten, mit WENIGER, aber es
@import funktioniert nicht in der SASS-Datei in Unterordner
1 Antworten
Die Bühne Habe ich die folgende stylesheet-Struktur: /stylesheets | |-- /subfolder | | | + styles.css.scss | + application.css.scss Anwendung.html-Code.haml = stylesheet_link_tag "application", media: "all" = stylesheet_link_tag "subfolder/styles", media: "all" Anwendung.css.scss @import "styleguide"; @import "styleguide/base/_all"; @import "styleguide/modules/_all-no-grid";
Wie aktiviere ich SASS Zeilennummern in der CSS-Ausgabe?
3 Antworten
Wie kann ich die Zeilennummern in der CSS-Ausgabe, wenn ich mich mit SASS? Ich fand einen Artikel, aber ich habe nicht ganz verstanden, wo die änderungen vorzunehmen, http://pivotallabs.com/users/damon/blog/articles/765-standup-04-07-2009-we-have-questions#comments Könnten Sie mir helfen? InformationsquelleAutor hex | 2009-12-01
Winkel-6 - CSS - KLEBRIG-Header
4 Antworten
Ich habe 3 Elemente : 1 toolbar, 1 Karte , eine andere Symbolleiste. die Elemente sind untereinander Möchte ich, dass die zweite Symbolleiste Aufenthalt unter der map-element (auf 400px an der Spitze), aber wenn ich nach unten
Konfigurieren von directory-recursive Sass Kompilierung Aufgabe von Grunt
1 Antworten
Ich bin ein Neuling und lernen, wie zu konfigurieren, Kaffee, jade, und sass Zusammenstellung von Aufgaben. Ich konnte erfolgreich konfigurieren Zusammenstellung von Aufgaben für Kaffee-und jade-Verzeichnis, aber ich konnte nicht für sass. Die Struktur meines Projektes ist
Zurb Foundation 4 SCSS Mixins in Verbindung für kleine und große(fluid/responsive) - Spalten
5 Antworten
Bin ich, eine Firma aufzubauen responsive website und mit beiden SASS und Foundation 4 CSS-Framework für die erste Zeit. So weit So gut. Aber ich habe da ein "problem" hier mit Mixins in Verbindung. Wenn ich eine
Sass Farbe-variable nicht, Sie arbeiten im inneren abgedunkelt()
2 Antworten
Ich habe Liste von Farben und die möchte ich nutzen, darken() auf Sie wie so: $innerPagesBgColors: "#6B46C1", "#2980B9", "#FD5456", "#000"; .foo { color: darken(nth($innerPagesBgColors, 3), 5%); } Aber ich bekomme diese Fehlermeldung: $color: "#FD5456" ist nicht eine
Hintergrundbild hinzufügen, um Rails-app bei der Verwendung von Bootstrap
2 Antworten
Arbeite ich an einer app mit Bootstrap als framework Rails (bootstrap-sass). Was ich will zu tun ist, fügen Sie einen süßen hintergrund Bild aber ich kann nicht scheinen, um das überschreiben der weiße hintergrund der Körper egal
Fehler: Datei nicht gefunden oder nicht lesbar: fancy-buttons
3 Antworten
Ich bin seting up eine bestehende rails-Projekt. Aber einen Fehler gefunden, unten auf installation. Fehler: zu importierende Datei nicht gefunden oder nicht lesbar: fancy-buttons. ActionView::Template::Error (File to import not found or unreadable: fancy-buttons. Load paths: Sass::Rails::Importer(/home/cis/Desktop/manish1/hamlncompass/app/assets/stylesheets/partials/_buttons.sass) /home/cis/Desktop/manish1/hamlncompass/app/assets/stylesheets
Inline-SVG-Datei aus einer Datei mit SASS
1 Antworten
Habe ich eine Datei namens test.svg, diese befindet sich im gleichen Ordner wie die sass-Datei. Möchte ich es als meine list-style-image, wie hier: list-style-image: url("data:image/svg+xml;<svg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'><text x='0' y='8'>x</text></svg>") Aber das heißt
SCSS Variablen, wie @extend Klasse
2 Antworten
Meine Idee ist, dass ich gerne schreiben silent Klassen für input[type=text], input[type="password"] und input[type=submit]. Ich würde dann @extend Sie in ein mixin durch die übergabe Saum durch als eine variable. Mein parser wirft diesen Fehler; Syntax error:
Webpack nicht be-hintergrund-Bild
2 Antworten
Ich versuche, laden Sie ein Bild: background: transparent url("../img/select-icon.png") no-repeat center right 8px; In meinem Stil.scss, und es funktioniert nicht Hier ist mein webpack.config: function _path(p) { return path.join(__dirname, p); } module.exports = { context: __dirname, entry:
Wie man eine Rails-3-Anwendung mit HAML und SASS als Standard-Vorlagen?
7 Antworten
die Linie rails new someapp -m haml nicht funktioniert. Es scheint zu müssen, um einen Pfad zu einigen, wo. Update: haml-rails ist in der Tat installiert gem install haml-rails aber die Zeile oben würde nicht funktionieren. Hey
Sass / Compass CSS3-Mixins in Verbindung nicht funktioniert
1 Antworten
Ich bin am Anfang mit sass und compass und sowas und Schreibe meine eigenen Mixins in Verbindung gut funktioniert, etc... so SASS scheint einwandfrei zu funktionieren. Entdecken Sie über Kompass, hörte sich sehr auf den ersten, aber
Interpolieren SASS in HAML für hintergrund-Bild: -> Objekt in Rails
2 Antworten
Ich versuche ein hintergrund-Bild pro Listenelement abhängig zu sein, auf welches Objekt es verlinken! Sollte nicht allzu schwer sein, aber ich konnte nicht herausfinden, wie es in SASS. Hier ist mein Versuch von HAML, weil das ist,
die Fehlermeldung 'cannot find module' auf 'main.scss' mit Webpack, SASS, und Reagieren
5 Antworten
Wenn Sie versuchen, SCSS, um führen Sie das styling auf meinen Reagieren-Anwendung mit Webpack bin ich mit dem Fehler: Module not found: Error: Can't resolve 'style' in '/Users/sachinkaria/Workspace/GC' @ ./app/index.js 4:0-29 @ multi ./app/index.js' und in den
Eine einfache css-framework gumby tutorial
3 Antworten
Bin ich Total neu zu gumby-und css-frameworks im Allgemeinen. Ich habe http://gumbyframework.com aber war nicht in der Lage zu finden, eine einfache Anfänger-Anleitung z.B. wie die css-Dateien auf Ihrer web-Seite. Eine einfache " hello world-tutorial wäre sehr
Ist es möglich, nest Variablen innerhalb von Variablen in SASS?
2 Antworten
Habe ich ein mixin, das akzeptiert ein argument, das möchte ich weitergeben, in einer Variablen. @mixin my_mixin($arg) { background-color: $state-#{$arg}-text; } InformationsquelleAutor Curtis Blackwell | 2013-08-29
Noch bessere Unterstützung für HAML in Netbeans?
7 Antworten
Dieses plugin ist ziemlich gut, definitiv besser als plain-text.. aber ich bin die Sehnsucht nach ein wenig mehr. Code-Vervollständigung, die Netbeans-code-generator Verknüpfungen, 'ri' - integration für das suchen nach Unterlagen wie die .erb-Dateien haben.. Hat jemand ein
config.rb für SASS-Schriften-Verzeichnis-Pfad hinzufügen slash
2 Antworten
Habe ich config einstellen.rb-Datei, wie unten http_path = "/" css_dir = "" sass_dir = "sass" images_dir = "images" fonts_dir = 'fonts' fonts_path = "" javascripts_dir = "js" Hier ist mein Verzeichnis Pfad In der Projekt-root - Stil.css
Nicht bekommen können, sass + compass + susy installiert, da die version-Konflikt
3 Antworten
Arbeite ich mit Sass, Compass und Susy auf OSX /Terminal. Aber ich kann Sie nicht Susy arbeiten zusammen mit Sass und Compass. Was ich getan habe: sudo gem install sass sass -v Gibt: Sass 3.3.0 (Maptastic Ahorn)
wie, um zwei Befehle gleichzeitig in shell-Skript?
1 Antworten
Ich versuche ein shell-Skript ausführen jeykll -w serve und sass --watch style.scss:style.css so dass ich keine sorgen zu machen, jedes mal, wenn ich will lokal entwickeln. Also machte ich ein shell-Skript, aber offensichtlich, wenn ich die jekyll-Befehl