Rahmenfarbe basierend auf dem Hintergrund

8

Ich nutze häufig darken und lighten in meinen SASS Styles. Ich schreibe gerade eine Klasse, die einen Rahmen haben wird, aber abhängig von einer anderen Klasse für die Hintergrundfarbe. Ich möchte die Rahmenfarbe auf darken der Hintergrundfarbe des Elements einstellen.

In etwa so:

%Vor%

Dann wäre das Markup:

%Vor%

Wenn dies so funktioniert, wie ich es hier geschrieben habe, würde ich das natürlich nicht als Frage zu SO veröffentlichen:

Die Frage ist also: Kann ich eine border -Farbe auf das background -Attribut dynamisch setzen, und wenn ja, wie?

    
asfallows 10.04.2014, 20:33
quelle

3 Antworten

18

Obwohl es keine SASS-Lösung ist, könnten Sie einfach rgba verwenden.

%Vor%

Sehen Sie sich dies jsfiddle als Beispiel an.

    
abtrout 10.04.2014, 20:43
quelle
5

Ich würde ein Mixin wie folgt verwenden:

%Vor%

Auf diese Weise können Sie jeder Farbe einen dunklen Rahmenstil hinzufügen:

%Vor%

Noch einfacher (oder zumindest TROCKENER), mit der gleichen Idee:

%Vor%

Ausgabe: %Vor%     
McGarnagle 10.04.2014 20:48
quelle
1

wie bereits gesagt, würde ich dafür gehen, aber mit einem sicheren reset von background-clip; :

%Vor%

DEMO

sehen Sie dies als eine Erinnerung an die Verwendung von rgba () Farben, als hsla () Farben

    
G-Cyr 10.04.2014 20:59
quelle

Tags und Links