Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /usr/www/users/oosksh/doku/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /usr/www/users/oosksh/doku/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /usr/www/users/oosksh/doku/wp-content/plugins/wp-syntax/wp-syntax.php on line 383
In LESS können Attribute einer Klasse ganz einfach einer anderen übergeben werden. Wenn wir beispielsweise folgende Klasse nehmen:
.bordered { border-top: dotted 1px black; border-bottom: solid 2px black; } |
Wenn wir diese Attribute nun in einer anderen Klasse verwenden möchten, fügen wir einfach den Namen der Klasse deren Attribute wir übernehmen möchten ein:
#menu a { color: #111; .bordered; } .post a { color: red; .bordered; } |
Die Werte der .bordered
Klasse tauchen nun wie durch Magie in #menu a
und .post a
auf:
#menu a { color: #111; border-top: dotted 1px black; border-bottom: solid 2px black; } .post a { color: red; border-top: dotted 1px black; border-bottom: solid 2px black; } |
Jede beliebige CSS Klasse, id oder element kann so verwendet werden.
Anmerkung: Variablen aus Mixins sind auch im aktuellen Geltungsbereich verfügbar. Dies ist allerdings umstritten und kann sich in Zukunft ändern.