This repository holds CSS to add BC Gov Design System styles to Orbeon Forms.

To style your form, within your XML source (Advanced tab -> Edit Source), paste CSS (from ./src/styles.css) into a <xh:style> tag as shown below:

...
<xh:head>
  <xh:title>Document Title</xh:title>
  <xh:style type="text/css">
    <!-- Paste CSS here -->
  </xh:style>
...

See Adobe XD style guide: https://xd.adobe.com/view/76b59a97-3acc-44ef-bdb7-0c4660f85b3a-23e6/

A copy of the XD file and PNG art boards are included in the ./style-guide/ directory.

• Orbeon publishes CSS in Orbeon Forms documentation.
• These styles were written in the context of having to over-write both the compiled Orbeon styles and the gov.bc.ca front-end rendering application styles (hence the !important use).

• Designer: Kim Nguyen
• Developer: Tyler Krys