Skip to content

Commit

Permalink
✨ Add CSS Grid and Box Alignment styles (#5)
Browse files Browse the repository at this point in the history
* 🚧 Add css grid styles

* ♻️ Move z-index, order, alignment to separate styles

* ✅ Add `grid`, `gridItem` styles

* 👎 Deprecate `base`, `system`, `typography`

* ♻️ Rename `alignment` → `box-alignment`

* 🔧 Rename `deploy` npm script → `release`

* ⬆️ Bump dev dependencies

* 🔖 4.3.0-0

* 🚑 Fix grid style prop names

* ✨ Add gap styles

* 🔖 4.3.0-1

* ✨ Add box alignment styles
  • Loading branch information
exah authored Feb 17, 2019
1 parent 1ee6451 commit 0c00bec
Show file tree
Hide file tree
Showing 30 changed files with 2,350 additions and 2,093 deletions.
34 changes: 19 additions & 15 deletions .documentation.yml
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,20 @@ hljs:
- js

toc:
- name: Styles
- name: Systems
children:
- space
- sizes
- colors
- border
- boxStyle
- textStyle

- name: Styles
children:
- border
- boxContentAlignment
- boxItemsAlignment
- boxSelfAlignment
- cursor
- direction
- display
Expand All @@ -20,30 +27,27 @@ toc:
- flexItem
- float
- fontFamily
- gap
- grid
- gridItem
- opacity
- outline
- overflow
- position
- radius
- ratio
- text
- textStyle
- transform
- transition
- name: Atomic Styles
children:
- atomicDirection
- atomicDisplay
- atomicFlexItem
- atomicPosition
- atomicSizes
- zIndex

- name: Combinations
- name: Atomic Styles
children:
- base
- typography
- system
- atomic
- atomicDirection
- atomicDisplay
- atomicFlexItem
- atomicPosition
- atomicSizes

- name: Custom Styles
children:
Expand Down
63 changes: 47 additions & 16 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,37 @@ All notable changes to this project will be documented in this file.

Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).

## [4.3.0-1](https://github.com/exah/pss/compare/4.2.0...4.3.0-1) - 2019-02-10

### Added

