https://github.com/didel/drupal-8-kss-theme

A Drupal 8 base theme setup including an KSS-node style guide.
https://github.com/didel/drupal-8-kss-theme

drupal drupal-8 drupal-8themes drupal-theme kss kss-node styleguide

Last synced: 25 days ago
JSON representation

A Drupal 8 base theme setup including an KSS-node style guide.

• Host: GitHub
• URL: https://github.com/didel/drupal-8-kss-theme
• Owner: Didel
• Created: 2018-02-08T23:31:13.000Z (about 7 years ago)
• Default Branch: develop
• Last Pushed: 2023-04-20T13:15:28.000Z (almost 2 years ago)
• Last Synced: 2024-11-15T10:56:48.385Z (3 months ago)
• Topics: drupal, drupal-8, drupal-8themes, drupal-theme, kss, kss-node, styleguide
• Language: JavaScript
• Size: 657 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 12
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Drupal styleguide theme

## Requirements

* Drupal 8 only.

* Drupal module 'Component Libraries' (https://www.drupal.org/project/components) should be installed. Without it, you won't be able to use the twig-templates in Drupal.

## Installation

Run `npm install` from the theme directory.

## Running

Run `npm start` or `npm run start` from the theme directory to start Browser-Sync and have it watch the style and components for changes. Whenever a (partial) SASS-file is changed, Gulp will recompile the styles and create or replace the `style.css` file. When a .twig file is changed, a new version of the styleguide is generated. When one of these two event occur, BrowserSync will then in turn work its magic and update the browser-window.

## Drupal-setup

To ensure that BrowserSync works properly, please disable the CSS Aggregation feature and also disable caching.