geeks4change / enzian
Enzian theme on top of drulma theme.
Requires
- drupal/drulma: *
- drupal/drulma_companion: *
- 3.0.x-dev
- 3.0.0-alpha1
- 2.0.x-dev
- 2.0.0-alpha3
- 2.0.0-alpha2
- 2.0.0-alpha1
- dev-master / 1.x-dev
- 1.0.0-alpha3
- 1.0.0-alpha2
- 1.0.0-alpha1
- dev-274-use-open-sans
- dev-277-fork-bulma-components
- dev-276-revert-non-necessary-changes
- dev-276-d9
- dev-local-dev-28
- dev-274-1699523-cci-199-opensans-PATCH
- dev-269-move-css-to-h4c
- dev-275-blockquote-style
- dev-274-more-fonts
- dev-2.0.x-bulma
- dev-2.0.x-backup
- dev-267-local-bulma
- dev-274-1699523-cci
- dev-266-old-kulturland-version
- dev-264-menu-template
- dev-896-grid-fallback
- dev-210-theme-grid
- dev-224-kulturland-clean
- dev-229-full-width
- dev-229-full-width-rb-81
- dev-81-templates
- dev-223-slick
- dev-224-kulturland
- dev-219-navbar
- dev-181-description
- dev-87-popup-merge
- dev-87-popup
- dev-91-initialien
- dev-crowdinvest
This package is auto-updated.
Last update: 2024-01-16 14:36:30 UTC
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
- We need to override possibly a lot of styles, see
- 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
- Other drupal modules like
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.