Skip to content

Commit

Permalink
✨ feat(0.6.2.md): Update to 0.6.2
Browse files Browse the repository at this point in the history
  • Loading branch information
Spiderpig86 committed Jun 4, 2021
1 parent b3b4d69 commit e61a565
Show file tree
Hide file tree
Showing 6 changed files with 50 additions and 4 deletions.
1 change: 1 addition & 0 deletions cirrus-docs-next/constants/playground.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
export const PLAYGROUND_ENDPOINT_MAP: Map<string, string> = new Map([
['Latest Build', 'https://raw.githack.com/Spiderpig86/Cirrus/master/dist/cirrus.min.css'],
['0.6.2', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.6.2/dist/cirrus.min.css'],
['0.6.1', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.6.1/dist/cirrus.min.css'],
['0.6.0', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.6.0/dist/cirrus.min.css'],
['0.5.5', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.5.5/dist/cirrus.min.css'],
Expand Down
2 changes: 1 addition & 1 deletion cirrus-docs-next/constants/release-notes.ts
Original file line number Diff line number Diff line change
@@ -1 +1 @@
export const RELEASE_NOTE_VERSIONS = ['0.6.1', '0.6.0', '0.5.5', '0.5.4', '0.5.3', '0.4.0'];
export const RELEASE_NOTE_VERSIONS = ['0.6.2', '0.6.1', '0.6.0', '0.5.5', '0.5.4', '0.5.3', '0.4.0'];
2 changes: 1 addition & 1 deletion cirrus-docs-next/layouts/landing/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ export const LandingLayout = ({ children, ...rest }: any) => {
<ul className="menu">
<li className="menu-item selected">
<a className="u-flex u-justify-content-center" href="!#">
<b>0.6.1</b>
<b>0.6.2</b>
</a>
</li>
<li className="menu-item">
Expand Down
2 changes: 1 addition & 1 deletion cirrus-docs-next/src/index/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@ const Landing: React.FC<any> = () => {
</h5>

<p className="white">
<b>Version 0.6.1</b> / Gamma III
<b>Version 0.6.2</b> / Gamma IV
</p>

<div className="btn-group">
Expand Down
2 changes: 1 addition & 1 deletion cirrus-docs-next/src/why/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -77,7 +77,7 @@ export const WhyPage: React.FC<any> = (props) => {

<img
className="ml-1"
src="https://img.shields.io/badge/cirrus-0.6.1-blue.svg?style=flat-square"
src="https://img.shields.io/badge/cirrus-0.6.2-blue.svg?style=flat-square"
alt="Version"
/>
<img
Expand Down
45 changes: 45 additions & 0 deletions cirrus-docs-next/static/markdown/0.6.2.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
Cirrus 0.6.2 is a minor update that officially introduces viewport variants for utility classes. The viewport behavior is now consistent across all supported utility classes. For example, we can make a `div` have `display: block` only for `md` or higher just by adding the `u-block-md` class. The main concept here is that we design for the smallest screen width and only apply the modifications for larger widths (more on this later).

##### 🎉 Features

- This update officially adds support for viewport classes for the following utilities:
- Clearfix
- Display
- Flexbox
- Position
- Streamline generation of viewport classes for different utilities. These utility classes follow a mobile-first design approach, meaning that something like `u-flex` will allow for all viewports. To change the behavior for `sm`, `md`, `lg`, or `xl`, we would need to apply additional modifier classes (see example below). [c0e9980](https://github.com/Spiderpig86/Cirrus/commit/c0e99800734c3486d7893d8ee6170bbed3e22a08)
- In this example, here we start with `u-flex` for `xs` to `sm`. For `md` and above, we will use `u-block`.

```html
<div class="u-flex u-block-md">
<!-- -->
</div>
```

- Classes that apply on buttons such as default button styling, styling buttons in headers, etc. all now use a common selector. [1b6b997](https://github.com/Spiderpig86/Cirrus/commit/1b6b997e239955d792cc0605c61d4a71ef58c0a5)
- New overflow utility classes: [2ac8654](https://github.com/Spiderpig86/Cirrus/commit/2ac8654a80443d7f09af8d18ce615e56b0ec1440)
- overflow-[auto/hidden/visible/scroll]
- overflow-x-[auto/hidden/visible/scroll]
- overflow-y-[auto/hidden/visible/scroll]
- Other refactoring: [0ef030b](https://github.com/Spiderpig86/Cirrus/commit/0ef030b4893c40ff57183e0cecc306aeced4ddb0)
- Refactored code to extract more hard coded values to variables.
- Removed usage of prefixed \*-transition properties, not needed according to http://shouldiprefix.com
- Removed remaining @media declaration in favor of screen-above, screen-below, and screen-between utilities
- Deprecated `font-italic`
- Added more group selectors

##### 🐛 Fixes

- Removed excess padding on selects which broke the display in form groups.
[639f52f](https://github.com/Spiderpig86/Cirrus/commit/639f52f2d817247f3dd36759ccd455e2cf0f6e6e) [#59](https://github.com/Spiderpig86/Cirrus/issues/59)

##### 💥 Breaking Changes

- Simplified position utility class naming: [9edfab5](https://github.com/Spiderpig86/Cirrus/commit/9edfab5b6c131e18e519e639c8dfbb29dc10707e)
- `u-position-static` => `u-static`
- `u-position-fixed` => `u-fixed`
- `u-position-absolute` => `u-absolute`
- `u-position-relative` => `u-relative`
- `u-position-sticky` => `u-sticky`
- Renamed `u-hide-overflow` to `u-overflow-hidden` to be consistent with utility class naming conventions. [5774e4b](https://github.com/Spiderpig86/Cirrus/commit/5774e4bc55f83e13086744b29c4059a582c06621)
- Deprecated `font-italitc`, use `<em></em>` or `<i></i>` instead. [0ef030b](https://github.com/Spiderpig86/Cirrus/commit/0ef030b4893c40ff57183e0cecc306aeced4ddb0)

0 comments on commit e61a565

Please sign in to comment.