Build an example of an Open Web App with the Reference Application style guide

Background

The UI Commons module includes a CSS style guide, built using Sass and Compass, at https://github.com/openmrs/openmrs-module-uicommons/tree/master/scss/src/main.

Further, the App UI module includes standard page decoration, like https://github.com/openmrs/openmrs-module-appui/blob/master/omod/src/main/webapp/fragments/decorator/standardEmrPage.gsp.

However the uicommons and appui modules require the UI Framework module, and in the future we would like to allow the same styling to be available even if you don't use the UI Framework module and approach.

Recently the Open Web Apps module has allowed us to write much more lightweight HTML+JS+CSS functionality without even the overhead of an OpenMRS module.

To Do

The purpose of this ticket is to spike on how we can bring the current styling to Open Web Apps.

Things to demonstrate:

• A screen in an open web app that is styled and decorated like a page in the Reference Application (e.g. the home page or the find patient page)
• Try copying the current uicommons scss files into an open web app, and compiling it with some sort of npm compass plugin while building the app