Reference Application Styles

I can’t understand how are the styles generated in reference application module. There’s no styles folder in the source code of the module. In the html code of the page i can see that there is a link like this “link rel=“stylesheet” href=”/openmrs-dev/ms/uiframework/resource/referenceapplication/styles/referenceapplication.css?cache=1502687417177" type=“text/css”". And i can see generated css files: /* normalize.css v2.0.1 | MIT License | git.io/normalize / / ========================================================================== HTML5 display definitions ========================================================================== / /

  • Corrects block display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }

/*

  • Corrects inline-block display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; }

/*

  • Prevents modern browsers from displaying audio without controls.
  • Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; }

/*

  • Addresses styling for hidden attribute not present in IE 8/9. */ [hidden] { display: none; }

/* ========================================================================== Base ========================================================================== / /

    1. Sets default font family to sans-serif.
    1. Prevents iOS text size adjust after orientation change, without disabling
  • user zoom. / html { font-family: sans-serif; / 1 / -webkit-text-size-adjust: 100%; / 2 / -ms-text-size-adjust: 100%; / 2 */ } and etc… But where are these styles actually located. How do all this work?

Ok i got it) it gets everything from uicommons module’s scss folder