Merge pull request #522 from picturepan2/0.5.5

0.5.5

Author: picturepan2

CHANGELOG.md

@@ -1,6 +1,14 @@
-## Spectre.css Changelog
+#### Spectre.css Changelog
 
-### [v0.5.4](https://github.com/picturepan2/spectre/releases/tag/v0.5.4)
+##### [v0.5.5](https://github.com/picturepan2/spectre/releases/tag/v0.5.5)
+
+- IMPORTANT: New Docs
+- Add Changelog to What's New section
+- Fix chip vertical scrollbar #521
+- Fix circle -> s-circle #489
+- Fix code font-family issue for asian languages #476
+
+##### [v0.5.4](https://github.com/picturepan2/spectre/releases/tag/v0.5.4)
 
 - IMPORTANT: Change naming of position utilities to avoid conflicts
 - Update dark color variable
@@ -12,15 +20,15 @@
 - Fix chip bug when content is too long #506
 - Fix multiple select height bug #508
 
-### [v0.5.3](https://github.com/picturepan2/spectre/releases/tag/v0.5.3)
+##### [v0.5.3](https://github.com/picturepan2/spectre/releases/tag/v0.5.3)
 
 - Add dark text color to utilities
 - Add error state to the indeterminate checkbox
 - Add inline forms
 - Add more code examples
 - Fix errors in the Docs
 
-### [v0.5.2](https://github.com/picturepan2/spectre/releases/tag/v0.5.2)
+##### [v0.5.2](https://github.com/picturepan2/spectre/releases/tag/v0.5.2)
 
 - IMPORTANT:  Move Docs to Pug templates
 - Add more Docs examples
@@ -32,7 +40,7 @@
 - Fix a bug of input addons width on mobile devices #449
 - Separate Simplified Chinese (zh/zh-Hans) from Traditional (zh-Hant)
 
-### [v0.5.1](https://github.com/picturepan2/spectre/releases/tag/v0.5.1)
+##### [v0.5.1](https://github.com/picturepan2/spectre/releases/tag/v0.5.1)
 
 IMPORTANT: Move Autocomplete to the Experimentals
 - Add form checkbox, radio and switch support to Menus
@@ -43,7 +51,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix Deprecation Warning #396 #356
 - Initial commit of RTL support (not finished)
 
-### [v0.5.0](https://github.com/picturepan2/spectre/releases/tag/v0.5.0)
+##### [v0.5.0](https://github.com/picturepan2/spectre/releases/tag/v0.5.0)
 
 - IMPORTANT: Restore /dist folder
 - Add Grid nesting example #353
@@ -54,15 +62,15 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix modal doc typo
 - Fix docs examples #348
 
-### [v0.4.7](https://github.com/picturepan2/spectre/releases/tag/v0.4.7)
+##### [v0.4.7](https://github.com/picturepan2/spectre/releases/tag/v0.4.7)
 
 - Add new button colors (success and error) #227 #241 #342
 - Add overflow-scrolling: touch; CSS for better scrolling
 - Add touch support to Parallax image hover effect
 - Update the Modal example code
 - Fix form horizontal layout spacing
 
-### [v0.4.6](https://github.com/picturepan2/spectre/releases/tag/v0.4.6)
+##### [v0.4.6](https://github.com/picturepan2/spectre/releases/tag/v0.4.6)
 
 - Add new Sliders example #328
 - Add Table with horizontal scroll support #333
@@ -72,18 +80,18 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix breadcrumb-item extra spacing #337
 - Fix comparison slider image responsive bug #338
 
-### [v0.4.5](https://github.com/picturepan2/spectre/releases/tag/v0.4.5)
+##### [v0.4.5](https://github.com/picturepan2/spectre/releases/tag/v0.4.5)
 
 - Rewrite Off-canvas component
 - Add `active` support to the Off-canvas #308
 - Update the Docs pages
 
-### [v0.4.4](https://github.com/picturepan2/spectre/releases/tag/v0.4.4)
+##### [v0.4.4](https://github.com/picturepan2/spectre/releases/tag/v0.4.4)
 
 - IMPORTANT: Increase default font sizes to 16px #271
 - Add version number to CSS #288 #289
 
