I have a multi module solution with a main stylesheet attached to all modules. I am then importing using @import url("servoy.css"); a style sheet specifically to deal with the servoy structure i.e. say-body, say-label etc The objective is to reuse this on several other projects. The import works and the process is appears to be as expected
The issue, and this may be my css error, is I am unable to set more than one style to work in this imported document.
- Code: Select all
.svy-body {
background-color:blue;
};
.svy-label {
background-color:red;
focus {outline: none};
};
By using the above I was expecting to see a blue background with a red label ?? this is not happening. If I reverse the order with .svy-label first I get a red label and a white body background, as if .svy-body is being ignored ??
Secondly the focus {outline:none}, is not working at all, I still get the blue trim around the labels when they are clicked ??
Any help with this would be appreciated
Cheers
Gordon