Drupal 8 - Child theme of Bartik

By f0ns on 20 Oct 2014 at 12:51 UTC

I tried to create a Drupal 8 child theme of Bartik. The problem is that the CSS of my child theme is loaded above the css of Bartik on all pages.

mytheme.info.yml file:

name: mytheme
type: theme
description: 'mytheme theme based on Bartik'
core: 8.x
package: custom
base theme: bartik
stylesheets:
  all:
    - css/mytheme.css

Anyone has a clue what goes wrong here?

Comments

There in Bartik theme css

Codenator commented 21 October 2014 at 07:07

There in Bartik theme css calling as library that why u got your custom css first. Do this way:
create mytheme.libraries.yml

base:
  version: VERSION
  css:
    theme:
      css/mytheme.css: {}

and in mytheme.info.yml file:

name: mytheme
type: theme
description: 'mytheme theme based on Bartik'
core: 8.x
package: custom
base theme: bartik
libraries:
  - mytheme/base

happy digging

thanks, this works perfectly.

f0ns commented 21 October 2014 at 07:00

thanks, this works perfectly. I should have checked the code of Bartik better I guess. I used the documentation as an example (https://www.drupal.org/node/2165673). I guess this needs to be updated.