Bootstrap Admin

Plugins

• https://grsmto.github.io/simplebar/

CSS Architecture

SCSS Variables

• Bootstrap 5 SCSS Variables

Colors & Fonts

• Primary: CTA, Links, Button
• Body: text

Architecture

src
  index.html
  *.html
  partials
    header.html
    footer.html
    *.html
  styles
    main.scss
    *.scss
  js
    main.js
    *.js
  assets
    fonts
    images
docs
  assets
    images
    fonts
  main.js
  *.js

  main.css
  *.css
  blog.css
  index.html
  *.html

Configuration steps

yarn install

<%= require('html-loader!./partials/header.html').default %>

Google Fonts

@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap");

Google Material Icons

• https://developers.google.com/fonts/docs/material_icons

@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

<span class="material-icons">face</span>

• Playground

References

• Materialize
• Assets Management