@eotl/theme-bootstrap

Bootstrap 4 theme for EOTL collective

Usage no npm install needed!

<script type="module">
  import eotlThemeBootstrap from 'https://cdn.skypack.dev/@eotl/theme-bootstrap';
</script>

README

EOTL Theme

A custom Bootstrap 4 theme for EOTL sites and apps created with SASS, Roboto font family that defaults to dark mode.

Building

Default is to build is with the sassc utility. We created an build script to assist with various needs. First make sure you have a sass compiler installed

# Linux
$ sudo apt install sassc
# OSX
npm install -g sass

Clone repo and build your assets!

$ git clone git@codeberg.org:eotl/theme-bootstrap.git
$ cd theme-bootstrap/
$ ./build.sh --icons

The build structure looks like this:

dist/
 ├─ css/
 │  └─ eotl.css
 ├─ fonts/
 │  ├─ Roboto-Black.ttf
 │  └─ RobotoMono-ThinItalic.ttf
 ├─ icons/
 ├─ images/
 ├─ js/
 ├─ favicon.ico
 └─ index.html
  • The index.html is a styleguide which shows all styled components
  • The /css/eotl.css file loads the font files via the /fonts path.

Developing

To contribute to the theme, you can get the source to rebuild on changes, you just need to install the inotify-tools package and use the --watch

$ sudo apt install inotify-tools
$ ./build.sh --watch

Or specify a build path

$ ./build.sh --watch /path/to/site/

Packaging

To publish to NPM (assuming you have credentials) do the following:

$ npm pack
$ npm publish