-### [v0.4.3](https://github.com/picturepan2/spectre/releases/tag/v0.4.3)
+##### [v0.4.3](https://github.com/picturepan2/spectre/releases/tag/v0.4.3)
 
 - Add Icon Sizes #284
 - Add Large Modals #293
@@ -95,26 +103,26 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Improve gulpfile and package
 - Add Importing Sass Docs
 
-### [v0.4.2](https://github.com/picturepan2/spectre/releases/tag/v0.4.2)
+##### [v0.4.2](https://github.com/picturepan2/spectre/releases/tag/v0.4.2)
 
 - Add Off-screen experimental
 - Fix Docs rendering bug in Safari
 
 
-### [v0.4.1](https://github.com/picturepan2/spectre/releases/tag/v0.4.1)
+##### [v0.4.1](https://github.com/picturepan2/spectre/releases/tag/v0.4.1)
 
 - Add default modifier to all variables 
 - Add `address` reset which changes font-style to normal
 - Add Details and Summary Accordions support
 - Fix responsive video
 - Update the Docs
 
-### [v0.4.0](https://github.com/picturepan2/spectre/releases/tag/v0.4.0)
+##### [v0.4.0](https://github.com/picturepan2/spectre/releases/tag/v0.4.0)
 
 - Switch from Less to Sass
 - Add Cursor utilities
 
-### [v0.3.2](https://github.com/picturepan2/spectre/releases/tag/v0.3.2)
+##### [v0.3.2](https://github.com/picturepan2/spectre/releases/tag/v0.3.2)
 
 - Add label-rounded classes
 - Add Avatars presence status code
@@ -124,7 +132,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Update Autoprefixer rules
 - Update label mixin and code mono font family
 
-### [v0.3.1](https://github.com/picturepan2/spectre/releases/tag/v0.3.1)
+##### [v0.3.1](https://github.com/picturepan2/spectre/releases/tag/v0.3.1)
 
 *IMPORTANT*: The default root font-size has been changed to `20px`, please update your `rem` numbers if you're using the custom sizes. [Learn more](https://picturepan2.github.io/spectre/getting-started.html#variables-sizes).
 
@@ -134,7 +142,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Move Panels and Empty states to Components from Layout
 - Fix Docs bugs and cleanup codes
 
-### [v0.2.15](https://github.com/picturepan2/spectre/releases/tag/v0.2.15)
+##### [v0.2.15](https://github.com/picturepan2/spectre/releases/tag/v0.2.15)
 
 - BIG Update to the Docs experience, completely rewritten and improved #240 
 - Add Text and Background colors utilities #205 #219 
@@ -146,7 +154,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix icon direction bug #218
 - Fix Dropdown menu max items/height #226 
 
-## [v0.2.14](https://github.com/picturepan2/spectre/releases/tag/v0.2.14)
+##### [v0.2.14](https://github.com/picturepan2/spectre/releases/tag/v0.2.14)
 
 - Add vertical divider
 - Add Form icon support
@@ -155,7 +163,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Add new container grid size
 - Fix link error and typo
 
-### [v0.2.13](https://github.com/picturepan2/spectre/releases/tag/v0.2.13)
+##### [v0.2.13](https://github.com/picturepan2/spectre/releases/tag/v0.2.13)
 
 - Add Timelines code
 - Add input readonly style
@@ -165,7 +173,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix dropdown-toggle border radius in button groups
 - Fix Calendars date item width bug under Firefox
 
-### [v0.2.12](https://github.com/picturepan2/spectre/releases/tag/v0.2.12)
+##### [v0.2.12](https://github.com/picturepan2/spectre/releases/tag/v0.2.12)
 
 - Add pure CSS Comparison Sliders
 - Add pure CSS content Filters
@@ -176,29 +184,29 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Update Navbar code
 - Fix typos, Modals bugs
 
-### [v0.2.11](https://github.com/picturepan2/spectre/releases/tag/v0.2.11)
+##### [v0.2.11](https://github.com/picturepan2/spectre/releases/tag/v0.2.11)
 
 - Add pure CSS Popovers
 - Add pure CSS Icons 
 - Add Slider bars
 - Add tvOS Parallax effect text layer
 - Update shadow mixin
 
