feat(typography): added monospace fallback

src/lib/core/styles/_normalize.scss

@@ -1,25 +1 @@
 * { box-sizing: border-box; }
-
-//html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
-//big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
-//dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
-//canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
-//mark, audio, video {
-//    margin: 0;
-//    padding: 0;
-//    border: 0;
-//    font: inherit;
-//    vertical-align: baseline;
-//}
-//
-//article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
-//    display: block;
-//}
-//
-//html, body {
-//    height: 100%;
-//}
-//
-//a { text-decoration: none; }
-//
-//a img { border: none; }

src/lib/core/styles/typography/_variables.scss

@@ -12,10 +12,10 @@ $typography-font-weight-values: (
 // TODO add caption-height
 $fonts: (
     base: (
-        font-family: #{Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", 'Helvetica Neue', Arial, sans-serif}
+        font-family: #{Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif}
     ),
     monospace: (
-        font-family: #{Monaco, Consolas, 'Lucida Console', monospace}
+        font-family: #{'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace}
     )
 );
 

src/lib/radio/radio.md

@@ -1,3 +1,20 @@
 `<mc-radio>` provides the same functionality as a native `<input type="radio">`.
 
 <!-- example(radio-overview) -->
+
+### Radio groups
+Radio-buttons should typically be placed inside of an `<mc-radio-group>` unless the DOM structure
+would make that impossible (e.g., radio-buttons inside of table cells). The radio-group has a
+`value` property that reflects the currently selected radio-button inside of the group.
+
+Individual radio-buttons inside of a radio-group will inherit the `name` of the group.
+
+
+### Use with `@angular/forms`
+`<mc-radio-group>` is compatible with `@angular/forms` and supports both `FormsModule`
+and `ReactiveFormsModule`.
+
+### Accessibility
+The `<mc-radio-button>` uses an internal `<input type="radio">` to provide an accessible experience.
+This internal radio button receives focus and is automatically labelled by the text content of the
+`<mc-radio-button>` element.

src/lib/radio/radio.scss

@@ -16,7 +16,7 @@ $mc-toggle-padding: 8px !default;
     vertical-align: middle;
 }
 
-// Container for radio circles and ripple.
+// Container for radio circles.
 .mc-radio-container {
     box-sizing: border-box;
     display: inline-block;