v0.11.2

Update Leap version and date

Refreshing Brand, Improving Accessibility, and Misc. Enhancements

Colors

• Added new palette of pop colors. Added a dark green to the brand color palette.

Typography

• Updated text sizes.
• Added tracking to large text sizes.
• Added a .list-lined option for lists.

Buttons

• Darkened .button--primary button background.
• Added teal primary button: .button--primary-teal.
• Changed .button--secondary button from having a transparent background to a white background.
• Added focus styles to buttons.

Flex Box

• Fixed bug where .flex-inline was incorrectly coded.
  Added .flex-start-flush-#{$suffix}(align-self: start) and .flex-end-flush-#{$suffix} (align-self: end).

Forms

• Improved focus styles and differentiated them from hover styles.

Layout

• Added auto margin classes for individual sides. This is handy for aligning content in flexbox layouts. m-#{$type}-auto-#{$suffix}.

Adding Topic Categories

Updated all styles to reflect category colors rather than topic-specific
Updated category button styles
Added variables for category coloring and topic relationships

Adding Learning Resources Topic

Added Learning Resources Topic Color
Implemented the Learning Resources color for use within Leap

Making Accessibility Improvements & Adding an Inverse Form Theme

Colors

• Added blue-light, blue-medium, and blue-dark to the brand and text color palettes.
• Added error, warning, and success colors to the UI color palette. It's currently used in the form validation messages, and will be extended elsewhere later.
• Aforementioned colors meet AA accessibility standards for white text on a colored background and colored text on a white background.

Forms

• Added .form-inverse, an inverted form theme which can be used on dark backgrounds.
• Added variable width form feedback message that appears for radio, select, and upload inputs on forms using the inverted theme.
• Added :hover and :focus interaction states for form elements. This includes changes in background color, border color, and cursor changes. For the inverse form theme, shadows have also been added.
• Removed extra spacing that appeared below textarea; size varies among browsers.
• Marked "lighter hover state for radio and checkbox inputs on dark backgrounds" feature as deprecated but supported. The inverse form theme is to be used in place of this going forward.

Links

• Added a text link styling which uses the blue-light and blue-medium colors that meet contrast standards.
• Added a .button--primary-blue button option. Made .button--primary deprecated but legacy supported since it doesn't meet contrast standards for accessibility.

Improving form elements

• Added support for radio and checkbox labels that wrap into multiple lines; now the labels left align with the inputs.
• Explicitly made radio buttons have a white background color. This solves a readability issue that occured when a radio button was placed on a non-white background (the center was rendering as transparent).
• Added hover and focus states for radio, checkbox, and select inputs. Included an option for light forms on dark backgrounds.
• Thickened radio and checkbox borders from 1px to 2px to match other inputs and stand out more.
  Improved inline buttons so they are now aligned with input fields.

Adding Machine Learning Topic

Added Machine Learning Topic Color
Implemented the Machine Learning color for use within Leap

Adding package.json for yarn support

• Added package.json
• Bumped version

Adding Quality Assurance Topic

• Added colors
• Updated version number to 0.8.7
• Command line updated the css files
• Updated release notes (incl some formatting for the Go update before mine)
• Previewed on localhost

Adding Go Topic Color

Added Go topic color
Implemented the Go color for use within Leap