2016-12-15 3 views
2

Ich habe eine Frage zur Semantik.Escaping Prozentzeichen in Sass (SCSS)

Ich arbeite mit einer langen Liste von Variablen in Sass (es ist eine große Anzahl von Farbfeldern und entsprechenden Farbtönen). Diese Farben müssen genau sein und so passen lighten() und darken() Funktionen in diesem Szenario nicht.

Die Variablen Ich bin derzeit wie folgt lesen Deklarieren:

$black-13-percent-tint, $black-21-percent-tint usw.

Ich stolperte über this article, ereiferte und leicht falsch interpretiert, was der Artikel sagte. Ich begann dann zu versuchen, Sass Variablen wie das erklären folgenden:

$black-13\%-tint, $black-21\%-tint usw.

Nach meinem Fehler zu realisieren (Vertauschen Klassennamen und Sass Variablen) Ich begann zu fragen, ob es möglich war, die zu entkommen % Symbol in einer Sass-Variable?

Im Wesentlichen möchte ich Sass wie das folgende Beispiel schreiben und ich möchte wissen, ob es möglich ist, dies zu erreichen?

.black-13\%-tint-swatch { background: $black-13\%-tint; }

+0

Warum nicht diese mixin verwenden, um die Arbeit für Sie zu tun? https://css-tricks.com/snippets/sass/tint-shade-functions/ –

+0

Danke @ShannonYoung Ich bin nach meiner Frage darauf gestoßen. Technisch könnte dieses Mixin mein Problem auf andere Weise lösen. Aber ich würde immer noch gerne wissen, ob es eine Möglichkeit ist, das Prozentzeichen bei der Deklaration einer Sass-Variablen zu verwenden. – danMad

Antwort

3

Sie #{'%'} verwenden können, die für mich gearbeitet :)