Code needs Calcite styling

[TheBlueDog]

The module is currently using the default Bootstrap styling as shown below.

Bootstrap Docs

Tasks

• Remove hex colors and replace with Calcite variables
• Add border radius back into the styling

[TheBlueDog]

@CassidyB Are there any specs for colors here?

[CassidyB]

@TheBlueDog Not sure I know what is going on here?

[TheBlueDog]

This is for styling of when code appears in a page. Take a look at the Bootstrap Docs.

Currently if you warp something in the < code > tags the text is #c7254e with a background of #f9f2f4.

the < kbd > tag makes it look like keyboard keys. Text is #fff and background is #333.

< pre > tags get text color of $gray-dark and background is #f5f5f5 and border is #ccc.

[TheBlueDog]

Adjusted the KBD styling to add radius back in to make it look more keyboard. Radius was negated by the global variable to square more components. Also adjusted colors to use our variables.