I'm creating a new D8 theme and am having trouble making Drupal load the CSS that is a part of my theme. I have disabled cache and am sure I'm getting the up-to-date output.
Here's my mytheme.info.yml:
name: Mytheme type: theme description: 'This is a description.' core: 8.x libraries: - mytheme/global-styling libraries-override: system/base: false regions: header: Header content: Content # the content region is required menu_primary: 'Menu - Primary' menu_secondary: 'Menu - Secondary' footer: Footer Here's mytheme.libraries.yml
global-styling: version: 1.0 css: theme: css/global.css: {} and this is the top of my html.html.twig file:
<!doctype html> <html lang="en"> <head> <title>{{ head_title }}</title> <head-placeholder token="{{ placeholder_token|raw }}"> <css-placeholder token="{{ placeholder_token|raw }}"> <js-placeholder token="{{ placeholder_token|raw }}"> {{ page.head }} {{ page.styles }} {{ page.scripts }} </head> ... The content in the YAML files is not tabbed, spaces are used.
I already spent several hours trying to figure out what's wrong and why the global.css is not being linked in the header of the html page, but I have no idea. I'll be gratefull for any help.
EDIT: I found out that my CSS do load when I use this:
{{ attach_library('mytheme/global-styling') }} but I thought the point of referring to global-styling inside mytheme.info.yml was that I don't have to do that. Did I understand that correctly?
