https://github.com/smerth/drupal-8-theme-peacock

A Drupal 8 sub theme of Classy
https://github.com/smerth/drupal-8-theme-peacock

drupal gulp sass twig

Last synced: 10 days ago
JSON representation

A Drupal 8 sub theme of Classy

• Host: GitHub
• URL: https://github.com/smerth/drupal-8-theme-peacock
• Owner: smerth
• Created: 2016-02-17T02:28:52.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2018-11-16T18:49:50.000Z (about 6 years ago)
• Last Synced: 2024-11-15T02:24:41.841Z (2 months ago)
• Topics: drupal, gulp, sass, twig
• Language: HTML
• Homepage:
• Size: 125 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Peacock - a Drupal 8 sub-theme of Classy

## What does this project do?

- This is a Drupal 8 sub-theme of Classy.  

- The build tasks are run by Gulp. 

- You can see an example of how the libraries (css and javascript) are included.  

- Templates are from core/modules/system.  You can see how some of them are over-ridden. 

- You can see conditional twig logic using of a page variable in html--front.html.twig.

- Partials are used to manage header and footer output.

- Some neat svg images are base64 encoded and included as sass variables.

- Under sass there's a folder drupal-bem, that's a reference for common selectors in Drupal 8.

## Set up

To modify you need to:

- install npm packages (packages.json)

- run gulp watch

- make an edit to an scss file and js file to get gulp to overwrite the css and js folders with your latest changes.

# Useful Links

This project started out with:

[Watch and Learn - Drupal 8 Theming](https://www.youtube.com/playlist?list=PLUBR53Dw-Ef818EUxzNoWKcQ7PYUXpFFA)

Check out this links for SVG fun:

[Philip Rogers - SVG patterns](https://philiprogers.com/svgpatterns/)