avvo-styleguide

# CHANGELOG ## 3.0.0 ### Updated * Move font loading functionality over from avvo_ui * Move javascript over from avvo_ui * Added circleci configuration * Added webpack UI Kit is maintained under [the Semantic Versioning guidelines](http://semver.org/). ## 2.0.5 (January 12, 2018) ### Updated * Decrease desktop breakpoint from 1025px to 980px ### Removed * `debug.css` and `styleguide.css` from the `source` folder ## 2.0.4 (October 16, 2017) ### Added * Added CHANGELOG.md ### Updated * Started to update KSS Styleguide generator * Updated the accent-border css class-name generator function ## 2.0.1 (October 2017) ### Added * Created new NPM package for styleguide using all .scss from Rails gem ### Carried over from Rails Gem --- ## 2.0.0 (Unreleased) ### Removed * Removes all .SCSS files from Rails Gem ## 1.8.5 ### Updated * Fixes function for swapping chevrons in collapsible ## 1.8.4 ### Updated * Fixes offcanvas drawer: when drawer appears, 'bars' fontawesome icon turns into an 'x' fontawesome icon ## 1.8.3 ### Updated * Makes `HASH_FOR_FA_NAMES` in `icon.rb` backwards compatible ## 1.8.0 ### Added * Adds hash for converting non-identical icomoon font names to fontawesome names * Makes new fontawesome unicode map with `$icon-fonts-glyph` name ### Removed * Removes non-Avvo logos from icomoon-generated `selection.json` and `avvo_ui_icons.woff` files ### Updated * Makes `icon [icon_name]` function work for both fontawesome and icomoon icons * Renames icomoon `$icon-fonts-glyph` unicode map to `$old-icon-fonts-glyph` * Levels the new `fa-map` icon with text ## 1.7.0 ### Added * Adds flat button styling * Adds transitions between button states * Adds tertiary category for buttons (which is same as link style) ### Removed * Removes white space nowrap for buttons * Removes skeuomorphic button styling ### Updated * Makes button color scheme colorblindness friendly * Makes secondary button style same as outline styles * Inverts badge colors (background and text) * Reduces button border radius sizes by 1px each * Reduces button edge width to 0px ## 1.6.1 (May 30, 2017) ### Added * Adds Avvo 10 year logo to font icon set ### Removed * Removes all fonts except .woff ## 1.6.0 (May 15. 2017) ### Added * Added new [currency](https://ui.avvo.com/components#forms-currency) input for simple_form ## 1.5.1 (May 4th, 2017) ### Removed * removed console.log ### Added * Added back application controller ## 1.5.0 (April 28, 2017) ### Removed * Removes Avvo UI Documentation site to it's own app (ui_docs) ## 1.4.0 (April 27, 2017) ### Added * Add [Tabs](https://ui.avvo.com/components#tab) back into kit ### Removed * Removes Linters * Removes Overcommit * Removes Pry and dependencies * Removes Pow ## 1.3.10 (April 24, 2017) ### Added * Add required field to simple_form inputs ## 1.3.9 (April 5, 2017) ### Added * Add support for clients that want to use SASSC ## 1.3.8 (March 15, 2017) ### Changed * Updated pagination styles to square buttons * Updated pagination links to hide page numbers for mobile ### Added * Added cta-heading class as a replacement for ad-heading to get around ad-blockers ### Deprecated * We will be removing the ad-heading class from UI Kit soon – switch to the cta-heading class ## 1.3.1 (March 6, 2017) ### Removed * Removed QA React commentents and tests. Migrated to Amos repo. Saved ~21k lines of javascript ### Changed * Updated the contributing documentation for simpler and better readability ### Added * Added font-smoothing ## 1.2.0 (February 24, 2016) ### Added * Put back disabled components ## 1.1.2 (February 20, 2016) ### Changed * Updated documentation for contribution guidelines ### Added * Add link for design guide to navigation ## 1.0.0 (January 31, 2017) `avvo_ui` has been stable for a while, so it’s about time we bump to `1.0` 🎉! ### Fixed * Ensure subpixel font-smoothing is enabled for all users (UI-289) * Fixed bugs with [`.sticky-top`] width calculations (UI-160) ### Changed * [`.btn-outline`] restyled to match our other buttons (UI-291) ### Removed * Removed all disabled components. If you were importing components from a `disabled/` path, you’ll need to copy the file into your app. * Removed fallbacks for browsers that don’t support `rem` units (UI-65) ## 0.22.3 (November 3, 2016) ### Fixed * [Star ratings] now support the `required` attribute (UI-263 — thanks @rardoz!) * Inputs with a `readonly` attribute will no longer display the `not-allowed` cursor * All sass variables used by `avvo_ui` can now be overridden (there were a few stragglers) * Fixed a bug with [SmoothScroller’s][SmoothScroller] `.scrollTo()` method when given a DOM element ## 0.22.2 (September 26, 2016) ### Fixed * Improved [radio and checkbox alignment][forms] * Fixed text-wrapping issues with inline radio buttons/checkboxes (UI-285) ## (September 19, 2016) ### Added * Static versions of `avvo_ui` are now [hosted on our CDN][CDN]! Thanks @ccardinaux! ## 0.22.1 (September 13, 2016) ### Fixed * Fixes font loading in Firefox ### Removed * Due to the bugs in Firefox, our font loading will no longer use locally installed fonts ## 0.22.0 (September 12, 2016) This release majorly revamps our typography in order to provide a cleaner, more consistent look. Big thanks to Minhye for all of her help with this release! **WARNING:** This release introduced a bug that breaks font loading in Firefox. The next release, `v0.22.1`, fixes this bug. ### Added * New [`.hero-text`][hero headings] style, to pair with [`.hero-heading`][hero headings] * New [heading mixins][using sass] to match our responsive heading styles * `avvo_ui` now warns about incorrect column nesting ### Changed * Headings decrease in size at smaller breakpoints * Font size is smaller across the board, providing more space for content to breathe (especially on small screens) * [blockquotes] have a smaller font size * [Grid] column gutters have been narrowed to match our typography’s line-height. This means our typography, [grid], and [spacing utilities] are now all based off the same spacing unit. * [Padding][padding utilities] and [margin utilities] are now set in rems instead of ems, for consistent spacing units regardless of context * Our font loading will use local fonts if they’re installed * Minor adjustments to [`.label`] padding and line height ### Deprecated * `$font-size-breakpoint` will be removed in a future release, as base font size is now the same across all breakpoints. This release sets `$font-size-breakpoint` to 0, effectively disabling it. Please remove the variable from your code to prevent future “missing variable” errors. * `.hero-large`, `.hero-larger`, and `.hero-largest` classes are now deprecated in favor of the new, one-size [`.hero-heading`][hero headings]. Use the new [`hero-heading()` mixin][using sass] when you want an element to have the same look, feel, and responsive breakpoints. * [Horizontal forms] now require a `.row` class on `.form-group`s. [SimpleForm] will automatically update your fields, but any manually created `.form-group`s within a `.horizontal-form` need to be updated. ### Removed * Removed the `icon-within-circular-font-family()` mixin; its adjustments are no longer needed * Removed `.jumbotron` and `.page-header` components * Removed styles for heading variations, like `h1.small`, `h1.strong` or `<small>` within a heading * Removed `.u-vertical-padding-gutter`; use `.u-vertical-padding-half` instead * Removed all `.u-font-weight-{x}` utility classes; please rely on default font weights instead * `$proxima-font-family` and `$circular-font-family` variables are no longer available; use the [font family mixins][using sass] instead ## 0.21.3 (August 25, 2016) ### Changed * Relaxed gemspec to allow rails 5 usage (Thanks @tswayne!) ## 0.21.2 (August 24, 2016) ### Added * Added pinterest and pinterest-square [icons][icon] ## 0.21.1 (June 13, 2016) ### Added * New [sticky footer] layout styles ### Fixed * `link-underline()` mixin no longer sets link `color` ### Changed * The `avvo_ui` project is now [hosted on GitHub](http://github.com/avvo/avvo_ui) ## 0.21.0 (May 20, 2016) ### Added * New [`font-family-proxima-nova()` and `font-family-circular()` mixins][using sass] for multi-stage font loading * Enforces consistent, compressed output of `.slim` files across dev and prod environments ([c4aa9a8](https://gitlab.corp.avvo.com/avvo/avvo_ui/commit/c4aa9a8f39a713cd1d609310aeac485fc9bc0e99)) * New documentation on [creating custom styles][custom styles] and [using UI Kit’s SASS features][using sass] ### Changed * [`<strong>`] tags now use Proxima Nova Semi Bold * Fonts are now [loaded in multiple stages to improve page speed](https://www.zachleat.com/web/critical-webfonts/). To take advantage, you’ll need to add `.proxima-not-loaded` and `.circular-not-loaded` to your app’s `<html>` tag. See the [layout template] for an example. * [`.alert`] links now have the same underline as [`.text-muted`] links ### Removed * Removed SVG version of fonts * The following font weights were removed: * Proxima Nova: Removed thin, semibold, bold, extrabold, and black * Circular: Removed medium * `.u-font-weight-thin` and `.u-font-weight-extra-bold` removed. * We recommend auditing your use of `.u-font-weight-{x}` and adjusting as necessary. * `$font-family-proxima-nova`, `$font-family-circular`, `$font-family-base`, and `$headings-font-family` have all been removed. To use a font, `@include` the new [`font-family-proxima-nova()` or `font-family-circular()` mixins][using sass] instead. * Removed ability to configure font families and weights, due to the complexity of our font loading strategy. ## 0.20.6 (May 9, 2016) ### Added * Added person-circled-o, phone-ringing-o, pencil, document-o, pin-on-map-o, star-ribbon-o, chat-bubbles-o, floppy-disk, eye-open, and download-o [icons][icon] ## 0.20.5 (April 27, 2016) ### Fixed * Fixed [`svg_image_tag`][SVG] producing incorrect image paths when used outside of a `view_context` ## 0.20.4 (April 26, 2016) ### Added * Added line-through-circle, ellipsis-vertical, and folder-open [icon] \(UI-262) ## 0.20.3 (April 21, 2016) ### Added * New `social-login-button-variant()` SASS mixin; for creating additional [social login button][social login buttons] variations ### Fixed * The SASS variables for [social login buttons] can now be overridden ## 0.20.2 (April 7, 2016) ### Fixed * [Text columns] should now lay out more evenly (UI-225) * `<hr>` color adjusted to work on all light and [`.u-bg-dark`] backgrounds (UI-259) ### Removed * Removed `rails-assets-jquery.dotdotdot` gem dependency. You no longer need to include `rails-assets.org` as a gem source, which should speed up your bundle installs (yay!) ## 0.20.1 (April 1, 2016) ### Fixed * Fixed [SVGs][SVG] not rendering in Safari (UI-268) * A build warning should now display when trying to bundle install `avvo_ui` using a relative path * Decreased gem size (we were accidentally including test files) ## 0.20.0 (February 12, 2016) ### Fixed * Fixed IE bug that was causing modals to align to the right (UI-247) * Fixed icon sizing in large [inputs with icons] \(UI-198) * Fixed an issue with responsive [SVG] images displaying incorrectly in IE 11 (DIR-3865) ### Changed * Updated Google+ [icon] to their new branding (UI-228) * [Inputs with icons] and [select boxes] that use `input-lg` now require a `.form-control-with-icons-lg` class (and similar for `input-sm`). The form helper methods have been updated, but if you are manually creating form elements you will need to update your view file. View the documentation examples to see the required changes. ## 0.19.4 (February 1, 2016) ### Added * Added thumbs-down [icon] \(UI-253) ### Removed * Removed support for deprecated `user`, `close`, and `close-circled` [icon] names ## 0.19.3 (January 20, 2016) ### Changed * Classes and copy changed for the [comments] component (CPT-2074, [GL63](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/63) — thanks @maliabadi!) ## 0.19.2 (January 11, 2016) ### Fixed * [SmoothScroller] now issues a warning if `Avvo.ui.smoothScroller` is already defined * [SmoothScroller] can now scroll to anchor links with a `name` attribute ## 0.19.1 (January 8, 2016) ### Fixed * Fixed a browser compatibility issue with [SmoothScroller] ## 0.19.0 (January 7, 2016) ### Security * Updated [handlebars] to address [XSS vulnerability](https://github.com/wycats/handlebars.js/commit/83b8e846a3569bd366cf0b6bdc1e4604d1a2077e) ### Added * [SmoothScroller] plugin for smoothly scrolling page anchor links ### Changed * Links within [`.text-muted`] now use underlines * Now requires [autoprefixer-rails] >= 6.1.1 * Relaxed version requirement for [sprockets] to >= 3.2.0 * Locked [sprockets-rails](https://github.com/rails/sprockets-rails) to < 3.0.0 (UI-242) * JavaScript modules have been moved to assets/javascripts/modules * Reorganized some of the gem’s internals; it should now have a smaller footprint ## 0.18.2 (November 25, 2015) ### Security * Updated [nokogiri] to 1.6.6.4 due to [vulnerabilities in libxml2 and libxslt](https://github.com/sparklemotion/nokogiri/commit/ac6106f1e641d50b27752c52b355e01d03ae8829) ### Added * Added “lock” and “lock-open” [icons] ## 0.18.1 (November 16th, 2015) ### Added * Added “mortar-board”, “timer”, and “person-stalker” [icons] * Modernizr now tests for touch event support (Look for `.touchevents` on the `<body>` tag) ### Deprecated * The following [icons] have been deprecated and renamed: * “user” is now “person” * “close” is now “x” * “close-circled” is now “x-circled” * Disabled components have been moved into `disabled` folders, e.g. `avvo_ui/components/foo` is now `avvo_ui/components/disabled/foo`. Be sure to update any `@import` statements if you depend on these. ## 0.18.0 (October 20, 2015) ### Fixed * Fixes a layout issue for [inputs with icons] \(UI-221) * Fixes placeholder visibility issues in IE11 and Edge browsers (UI-215, UI-217) ### Deprecated * `icon_name` option has been deprecated and renamed to `icon` for [inputs with icons] ### Removed * The `vertical_icon` and `inline_icon` [simple_form] wrappers have been removed and are no longer necessary ## 0.17.3 (October 7, 2015) ### Fixed * Form inputs should now render correctly in [`.u-bg-dark`] backgrounds (UI-220) ## 0.17.2 (September 30, 2015) ### Fixed * [`background_image_tag`] will still produce a tag when image source is `nil` ## 0.17.1 (September 29, 2015) ### Added * [`background_image_tag`] now supports absolute image URLs ## 0.17.0 (September 23, 2015) ### Added * Added refresh [icon] ### Fixed * `border-radius` should now be preserved on non-text inputs (e.g. `input type="submit"`) ### Changed * [`.btn-link`] will now left-align with text ## 0.16.8 (September 16, 2015) ### Fixed * Fixes an issue with [`.center-block`] not working on some grid columns ### Changed * Updated navigation hover menu to delay before opening/closing * Moved header navigation styling to `nav.scss` * `.nav-section-action` no longer depends on `.header-link` class ### Removed * Removed `.center-block()` mixin ## 0.16.7 (September 1, 2015) ### Fixed * Fixed file permissions on compiled JavaScript, e.g. `avvo-ui.main.bundle.js` (UI-210) ## 0.16.6 (August 28, 2015) ### Fixed * Locks [sprockets] to `~> 3.2.0` as `3.3+` has issues finding assets ## 0.16.5 (August 26, 2015) ### Added * [Card cells] for splitting a card into multiple cells * Added slider-inputs [icon] ### Fixed * [Cards] with [accent borders] now have correct margins ## 0.16.4 (August 18, 2015) ### Added * Added [comments] component for laying out a list of comments * Added [vote link] component for styling toggle-able links with icons * Added new menu [icon] ### Changed * Updated versions for the thumbs-up and comment [icons] * We've moved to [es5-shim] for `Function.prototype` polyfills ## 0.16.3 (August 11, 2015) ### Fixed * Avvo UI jQuery plugins now initialize immediately rather than waiting for document ready ## 0.16.2 (August 10, 2015) ### Fixed * [`svg_image_tag`][SVG] no longer adds a `fallback_src` attribute to the HTML ### Changed * [Form help text] has been changed to a smaller font size (UI-204) * [Form control colors][forms] have been adjusted for better contrast ## 0.16.1 (August 7, 2015) ### Fixed * Positioning issue on `.nav-section-content` elements in the Edge browser ## 0.16.0 (August 6, 2015) ### Fixed * Our `Function.prototype.bind` and `requestAnimationFrame` polyfills are now in `avvo_ui/application_head`. This should fix our integration tests using PhantomJS < 2. ### Removed * `.jumbo`, `.hero1`, and `.hero2` have been removed. Use the new [hero headings] instead. * `avvo_ui/all.scss` has been removed. Import `avvo_ui` instead. ## 0.15.0 (August 5, 2015) ### Added * Two more [icons]: thumbs-up and comment ### Changed * Link color changed for improved contrast (UI-184) * `light-blue` color renamed to `electric-blue` for consistency with the [BrandCloud]. ### Deprecated * UI Kit’s stylesheets have moved so you can import `avvo_ui` and `avvo_ui/debug`. The old stylesheet locations (e.g. `avvo_ui/all`) are now deprecated and will be removed in a future version. See the [example stylesheets] for how to set up your app. ### Removed * `medium-blue`, `icon-blue`, `dark-orange`, `burnt-orange`, and `beige` have been removed as [color] options * It's no longer possible to import individual [JavaScript plugins] using Sprockets ## 0.14.11 (August 4, 2015) ### Fixed * Fixed an image alignment issue introduced in `v0.14.9` (UI-201) ## 0.14.10 (August 3, 2015) ### Fixed * Specificity changed for [background][background reset] and [text color][text color reset] resets to address some style conflicts ## 0.14.9 (July 28, 2015) ### Added * [Star ratings] form controls * [`svg_image_tag`][SVG] helper for implementing SVG images. See the [API](http://ui.avvo.com/api/AvvoUi/SvgHelper.html#svg_image_tag-instance_method) and [UI docs][SVG] for more information. ### Changed * HTML5 form validations enabled for all forms * Required form fields no longer show an asterisk (UI-194) ## 0.14.8 (July 27, 2015) ### Fixed * Scrolling issues in [off-canvas.js] on iPhone 5/5s ### Changed * [Blockquote][blockquotes] styles (UI-185) * [Off-canvas][off-canvas.js] shadow styling (UI-193) ## 0.14.7 (July 22, 2015) ### Fixed * Typo in import of `bind` polyfill ## 0.14.6 (July 22, 2015) ### Added * Add `Function.prototype.bind` polyfill before including Modernizr ## 0.14.5 (July 22, 2015) ### Fixed * Bugs in header styles introduced while doing work on navigation ## 0.14.4 (July 22, 2015) ### Fixed * Bugs in header navigation components ### Removed * Off-canvas classes targeting different browser widths ## 0.14.3 (July 21, 2015) ### Fixed * Bugs in header navigation components ## 0.14.2 (July 21, 2015) ### Added * User [icon] based on the Avvo ghost headshot image ### Changed * The [off-canvas component][off-canvas.js] now has smoother transitions and better styling ## 0.14.1 (July 8, 2015) ### Added * Upgraded Modernizr to v3 and added feature detection for the `appearance` property ### Fixed * Dropdown carets for [`<select>` controls][forms] now render correctly in IE9 and Firefox ## 0.14.0 (July 2, 2015) ### Added * Add [character counter] component for textual inputs in [forms] ### Fixed * Removed amos references from the kaminari templates for [`.pagination`] \(UI-156, [GL30](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/30) — thanks @kylerippey!) ### Changed * [Hero headings] are now documented ### Deprecated * `.jumbo`, `.hero1`, and `.hero2` have been renamed to `.hero-largest`, `.hero-larger`, and `.hero-large`, respectively. The old class names will be dropped in a future version. ### Removed * The [off-canvas.js] component is now packaged as a module, so it cannot be required individually in manifest files. Apps importing `application_foot.js` will still get it as normal. ## 0.13.0 (June 25, 2015) ### Added * “[Getting Started]” documentation * [`.ad-heading`] style for advertising sections * Flag [icon] * Header navigation prototype and styles * [Off-canvas component][off-canvas.js] for off-canvas navigation * [`.u-margin-top` and `-bottom`][margin utilities] utility classes * [Social login buttons] ### Changed * Fixed issues with Compass support * `./bin/setup` updated with checks for Homebrew and PhantomJS * Now requires [autoprefixer-rails] >= 5.2.1 ## 0.12.0 (June 11, 2015) ### Added * Helpers, styling, and documentation for [forms] * `background_image_tag` helper for creating components with responsive background images. See the [API](http://ui.avvo.com/api/AvvoUi/BackgroundImageTagHelper.html) and [UI docs](http://ui.avvo.com/layout#background-images) for more information. * [`SassTemplate`] and [`ErbTemplate`] classes for rendering dynamic templates * [SimpleForm] gem as a runtime dependency * Support for [Compass]. See the [README](README.md) for installation instructions (Thanks @ccardinaux!) ### Changed * Now requires ruby >= 2.1, Rails >= 4.2, and [autoprefixer-rails] >= 5.2 * Increased number precision in CSS ## 0.11.1 (June 1, 2015) ### Fixed * Fixed issue with visited [label link colors] \(UI-129) ## 0.11.0 (May 18, 2015) ### Removed * Removed unsupported JavaScript components from `application_foot.js`: * `affix.js` * `button.js` * `button-group.js` * `carousel.js` * `modal.js` * `popover.js` * `scrollspy.js` * `tab.js` * `tooltip.js` ## 0.10.4 (May 13, 2015) ### Fixed * Fixed layout issues with [icon lists] ### Changed * Updated formatting of our CSS and JS ## 0.10.3 (May 5, 2015) ### Added * Added QUnit tests for existing JavaScript components (visible locally at [/tests/unit/qunit](/tests/unit/qunit)) ### Changed * Updated formatting of Bootstrap JavaScript to lint * Fixed minor bugs in JavaScript plugins ## 0.10.2 (May 4, 2015) ### Changed * Update `.icon-list` to inherit from `.unstyled-list` ## 0.10.1 (May 4, 2015) ### Fixed * Fix color interpolation warning ## 0.10.0 (May 4, 2015) ### Added * [Icon lists]: icon list classes for fixed-width icons ### Changed * Dropped `.current` state for [breadcrumbs] component (UI-33, VR-170) * Updated implementation recommendations for [breadcrumbs] ## 0.9.2 (May 1, 2015) ### Added * New [icons]: square social icons, briefcase (DIR-1639, UI-54) * New [social links] styles for external links ### Fixed * Fixed a display issue with large numbers in the [`.pagination`] component (UI-53) ### Changed * [Blockquotes] restyled for easier readability (CPT-1155) * `.blockquote-reverse` renamed to [`.blockquote-right`][blockquotes] * Set text color for linked [`.label`]s ## 0.9.1 (Apr 28, 2015) ### Added * New globe [icon][icons] ## 0.9.0 (Apr 14, 2015) ### Added * Color options for [accent borders] * Yellow/caution [color] * [Icons]: phone, envelope, warning, info-circled * [`.alert`] component * [`.block-link`] layout * [`.pagination`] component * [responsive text alignment][text alignment] classes * [`.sticky-top`] layout, for elements that become fixed as you scroll * [`.table`] layout classes, including responsive tables ### Changed * Added an `:active` state to [links] * [`.center-block`] can now be used on grid columns * [Strong headings] are now properly documented * Line height improved for [`.link-list`]s and [`.label`]s * Modified [icons]: question-circled * [Collapse.js] is now smarter about replacing toggle button content (e.g. 'More' => 'Less') * Link color is now brighter on [`.u-bg-dark`] \(i.e. dark backgrounds) ## 0.8.3 (Apr 1, 2015) ### Added * New [`.embed-responsive`] component, for embedded content like YouTube (Thanks @kevinlinp!) * Added styling for linked [`.label`]s (Thanks @kevinlinp!) ## 0.8.2 (Mar 31, 2015) ### Fixed * Fix slim dependency issue ([GL13](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/13) — thanks @kylerippey!) ## 0.8.1 (Mar 19, 2015) ### Fixed * Fix color interpolation warning ## 0.8.0 (Mar 10, 2015) ### Changed * Upgraded to Sass 3.4 for Rails 4.2 compatibility ([GL7](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/7) — thanks @davedoan!) ## 0.7.3 (Mar 10, 2015) ### Added * New `.u-text-color-reset` and `.u-bg-reset` classes * New `.text-truncate` class for truncating single lines of text * Allow disabling icon screen reader text with `screen_reader: false` ### Fixed * `NameError: uninitialized constant AvvoUi::Tags` bug squashed ### Changed * Default font weight has been changed to light * All chevron icons are now thin; thin-chevron-[left/right] has been removed * Map-marker icon has been sharpened * Internal: `$zindex` variables have been renamed to `$z-index` ## 0.7.2 (Mar 2, 2015) ### Fixed * Bug with icon spacing when using screen reader text ## 0.7.1 (Feb 27, 2015) ### Added * New [README](README.md) file ### Fixed * Fixed bug: Icon helper did not output aria attributes correctly in Rails 4.1.9 ## 0.7.0 (Feb 23, 2015) ### Added * New [API documentation](http://ui.avvo.com/api/_index.html) * New view helper: `icon`. See the [API](http://ui.avvo.com/api/AvvoUi/IconHelper.html) and [UI docs](http://ui.avvo.com/components#icon-helper) for more information. * Code examples are now syntax highlighted ### Deprecated * `i.icon` is now deprecated, please use the new icon helper instead. ## 0.6.3 (Feb 18, 2015) ### Fixed * Fixed missing icon import in mixins/all.css.scss ## 0.6.2 (Feb 18, 2015) ### Changed * Lock sass to 3.2 until we can remove map polyfill ([GL9](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/9) — thanks @chingor13!) ## 0.6.1 (Feb 17, 2015) ### Changed * No longer opening header's dropdown menu on hover. ## 0.6.0 (Feb 16, 2015) ### Changed * Breaking change: breadcrumb and header `.active` classes have been renamed to `.current` * [`.text-muted`] is now documented ## 0.5.5 (Feb 12, 2015) ### Changed * Gemspec has been relaxed to allow higher versions of sass-rails, rails, and [autoprefixer-rails] * Debug.scss now warns about deprecated classes * Star icons now have a bit more space around them * `.inline-list`s no longer require the use of `<li>`s ## 0.5.4 (Feb 10, 2015) ### Added * Adds our first integration test ([GL5](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/5) — thanks @kevinlinp!) * Footer configuration can now be overridden ([GL6](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/6) — thanks @jsparling!) ### Fixed * Fixes header display issues for browsers supporting the legacy flexbox syntax ([GL4](http://gitlab.corp.avvo.com/avvo/avvo_ui/merge_requests/4) — thanks @kevinlinp!) ## 0.5.3 (Feb 2, 2015) ### Fixed * Fixes vertical centering for `.social-link`s * Fixes `truncate.js` rendering issues in Internet Explorer ## 0.5.2 (Feb 2, 2015) ### Added * Added geminabox rake tasks, like `rake inabox:release`. Should make gem releases easier. ### Changed * Moved `%icon-within-circular-font-family` into its own mixin file. This resolves an issue for clients that import components extending this silent class, but don't import `components/icon`. ## 0.5.1 (Jan 30, 2015) ### Added * New vars: `$numbers-fn--px-to-rem-ratio` and `$numbers-fn--base-px-font-size` allow you to re-configure the number functions (`rem()`, `px()`, etc) in `avvo_ui/functions/numbers` ## 0.5.0 (Jan 29, 2015) ### Changed * Upgrade to Rails 4.2 ## 0.4.4 (Jan 29, 2015) ### Fixed * Fixes layout issue with .page-header ## 0.4.3 (Jan 28, 2015) ### Added * New [grid visualization test](http://ui.avvo.com/tests/grid) * Improved error message display in debugger stylesheet ## 0.4.2 (Jan 26, 2015) ### Fixed * Fixes mobile header dropdown bug in IE and FF (CPT-556) ## 0.4.1 (Jan 26, 2015) ### Added * New icon: question-mark-circled ### Fixed * Fixes issue where icon config could not be overridden by host ## 0.4.0 (Jan 26, 2015) ### Changed * Button sizes are now proportional to their surrounding font-size. Will break layouts where the font size was changed ## 0.3.1 (Jan 25, 2015) ### Fixed * Fixes bug with gem dependencies ## 0.3.0 (Jan 24, 2015) ### Changed * Renames JS namespace from 'bs' to 'ui' ## 0.2.1 (Jan 24, 2015) ### Added * Added, updated, and improved documentation ### Fixed * Fixes bugs with truncate.js and improves its performance and animation. Some settings were changed/moved. ## 0.2.0 (Jan 23, 2015) ### Added * New Layout Classes: * Accent Borders * Unstyled, inline, and link lists * Text columns * Outlined buttons * New Components: * Cards * Icons: checkmark, checkmark-circled, close, close-circled, heart, map-marker, star, star-half-full, star-empty, thin-chevron-[left/right] * Labels and labeled images * Breadcrumbs * New Utility Classes: * Alignment * Spacing (margins, padding, etc.) * New JS: * Timestamps * Truncate.js (Thanks @ccardinaux!) * New Features: * Automatic debugging warnings * Better icon alignment * Most bottom margins now scale with font size ### Changed * Minor .header class changes * Footer top margin removed * Mobile breakpoints have been changed ## 0.1.0 (Jan 9, 2015) ### Added * Header * Dropdowns * Badges * Pinned badges * Collapse * Transitions * Modernizr.js * fastclick.js * Icons within input fields * icons: bell, search, favicon, chevron, caret, map-marker [accent borders]: http://ui.avvo.com/layout/#accent-borders [background reset]: http://ui.avvo.com/utilities#bg-reset [blockquotes]: http://ui.avvo.com/layout#type-blockquotes [breadcrumbs]: http://ui.avvo.com/components#breadcrumbs [cards]: http://ui.avvo.com/components#cards [card cells]: http://ui.avvo.com/components#card-cells [CDN]: http://ui.avvo.com/getting-started#installation-cdn [character counter]: http://ui.avvo.com/components#forms-character-counter [color]: http://ui.avvo.com/utilities/#colors [comments]: http://ui.avvo.com/components/#comments [custom styles]: http://ui.avvo.com/getting-started#custom-styles [example stylesheets]: http://ui.avvo.com/getting-started#template-styles [forms]: http://ui.avvo.com/components/#forms [form help text]: http://ui.avvo.com/components/#forms-help-text [getting started]: http://ui.avvo.com/getting-started [grid]: http://ui.avvo.com/layout#grid [header]: http://ui.avvo.com/components/#header [hero headings]: http://ui.avvo.com/layout#type-hero-headings [horizontal forms]: http://ui.avvo.com/components#forms-horizontal [icon]: http://ui.avvo.com/components/#icons [icons]: http://ui.avvo.com/components/#icons [icon lists]: http://ui.avvo.com/layout/#lists-icon [inputs with icons]: http://ui.avvo.com/components/#forms-control-icons [label link colors]: http://ui.avvo.com/components#label-colors [layout template]: http://ui.dev/getting-started#template-layout [links]: http://ui.avvo.com/layout/#links [margin utilities]: http://ui.avvo.com/utilities#spacing-margins [padding utilities]: http://ui.avvo.com/utilities#spacing-padding [select boxes]: http://ui.avvo.com/components#forms-controls-selects [social links]: http://ui.avvo.com/components/#social-links [social login buttons]: http://ui.avvo.com/components/#social-login [spacing utilities]: http://ui.avvo.com/utilities#spacing [star ratings]: http://ui.avvo.com/components#forms-control-stars [sticky footer]: http://ui.avvo.com/layout/#sticky-footer [strong headings]: http://ui.avvo.com/layout/#strong-headings [SVG]: http://ui.avvo.com/layout/#images-svg [text columns]: http://ui.avvo.com/layout/#text-columns [text alignment]: http://ui.avvo.com/layout/#type-alignment [text color reset]: http://ui.avvo.com/utilities#text-color-reset [using sass]: http://ui.avvo.com/getting-started#using-sass [vote link]: http://ui.avvo.com/components/#vote-link [`.alert`]: http://ui.avvo.com/components/#alerts [`.ad-heading`]: http://ui.avvo.com/layout/#ad-headings [`background_image_tag`]: http://ui.avvo.com/layout#background-images [`.block-link`]: http://ui.avvo.com/layout/#block-links [`.btn-link`]: http://ui.avvo.com/components/#buttons-links [`.btn-outline`]: http://ui.avvo.com/components/#buttons-styles [`.center-block`]: http://ui.avvo.com/layout/#alignment-center-block [`.embed-responsive`]: http://ui.avvo.com/layout/#responsive-embed [`.label`]: http://ui.avvo.com/components/#labels [`.link-list`]: http://ui.avvo.com/layout/#lists-links [`.pagination`]: http://ui.avvo.com/components/#pagination [`.sticky-top`]: http://ui.avvo.com/layout/#sticky-top [`<strong>`]: http://ui.avvo.com/layout/#type-strong [`.table`]: http://ui.avvo.com/layout/#tables [`.text-muted`]: http://ui.avvo.com/layout/#type-muted-text [`.u-bg-dark`]: http://ui.avvo.com/utilities/#bg-colors [JavaScript plugins]: http://ui.avvo.com/js [collapse.js]: http://ui.avvo.com/js/#collapse [off-canvas.js]: http://ui.avvo.com/js/#off-canvas [SmoothScroller]: http://ui.avvo.com/js/#smooth-scroller [`ErbTemplate`]: http://ui.avvo.com/api/AvvoUi/ErbTemplate.html [`SassTemplate`]: http://ui.avvo.com/api/AvvoUi/SassTemplate.html [BrandCloud]: http://brandcloud.avvo.com/ [autoprefixer-rails]: https://github.com/ai/autoprefixer-rails [Compass]: http://compass-style.org [es5-shim]: https://github.com/es-shims/es5-shim [handlebars]: http://handlebarsjs.com/ [nokogiri]: https://github.com/sparklemotion/nokogiri [SimpleForm]: https://github.com/plataformatec/simple_form [sprockets]: https://github.com/rails/sprockets