Download

Include it with your favorite package manager npm or download CAKE Schwarz Web Bootstrap theme to get the compiled CSS, JavaScript and source code.

Package managers#

Pull in CAKE's source files into nearly any project with some of the most popular package managers. No matter the package manager, CAKE will require a Sass compiler, Autoprefixer and Babel for a setup that matches our official compiled versions.

NPM#

Install CAKE in your Node.js powered apps with the npm package:

npm install --save @cake-hub/schwarz-web-bootstrap_theme

Or if you have specified some other registries in your project use:

npm install --registry https://registry.npmjs.org/ --save @cake-hub/schwarz-web-bootstrap_theme

require('@cake-hub/schwarz-web-bootstrap_theme/js/cake') or import cake from "@cake-hub/schwarz-web-bootstrap_theme/js/cake" will load all of CAKE's plugins. The @cake-hub/schwarz-web-bootstrap_theme module itself does not export anything.

CAKE's package.json contains some additional metadata under the following keys:

• sass
  • path to CAKE's main Sass source file
• style
  • path to CAKE's non-minified CSS that's been precompiled using the default settings (no customization)

Optional NPM font package#

We included a optionalDependency in the SCHWARZ theme within the SCHWARZ CI web font. Read more about getting the font and credentials to implement or download the font in our typography page.

Registry settings and proxies#

To be able to access our registry, if you are behind a proxy just configure the proxy settings of your project. To do so, you can configure your npm with a .npmrc file with the following content.

#proxy-settings
proxy=http://your-proxy.url:8080
https-proxy=http://your-proxy.url:8080

You can also use environment variables to put in dynamic values according your environment:

#proxy-settings
proxy=${PROXY_URL}
https-proxy=${PROXY_URL}

If you use already any special npm-registry in your project, you can also change the registry only for our CAKE package:

@cake-hub:registry= https://registry.npmjs.org/

Compiled CSS and JS#

Download ready-to-use compiled code for CAKE Schwarz Web Bootstrap theme to easily drop into your project, which includes:

• Compiled and minified CSS bundles (Container/dist/css).
• Compiled and minified JavaScript plugins (Container/dist/js).
• Compiled and minified assets/images (Container/dist/images).
• documentation (Container/docs)
• and all the source files including a docker image.

Source files#

Compile CAKE with your own asset pipeline by downloading our source Sass, JavaScript, and documentation files. This option requires some additional tooling:

• Sass compiler (e.g Libsass or Ruby Sass) for compiling your CSS.
• Autoprefixer for CSS vendor prefixing.
• Babel for compiling ES6 JavaScript into browser-compliant JavaScript.
• postcss-inline-svg to load svg-icons inline to the css.