-### [v0.2.10](https://github.com/picturepan2/spectre/releases/tag/v0.2.10)
+##### [v0.2.10](https://github.com/picturepan2/spectre/releases/tag/v0.2.10)
 
 - Add Shadows and Z-index variables
 - Add Divider text
 - Improve color variables
 - Cleanup components code
 - Remove the Responsive Resizer tool (Moved to https://github.com/picturepan2/responsive-resizer)
 
-### [v0.2.9](https://github.com/picturepan2/spectre/releases/tag/v0.2.9)
+##### [v0.2.9](https://github.com/picturepan2/spectre/releases/tag/v0.2.9)
 
 - Add Panels layout: flexible view container layout with auto-expand content section
 - Update Navbar layout
 - Update docs and examples
 
-### [v0.2.8](https://github.com/picturepan2/spectre/releases/tag/v0.2.8)
+##### [v0.2.8](https://github.com/picturepan2/spectre/releases/tag/v0.2.8)
 
 - Add Carousels previous and next buttons
 - Improve disabled state for forms
@@ -207,7 +215,7 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Improve Autocomplete menu position
 - Merge Menus and Dropdowns
 
-### [v0.2.7](https://github.com/picturepan2/spectre/releases/tag/v0.2.7)
+##### [v0.2.7](https://github.com/picturepan2/spectre/releases/tag/v0.2.7)
 
 - Add Calendars experimental support
 - Add tabindex note to the dropdowns docs
@@ -216,14 +224,14 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix wrong shadow colors with form-select
 - Fix grid-480
 
-### [v0.2.6](https://github.com/picturepan2/spectre/releases/tag/v0.2.6)
+##### [v0.2.6](https://github.com/picturepan2/spectre/releases/tag/v0.2.6)
 
 - Add Carousels initial experimental version
 - Add Spectre.css Twitter account (@spectrecss) link
 - Improve Docs experience and navbar
 - Fix the bug of form input focus colors
 
-### [v0.2.5](https://github.com/picturepan2/spectre/releases/tag/v0.2.5)
+##### [v0.2.5](https://github.com/picturepan2/spectre/releases/tag/v0.2.5)
 
 - Improve color variables completely
 - Add Menu badges
@@ -232,28 +240,32 @@ IMPORTANT: Move Autocomplete to the Experimentals
 - Fix elements and components
 - Update empty state layout code
 
-### [v0.2.4](https://github.com/picturepan2/spectre/releases/tag/v0.2.4)
+##### [v0.2.4](https://github.com/picturepan2/spectre/releases/tag/v0.2.4)
 
 - ADD: Meters element experimental support
 - ADD: Progress indeterminate animation
 - ADD: Text-decoration-skip support
 - CHG: Split Codes and improve docs codes
 - FIX: Steps with tooltips z-index bug
 
-### [v0.2.3](https://github.com/picturepan2/spectre/releases/tag/v0.2.3)
+##### [v0.2.3](https://github.com/picturepan2/spectre/releases/tag/v0.2.3)
 
 - Bars component
 - Badges for buttons
 - Experimentals CSS and docs
 - Sliders experimental component
 - A number of fixes as usual
 
-### [v0.2.1](https://github.com/picturepan2/spectre/releases/tag/v0.2.1)
+##### [v0.2.1](https://github.com/picturepan2/spectre/releases/tag/v0.2.1)
 
 I have updated the whole Spectre.css documents experience and bumped the version to v0.2.x. The new Docs can be viewed at https://picturepan2.github.io/spectre/. Here are the new things added:
 - New Docs experience with better navigations and better mobile off-canvas menu
 - New components: Tiles, Steps and Navs (part of Navigation)
 - Improvements: Action button, Autocomplete, Pagination, Tabs, Breadcrumbs, Badges, Cards,  new Progress experimental support and better focus style
 - Fixes
 
+##### v0.0.1 - March 2016
+
+Initial commit
+
 Thank you. ♥

README.md

@@ -40,63 +40,63 @@ Alternatively, you can use the [unpkg](https://unpkg.com/) or [cdnjs](https://cd
 
 ## Compiling custom version
 
-You can compile your custom version of Spectre.css. Read [the documentation](https://picturepan2.github.io/spectre/getting-started.html#custom).
+You can compile your custom version of Spectre.css. Read [the documentation](https://picturepan2.github.io/spectre/getting-started/custom.html).
 
 ## Documentation and examples
 
 ### Elements
 
-- [Typography](https://picturepan2.github.io/spectre/elements.html#typography)
-- [Tables](https://picturepan2.github.io/spectre/elements.html#tables)
-- [Buttons](https://picturepan2.github.io/spectre/elements.html#buttons)
-- [Forms](https://picturepan2.github.io/spectre/elements.html#forms)
-- [Icons](https://picturepan2.github.io/spectre/elements.html#icons) - CSS only
-- [Labels](https://picturepan2.github.io/spectre/elements.html#labels)
-- [Code](https://picturepan2.github.io/spectre/elements.html#code)
-- [Media](https://picturepan2.github.io/spectre/elements.html#media)
+- [Typography](https://picturepan2.github.io/spectre/elements/typography.html)
+- [Tables](https://picturepan2.github.io/spectre/elements/tables.html)
+- [Buttons](https://picturepan2.github.io/spectre/elements/buttons.html)
+- [Forms](https://picturepan2.github.io/spectre/elements/forms.html)
+- [Icons](https://picturepan2.github.io/spectre/elements/icons.html) - CSS only
+- [Labels](https://picturepan2.github.io/spectre/elements/labels.html)
+- [Code](https://picturepan2.github.io/spectre/elements/code.html)
+- [Media](https://picturepan2.github.io/spectre/elements/media.html)
 
 ### Layout
-- [Flexbox grid](https://picturepan2.github.io/spectre/layout.html#grid) 
-- [Responsive](https://picturepan2.github.io/spectre/layout.html#responsive)
-- [Navbar](https://picturepan2.github.io/spectre/layout.html#navbar)
+- [Flexbox grid](https://picturepan2.github.io/spectre/layout/grid.html) 
+- [Responsive](https://picturepan2.github.io/spectre/layout/responsive.html)
+- [Navbar](https://picturepan2.github.io/spectre/layout/navbar.html)
 
 ### Components
-- [Accordions](https://picturepan2.github.io/spectre/components.html#accordions)
-- [Avatars](https://picturepan2.github.io/spectre/components.html#avatars)
-- [Badges](https://picturepan2.github.io/spectre/components.html#badges)
-- [Breadcrumbs](https://picturepan2.github.io/spectre/components.html#breadcrumbs)
-- [Bars](https://picturepan2.github.io/spectre/components.html#bars)
-- [Cards](https://picturepan2.github.io/spectre/components.html#cards)
-- [Chips](https://picturepan2.github.io/spectre/components.html#chips)
-- [Empty states](https://picturepan2.github.io/spectre/components.html#empty)
-- [Menu](https://picturepan2.github.io/spectre/components.html#menu)
-- [Nav](https://picturepan2.github.io/spectre/components.html#nav)
-- [Modals](https://picturepan2.github.io/spectre/components.html#modals)
-- [Pagination](https://picturepan2.github.io/spectre/components.html#pagination)
-- [Panels](https://picturepan2.github.io/spectre/components.html#panels)
-- [Popovers](https://picturepan2.github.io/spectre/components.html#popovers)
-- [Steps](https://picturepan2.github.io/spectre/components.html#steps)
-- [Tabs](https://picturepan2.github.io/spectre/components.html#tabs)
-- [Tiles](https://picturepan2.github.io/spectre/components.html#tiles)
-- [Toasts](https://picturepan2.github.io/spectre/components.html#toasts)
-- [Tooltips](https://picturepan2.github.io/spectre/components.html#tooltips)
+- [Accordions](https://picturepan2.github.io/spectre/components/accordions.html)
+- [Avatars](https://picturepan2.github.io/spectre/components/avatars.html)
+- [Badges](https://picturepan2.github.io/spectre/components/badges.html)
+- [Breadcrumbs](https://picturepan2.github.io/spectre/components/breadcrumbs.html)
+- [Bars](https://picturepan2.github.io/spectre/components/bars.html)
+- [Cards](https://picturepan2.github.io/spectre/components/cards.html)
+- [Chips](https://picturepan2.github.io/spectre/components/chips.html)
+- [Empty states](https://picturepan2.github.io/spectre/components/empty.html)
+- [Menu](https://picturepan2.github.io/spectre/components/menu.html)
+- [Nav](https://picturepan2.github.io/spectre/components/nav.html)
+- [Modals](https://picturepan2.github.io/spectre/components/modals.html)
+- [Pagination](https://picturepan2.github.io/spectre/components/pagination.html)
+- [Panels](https://picturepan2.github.io/spectre/components/panels.html)
+- [Popovers](https://picturepan2.github.io/spectre/components/popovers.html)
+- [Steps](https://picturepan2.github.io/spectre/components/steps.html)
+- [Tabs](https://picturepan2.github.io/spectre/components/tabs.html)
+- [Tiles](https://picturepan2.github.io/spectre/components/tiles.html)
+- [Toasts](https://picturepan2.github.io/spectre/components/toasts.html)
+- [Tooltips](https://picturepan2.github.io/spectre/components/tooltips.html)
 
 ### Utilities
 
 - [Utilities](https://picturepan2.github.io/spectre/utilities.html) - colors, display, divider, loading, position, shapes and text utilities
 
 ### Experimentals
-- [Autocomplete](https://picturepan2.github.io/spectre/experimentals.html#autocomplete)
-- [Calendars](https://picturepan2.github.io/spectre/experimentals.html#calendars)
-- [Carousels](https://picturepan2.github.io/spectre/experimentals.html#carousels) - CSS only
-- [Comparison Sliders](https://picturepan2.github.io/spectre/experimentals.html#comparison) - CSS only
-- [Filters](https://picturepan2.github.io/spectre/experimentals.html#carousels) - CSS only
-- [Meters](https://picturepan2.github.io/spectre/experimentals.html#meters)
-- [Off-canvas](https://picturepan2.github.io/spectre/experimentals.html#off-canvas) - CSS only
-- [Parallax](https://picturepan2.github.io/spectre/experimentals.html#parallax) - CSS only
-- [Progress](https://picturepan2.github.io/spectre/experimentals.html#progress)
-- [Sliders](https://picturepan2.github.io/spectre/experimentals.html#sliders)
-- [Timelines](https://picturepan2.github.io/spectre/experimentals.html#timelines)
+- [Autocomplete](https://picturepan2.github.io/spectre/experimentals/autocomplete.html)
+- [Calendars](https://picturepan2.github.io/spectre/experimentals/calendars.html)
+- [Carousels](https://picturepan2.github.io/spectre/experimentals/carousels.html) - CSS only
+- [Comparison Sliders](https://picturepan2.github.io/spectre/experimentals/comparison.html) - CSS only
+- [Filters](https://picturepan2.github.io/spectre/experimentals/carousels.html) - CSS only
+- [Meters](https://picturepan2.github.io/spectre/experimentals/meters.html)
+- [Off-canvas](https://picturepan2.github.io/spectre/experimentals/off-canvas.html) - CSS only
+- [Parallax](https://picturepan2.github.io/spectre/experimentals/parallax.html) - CSS only
+- [Progress](https://picturepan2.github.io/spectre/experimentals/progress.html)
+- [Sliders](https://picturepan2.github.io/spectre/experimentals/sliders.html)
+- [Timelines](https://picturepan2.github.io/spectre/experimentals/timelines.html)
 
 ## Browser support
 Spectre uses [Autoprefixer](https://github.com/postcss/autoprefixer) to make most styles compatible with earlier browsers and [Normalize.css](https://necolas.github.io/normalize.css/) for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:

bower.json

@@ -1,12 +1,12 @@
 {
   "name": "spectre.css",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "Spectre.css: a lightweight, responsive and modern CSS framework",
   "homepage": "http://picturepan2.github.io/spectre",
   "repository": "picturepan2/spectre",
   "license": "MIT",
   "author": "Yan Zhu <[email protected]>",
-  "main": "docs/dist/spectre.css",
+  "main": "dist/spectre.css",
   "keywords": [
     "css",
     "framework",

dist/spectre-exp.css

@@ -1,4 +1,4 @@
-/*! Spectre.css Experimentals v0.5.4 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Experimentals v0.5.5 | MIT License | github.com/picturepan2/spectre */
 .form-autocomplete {
   position: relative;
 }

dist/spectre-exp.min.css

@@ -1,4 +1,4 @@
-/*! Spectre.css Icons v0.5.4 | MIT License | github.com/picturepan2/spectre */
+/*! Spectre.css Icons v0.5.5 | MIT License | github.com/picturepan2/spectre */
 .icon {
   box-sizing: border-box;
   display: inline-block;