Release Notes

0.1.0

Initial beta release

August 18, 2016

  • Leap has been released as a Beta with initial atomic utility classes.
  • Leap is now a Bower package and can be installed via Bower.

0.2.0

Initial feedback release

September 6, 2016

  • Added in a .text-color-white class.
  • Made sure .col-max had margin: 0 auto.
  • Added !important to grid classes.
  • Added outer padding to .col-max and changed grid width to 1260px to match Treehouse.
  • Added !important to header font sizes.
  • Added in a larger header text class (.text-0-xs) for use in marketing hero units.
  • Refactored inverse button styles.
  • Removed !important form .col-gutters styles.

0.3.0

Secondary feedback release

September 8, 2016

  • Added !important to primary button class.
  • Made form select styles !important.
  • Made .col-33-n use 33.3% to round more evenly.

0.4.0

Quick button update

September 13, 2016

  • Hotfix buttons that were being messed up with existing Treehouse styles.

0.5.0

Select height update

September 22, 2016

  • Change padding on select form elements to match input height.

0.5.1

Select height update for Safari

September 22, 2016

  • Change padding on select form elements to match input height in Safari.
  • Changed line-height on select elements to 1.

0.5.2

Select height update for Firefox

September 22, 2016

  • Change padding on select form elements to match input height in Firefox.

0.6.0

Inline button style

September 28, 2016

  • Added .button--inline to the buttons to make button match from height when they live inline next to text inputs.

0.7.0

Form updates

October 31, 2016

  • Changed padding on select elements so they match text inputs.
  • Changed column padding with new .col-form class that can be chained next to .col-container to change padding within columns to 6px.
  • Changed padding-right for firefox select inputs.

0.8.0

Radio updates

October 31, 2016

  • Changed color of active/inactive radio labels.
  • Added a style change for when text inputs are used as a radio choice.

0.8.1

Adding VR Topic Color

February 22, 2017

  • Added VR Topic Color.
  • Implemented the VR color for use within Leap.

0.8.2

Updating VR variable to full name

February 22, 2017

  • Changing the Virtual Reality variable from vr to virtual-reality.

0.8.3

Adding APIs Topic Color

March 30, 2017

  • Added APIs topic color.
  • Implemented the APIs color for use within Leap.

0.8.4

Adding Data Analysis Topic Color

April 12, 2017

  • Added Data Analysis topic color.
  • Implemented the Data Analysis color for use within Leap.

0.8.5

Adding Security Topic Color

June 6, 2017

  • Added Security topic color.
  • Implemented the Security color for use within Lea.

0.8.6

Adding Go Topic Color

June 22, 2017

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

0.8.7

Adding Quality Assurance Topic Color

August 21, 2017

  • Added Quality Assurance topic color.
  • Implemented the QA color for use within Leap.

0.8.8

Added package.json

September 21, 2017

  • Added package.json for yarn use.

0.8.9

Adding Machine Learning Topic Color

March 15, 2018

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

0.9.0

Improving Form Elements

April 18, 2018

  • 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.

0.9.1

Making Accessibility Improvements & Adding an Inverse Form Theme

May 15, 2018

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.

0.9.2

Adding Learing Resources Topic Color

May 16, 2018

  • Added Learning Resources topic color.
  • Implemented the Learning Resources color for use within Leap.

0.10.0

Adding Topic Categories

July 30, 2018

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

0.11.0

Refreshing Brand, Improving Accessibility, and Misc. Enhancements

July 27, 2020

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}.

0.11.1

Adding the Ubora Brand and Tweaking Pop Colors

April 2021

Colors

  • Added Ubora brand colors.
  • Updated pop color palette.

Buttons

  • Added Ubora primary button: .button--primary-ubora.

0.11.2

Maintenance Updates

October 2021

General

  • Fixed invalid gem dependency and updated Ruby version.

Typography

  • Removed default tracking from headings.