diff --git a/src/lib/core/styles/_normalize.scss b/src/lib/core/styles/_normalize.scss index 7870bf496..0b36b3227 100644 --- a/src/lib/core/styles/_normalize.scss +++ b/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; } diff --git a/src/lib/core/styles/typography/_variables.scss b/src/lib/core/styles/typography/_variables.scss index c9c304e98..eafb01fed 100644 --- a/src/lib/core/styles/typography/_variables.scss +++ b/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} ) ); diff --git a/src/lib/radio/radio.md b/src/lib/radio/radio.md index c546dd1db..3ca25070a 100644 --- a/src/lib/radio/radio.md +++ b/src/lib/radio/radio.md @@ -1,3 +1,20 @@ `` provides the same functionality as a native ``. + +### Radio groups +Radio-buttons should typically be placed inside of an `` 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` +`` is compatible with `@angular/forms` and supports both `FormsModule` +and `ReactiveFormsModule`. + +### Accessibility +The `` uses an internal `` to provide an accessible experience. +This internal radio button receives focus and is automatically labelled by the text content of the +`` element. \ No newline at end of file diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss index 3be27a681..4e4cba8df 100644 --- a/src/lib/radio/radio.scss +++ b/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;