Skip to content

@aaronshekey aaronshekey released this Mar 13, 2019 · 36 commits to develop since this release

Adds

  • Focus atomic classes have been added for when you need to change something on the :focus state. Check the documentation for .f:[xxx] classes.
  • Certain greens (success), reds (danger / error), and yellows (warning) have each been aliased to .fc-success, .bg-success, .bc-success, .fc-danger, .bg-danger, .bc-danger, .fc-error, .bg-error, .bc-error, and .fc-warning, .bg-warning, .bc-warning.
  • s-expandable now has data-s-expandable-control-toggle-class="is-selected" for toggling a selected state on the button that expands and collapses the s-expandable.

Fixes

  • .s-btn__google and s-btn__facebook now have proper :focus states
  • .h:fc-orange-600 didn't actually work
  • s-btn-group now responds a bit more gracefully by wrapping and automagically making the buttons smaller at the smallest breakpoints.

Removes

  • s-notice__outlined has been removed because no one was using it and it was ugly. Sorry not sorry.
Assets 2

@aaronshekey aaronshekey released this Feb 25, 2019 · 82 commits to develop since this release

Adds

  • bg-transparent also removes any background image
Assets 2

@aaronshekey aaronshekey released this Feb 19, 2019 · 113 commits to develop since this release

Fixes

  • s-avatar now has a fixed font size
  • s-btn__google now has a border
Assets 2

@aaronshekey aaronshekey released this Feb 12, 2019 · 116 commits to develop since this release

Fixes

  • .s-modal had some rendering issues in IE11.
Assets 2

@aaronshekey aaronshekey released this Feb 8, 2019 · 126 commits to develop since this release

Adds

  • s-breadcrumbs has been added and documented.
  • s-sidebarwidget is now theme-aware. Its highlights will take the theme's primary color.
  • Our email section now has columns documented as a pattern.
  • user-select and user-drag atomic classes have been added and consolidated with pointer-events in an "interactivity" section

Fixes

  • s-sidebarwidget now has margin overrides since some production CSS was interfering.
Assets 2

@aaronshekey aaronshekey released this Jan 31, 2019 · 205 commits to develop since this release

Adds

  • .s-expandable has been added for showing and hiding elements with a sliding transition.
Assets 2

@aaronshekey aaronshekey released this Jan 28, 2019 · 231 commits to develop since this release

Adds

  • .s-popover's markup has been released. JavaScript controllers will follow.
  • .c-help has been added to our selection of available cursor atomic classes.
  • Visibility atomic classes have landed including .v-visible-sr, a way to make content visible only to screen readers.
  • Links now have .s-link__underlined modifier. This was required for links to appear properly in .s-notice.
  • Stacks.addController is now an officially supported helper.
  • .s-input__search and .s-input-icon__search have been added as helpers to create a search field.

Fixes

  • We've changed the way our form markup is documented to allow for clicking on the description as well as the label to select the radio button, input, or checkbox it's next to.
  • .s-description is now a bit darker for accessibility contrast ratios.
  • Spinners are now a bit more accessible with guidance on how to show screenreader-only loading text.
  • @Svg.Slack now has Slack's new logo.
  • Adds margin: 0 to button in our reset to account for Safari adding margins.

Removes

  • .wb-break-word has been removed and should be replaced by .ow-break-word.
  • 8px border classes were removed since no one was using them and what the heck do you need them for?
  • .bas border none classes have been removed
Assets 2

@aaronshekey aaronshekey released this Jan 23, 2019 · 308 commits to develop since this release

Fixed

  • Something in production was adding a margin to our button elements, so s-btn now has margin: 0 applied to it.
Assets 2

@aaronshekey aaronshekey released this Jan 22, 2019 · 310 commits to develop since this release

Fixed

  • Descenders in .s-select should no longer be cut off
  • .s-spinner now looks better in Safari
Assets 2

@aaronshekey aaronshekey released this Jan 16, 2019 · 324 commits to develop since this release

Added

  • .s-btn--badge can now be added to s-btn to show a nicely-styled count
  • .s-spinner has been abstracted into a single component that can be added anywhere you need to show a loading state.
  • .s-btn__facebook and .s-btn__google have been in the codebase, but we forgot to document them. Oops!
  • We now document our sortable table’s available javascript data attributes.

Fixed

  • Our email templates turn off automatic link detection so on mobile devices we don't have automatically linked phone numbers showing up as false positives
  • Removed an invisible inner shadow from our buttons
Assets 2
You can’t perform that action at this time.