geeks4change/enzian

This package is abandoned and no longer maintained. No replacement package was suggested.

Enzian theme on top of drulma theme.

3.0.0-alpha1 2021-03-21 16:07 UTC

Requires

• drupal/drulma: *
• drupal/drulma_companion: *

GPL-2.0-or-later

README

Dependencies

• drulma theme based on bulma
• drulma_companion which provides additional

Limitations

• Bulma/drulma libraries are removed via library override and added back via /src/global/bulma_sass/bulma_sass.scss (and then added to global.scss)
• Bulma is installed in node_modules and can be updated via nvm
• As long as we compile bulma we cannot use cssvars consistently
  • We need to override possibly a lot of styles, see src/components/_global/_bulma-overrides.scss
  • Upstream there is Feature: Support CSS Custom Properties (Variables) · Issue #1837 · jgthms/bulma · GitHub
• drulma_companion adds some custom block types which we currently use
  • Bulma navbar
  • Bulma tabs
• Bulma navbar also adds site branding and an optional secondary menu
  • Other drupal modules like menu_block are not compatible with it

Browser Support

• Modern browsers that support cssgrid

Usage

Compile with gulp

• in theme dir run gulp compile
• to auto compile run gulp watch

Usage and install instructions from enzian 1.0

These instructions might be partly outdated

If you haven't yet, install nvm: https://github.com/creationix/nvm

Use the right version of node with:

nvm use

This command will look at your .nvmrc file and use the version node.js specified in it. This ensures all developers use the same version of node for consistency.

If that version of node isn't installed, install it with:

nvm install

Install npm dependencies with

npm install

This command looks at package.json and installs all the npm dependencies specified in it. Some of the dependencies include gulp, autoprefixer, gulp-sass and others.

Runs default task

npm run build

This will run whatever the default task is.

Compiles Sass

npm run compile

This will perform a one-time Sass compilation.

Runs the watch command

npm run watch

This is ideal when you are doing a lot of Sass changes and you want to make sure every time a change is saved it automatically gets compiled to CSS

Cleans complied directory

npm run clean

This will perform a one-time deletion of all compiled files within the dist/ directory.