Importing Custom CSS Files


The CSS file for a mobile keyboard became a bit large, so I split it up into separate files. One file per layer, then the regular primary CSS file uses import states in the form:

@import “my_keyboard-layer1.css” ;
@import “my_keyboard-layer2.css” ;
… etc.

Only it doesn’t work, I’m guessing a path problem or maybe the compiler doesn’t include the extra files? Please let me know if this can be done.



No, the compiler only imports the one .css file at present.

In case it may help, tools like esbuild can be used to “bundle” your CSS files together. You could use those locally when editing, then use the tool to create the final version to be used in your keyboard submissions and updates.

1 Like