wiki:docs_bootstrap

bootstrap integration

  • to use a bootstrap package, add to directives.json
        ,"bootstrap" : {
            "package" : "package-name(see table below)",
            "theme"   : "theme-name (currently only for package:bootswatch, see table below)"
        }
    
  • supported bootstrap packages:
package themes notes link
genapp n/a standard bootstrap 4 https://getbootstrap.com/
material-design n/a the material design theme, takes over colors https://fezvrasta.github.io/bootstrap-material-design/
bootswatch cerulean
cosmo
cyborg
darkly
flatly
journal
litera
lumen
lux
materia
minty
pulse
sandstone
simplex
sketchy
slate
solar
spacelab
superhero
united
yeti
bootswatch supports a variety of themes, takes over colors https://bootswatch.com/

developer's notes

  • package_name is the name of the new package (e.g. genapp, material-design, bootswatch)
  • put new scss imports into genapp/languages/html5/scss/theme/package_name.scss
  • put new npm package.json into genapp/languages/html5/scss/theme/package_name-package.json
  • add to genapp/language/html5.json:assembly[]
                       ,{
                        "frequency"  : "once",
                        "output"     : "scss/ga-bootstrap-package_name.scss",
                        "inputs"     : [
                                         { "scss/theme/package_name" : "once" }
                                         ,{ "scss/ga-bootstrap-footer.scss" : "once" }
                                       ]
                       }
                       ,{
                        "frequency"  : "once",
                        "output"     : "scss/package_name-package.json",
                        "inputs"     : [
                                         { "scss/theme/package_name-package.json" : "once" }
                                       ]
                       }
    
Last modified 15 months ago Last modified on Jul 19, 2019, 1:57:11 PM