CSS-Dateien über Wildcards einbinden

16. Nov 2016

Bei der Nutzung von SASS können nun nicht nur einzelne CSS-Dateien, sondern auch ganze Verzeichnisse eingebunden werden.

Während standardmäßig nur einzelne Dateien über @import eingebunden werden können, erweitert Weblication die SASS-Funktionalität um Wildcards. Dabei ist genau die Syntax @import 'xyz/*'; möglich, um so direkte Unterverzeichnisse zum dynamischen Einbinden von SCSS-Dateien zu nutzen.

Dynamisches Einbinden von CSS-Dateien über einen Wildcard-Import


$baseType: mobileFirst;    
$version: 0.9.13;
$cssInterpreter: wCss2;
$wGlobalProjectPath: '/wGlobalProject';

@import 'variables.scss';
@import 'colors.scss';
@import 'fonts.scss';
@import 'mixins/*';
@import 'globals/*';
@import 'page.scss'; 
@import 'html.scss';
@import 'forms.scss'; 
@import 'items/*';
@import 'objects/*';
@import 'lists/*';
@import 'browseedit.scss';