HTML Head (h:head)
There are a couple of CSS files required in a typical JEESL project:
head:first
- primefaces:jquery/jquery.js JavaScript most likely to be used for primefaces integration with jQuery libraries (presumably bootstrap).
- jeeslJs:bootstrap.min.js Used for warning/info messages in bootstrap-style.
- jeeslJs:jeesl.responsive.js JESSL JavaScript for responsive design
head
- ahtutils:reset.css A stylesheet, which resets the browser specific default settings. - Generally good idea to use a css stylesheet for a clean start but should be checked whether it's still up to date; likely it isn't.
- aupCss:aupGeomety.css Defines the default geometry settings of the page - Is probably still required but shouldn't. Uses fixed sizes for elements while attributes like margin or padding have to be integrated into SCSS-variables.
- jeeslCss:jeeslPrimefaces.css This CSS file includes styles which are optimising some Primefaces components in JESSL projects. - Most likely still required.
- css:showcase.css - Should be part of aupGeometry.css, can be tested for removal due to small size.
- css:jeeslGenerated.css This is a generated CSS file which includes the color scheme of the specific project. - If this is only setting color theme, can be removed for projects using responsive.
body:last
- primeflex:primeflex.css PrimeFlex is a lightweight flex based responsive grid optimized for mobile phones, tablets and desktops. - Not sure why this is used or whether it is required.
- css:jeeslCommon.css - Some rules for panel, tabs and tree.
- css:jeeslPrimeFaces.css - SCSS version of jeeslCss:jeeslPrimefaces.
- css:showcaseResponsive.css The responsive design generated for this project from SCSS.
CSS files can be built from SCSS with the command mvn sass:watch from within the respective project.