- [`3530767`](https://github.com/exah/pss/commit/353076709d917fa67eb11ae83577530a7d57e2ad) ✨ Add gap styles
- [`8f7f201`](https://github.com/exah/pss/commit/8f7f20116e1632208ecba1143f69ff627461e6ef) ✨ Add `rem`
- [`6ec2108`](https://github.com/exah/pss/commit/6ec2108f91ef57876334d2697e0f04ffe937033c) ✨ Add `percentageValue`

### Improved

- [`1da2262`](https://github.com/exah/pss/commit/1da226212e36f9cb2921c05df0fc00c2ed8f3776) ♻️ Move z-index, order, alignment to separate styles
- [`2d03336`](https://github.com/exah/pss/commit/2d033368d81dd68d0c575eca193f3782d8bc6a65) ♻️ Rename `alignment``box-alignment`
- [`a8aebf0`](https://github.com/exah/pss/commit/a8aebf03352e70732944cbdf16be3dfc676909ad) ♻️ Unify values behavior
- [`79d1991`](https://github.com/exah/pss/commit/79d19910ce8a06a121b29451d5b7af556b6bfcb2) ♻️ Improve `spaceValue`
- [`e01ddbf`](https://github.com/exah/pss/commit/e01ddbf82d441d80d78b8e3ec6d1ff2cce9a88c7) ♻️ Improve `splitUnit`

### Fixed

- [`80122a6`](https://github.com/exah/pss/commit/80122a68177bafe12055d55190239139482e4272) 🚑 Fix grid style prop names

### Dependencies

- [`5dbd830`](https://github.com/exah/pss/commit/5dbd830249154fc761ba55efce97c416602921dc) ⬆️ Bump dev dependencies

### Docs & Tests

- [`1ee6451`](https://github.com/exah/pss/commit/1ee6451a1ba2bdca3ea32514703192f02ad934ac) 📝 Update docs
- [`a31d699`](https://github.com/exah/pss/commit/a31d699cb7a8c3969343313dd82ab8434d3eb957) ✅ Add `grid`, `gridItem` styles
- [`3dc4306`](https://github.com/exah/pss/commit/3dc43068257f6747b313b3c1f438c2c0042ab08c) ✅ Update mixins test
- [`f98080e`](https://github.com/exah/pss/commit/f98080e5997ecb6daf61d0ae8c90883e80b4ab96) 📝 Fix typo

## [4.2.0](https://github.com/exah/pss/compare/4.1.1...4.2.0) - 2018-12-26

### Added
Expand Down Expand Up @@ -409,42 +440,42 @@ Now

### Changed

- [`4b54d22`](https://github.com/exah/pss/commit/4b54d2269b54cbceb88861af9ae9c75b51de9143) 🔥 Remove unused isPlainObj function
- [`6dddf09`](https://github.com/exah/pss/commit/6dddf0987a789ff8ab2b9f6dc87780fb7fda77d5) 🔥 Cleanup old files
- [`1a0a82d`](https://github.com/exah/pss/commit/1a0a82d35b380e67f571a5562c50359ca160d45d) 🔥 Remove default theme
- [`6bc3588`](https://github.com/exah/pss/commit/6bc358823fe57c986fdb66783ff9f07626a0577f) 🔥 Remove ensureStyleObj fn
- [`6dddf09`](https://github.com/exah/pss/commit/6dddf0987a789ff8ab2b9f6dc87780fb7fda77d5) 🔥 Cleanup old files
- [`4b54d22`](https://github.com/exah/pss/commit/4b54d2269b54cbceb88861af9ae9c75b51de9143) 🔥 Remove unused isPlainObj function

### Added

- [`dd570de`](https://github.com/exah/pss/commit/dd570dec8a698360716c34e3f9ac68d430985a65) ✨ Create theme props
- [`8b79e15`](https://github.com/exah/pss/commit/8b79e15349d6734258e6025f4d0a3332be525cf1) ✨ Add position props
- [`93e6c5c`](https://github.com/exah/pss/commit/93e6c5c79f1952c2195254efea1841c8c643544f) ✨ Add createSizeProps, sizeStyle fns
- [`86f44ef`](https://github.com/exah/pss/commit/86f44eff3bcb4454ea5fa1789cf53721ca9f77d8) ✨ Add textStyle
- [`8411355`](https://github.com/exah/pss/commit/84113554894a0ab29fa7d88e2c97ff7461fbdb12) ✨ Add createTheme fn
- [`1dc4206`](https://github.com/exah/pss/commit/1dc42067d03ecfdf22f84c6f66c9f6e30b25bbd9) ✨ Filter empty styles
- [`15fb8f8`](https://github.com/exah/pss/commit/15fb8f8b127751e102d05b3fdd1b68cffebade05) ✨ Add styles
- [`8689fd0`](https://github.com/exah/pss/commit/8689fd0c0bb85f4f938b60396890e7888e642ccc) ✨ Improve wrapSelector with optional style fn
- [`86f44ef`](https://github.com/exah/pss/commit/86f44eff3bcb4454ea5fa1789cf53721ca9f77d8) ✨ Add textStyle
- [`1dc4206`](https://github.com/exah/pss/commit/1dc42067d03ecfdf22f84c6f66c9f6e30b25bbd9) ✨ Filter empty styles
- [`a251877`](https://github.com/exah/pss/commit/a2518771a0d59ab5a320fda8b28210df0fbcb988) ✨ Add fromTheme function
- [`8b79e15`](https://github.com/exah/pss/commit/8b79e15349d6734258e6025f4d0a3332be525cf1) ✨ Add position props
- [`1bb78dc`](https://github.com/exah/pss/commit/1bb78dc0d19f7f5c93b983961449eba4743a8a64) ✨ Add createRuleProp fn
- [`93e6c5c`](https://github.com/exah/pss/commit/93e6c5c79f1952c2195254efea1841c8c643544f) ✨ Add createSizeProps, sizeStyle fns
- [`dd570de`](https://github.com/exah/pss/commit/dd570dec8a698360716c34e3f9ac68d430985a65) ✨ Create theme props
- [`8689fd0`](https://github.com/exah/pss/commit/8689fd0c0bb85f4f938b60396890e7888e642ccc) ✨ Improve wrapSelector with optional style fn

### Improved

- [`5d6d997`](https://github.com/exah/pss/commit/5d6d997cb650139e0244fbd992d6e4af000f5914) ♻️ Rewrite space, sizes test, Fix bugs
- [`d604420`](https://github.com/exah/pss/commit/d604420a19c48887aa22727e75e5c445c7b2efc6) ♻️ Add constants for theme keys
- [`fc0bfe6`](https://github.com/exah/pss/commit/fc0bfe618bca80fb1d290bc845717b9f7231643f) ♻️ Simplify function names
- [`6ab07f2`](https://github.com/exah/pss/commit/6ab07f2dd627ade88bef44d8c8c93fd1be648d64) ♻️ Support arrays in props styles maps values
- [`91c78ee`](https://github.com/exah/pss/commit/91c78ee6678df3bf0a35bd8c54ad9a0f91d2311c) ♻️ Uncurry selectors fns, import helpers
- [`f9aea32`](https://github.com/exah/pss/commit/f9aea326e0606576475f5a67aae19b04a86e53dd) ♻️ Filter empty styles in prop styles
- [`2fd6c13`](https://github.com/exah/pss/commit/2fd6c132a8b46df63f95acd773200726abae05b6) ♻️ Refactor getters
- [`97ca745`](https://github.com/exah/pss/commit/97ca7457b72dc01e55adcab099bc18fd1e6df8c0) ♻️ Add toObj helper fn
- [`24703d8`](https://github.com/exah/pss/commit/24703d8783e3088704b31b3d86597823ac85ede1) ♻️ Build lib with babel
- [`3656aa3`](https://github.com/exah/pss/commit/3656aa3e5d61a7ff438339e8dbe40ddfc907ad90) ♻️ Rewrite space props, styles fn and move them
- [`fc0bfe6`](https://github.com/exah/pss/commit/fc0bfe618bca80fb1d290bc845717b9f7231643f) ♻️ Simplify function names
- [`1de4d6a`](https://github.com/exah/pss/commit/1de4d6ae0d3f337f9dc4e2a869c8a8105569af10) ♻️ Improve space styles, separate margin, padding
- [`2fd6c13`](https://github.com/exah/pss/commit/2fd6c132a8b46df63f95acd773200726abae05b6) ♻️ Refactor getters
- [`d604420`](https://github.com/exah/pss/commit/d604420a19c48887aa22727e75e5c445c7b2efc6) ♻️ Add constants for theme keys
- [`91c78ee`](https://github.com/exah/pss/commit/91c78ee6678df3bf0a35bd8c54ad9a0f91d2311c) ♻️ Uncurry selectors fns, import helpers
- [`97ca745`](https://github.com/exah/pss/commit/97ca7457b72dc01e55adcab099bc18fd1e6df8c0) ♻️ Add toObj helper fn
- [`f9aea32`](https://github.com/exah/pss/commit/f9aea326e0606576475f5a67aae19b04a86e53dd) ♻️ Filter empty styles in prop styles
- [`6ab07f2`](https://github.com/exah/pss/commit/6ab07f2dd627ade88bef44d8c8c93fd1be648d64) ♻️ Support arrays in props styles maps values

### Fixed

- [`0f9e108`](https://github.com/exah/pss/commit/0f9e108c89f7368e093bf24d72275afd1bf84962) 🚑 Fix onMedia arguments style
- [`33fccab`](https://github.com/exah/pss/commit/33fccabc4ecd6adf2f1cf588bb69de57c579da41) 🚑 Fix default color values
- [`0f9e108`](https://github.com/exah/pss/commit/0f9e108c89f7368e093bf24d72275afd1bf84962) 🚑 Fix onMedia arguments style

### Docs & Tests

Expand Down
Loading

0 comments on commit 0c00bec

Please sign in to comment.