asterisk in custom CSS breaks the channel page
Created by: ansorg
I try to build a custom theme for my hub. The result can be seen at https://hub.ax9.eu/channel/jens
Looks kind of broken, right?
I was able to pin it down to some specific line in my custom css file, specifically the "*" character in specifically this selector
body > * {
flex: 1 1 auto;
display: block;
position: relative;
}
The css file is added to the theme via
echo @file_get_contents('view/theme/ax9clean/css/style.css');
as seen in other custom themes
When I replace the body > *
selector with individual body > nav, body > main
etc. the error is gone.
Using the "> *" in other places like main > *
doesn't break the page either.