1
0
mirror of https://github.com/cjcenizal/flexbox-patterns.git synced 2025-08-22 23:53:10 +02:00

4 Commits
0.1.0 ... 0.1.1

Author SHA1 Message Date
CJ Cenizal (MacBook Air)
a455706b56 Bump to 0.1.1. 2016-04-23 20:11:19 -07:00
CJ Cenizal
7f03ade1f7 Merge pull request #5 from RoberMac/master
Fix: flex-grow default value is 0 and flex-shrink default value is 1
2016-04-23 20:09:13 -07:00
RoberMac
9b5c57a4d2 Fix: flex-grow default value is 0 and flex-shrink default value is 1 2016-04-23 10:33:31 +08:00
CJ Cenizal (MacBook Air)
ac3799a277 Update README with accessibility info. 2016-04-21 15:52:07 -07:00
4 changed files with 12 additions and 5 deletions

View File

@@ -18,3 +18,10 @@ This command will concatenate the source CSS files into a single CSS file, and
then use PostCSS to add various vendor-prefixed properties. Open up
`dist/index.html` to see a demo page of the various flexbox patterns in the
browser.
## Things to keep in mind
_I don't recommend copy-pasting these examples directly into production code._
I'm only trying to demonstrate different ways of using flexbox through these
examples, so they may not incorporate some accessibility best practices (such as using semantic HTML5 elements and the `role` attribute). Before using this
code in production you should make sure it meets your accessibility needs.

4
dist/styles.css vendored
View File

@@ -568,11 +568,11 @@
*
* We'll also set flex-grow to 1 so that it
* will expand to fill its container. (The
* default value is 1.)
* default value is 0.)
*
* We'll set flex-shrink to 1 so that the element
* will shrink as its container gets smaller.
* (The default value is 0.)
* (The default value is 1.)
*
* Last, we set flex-basis to 0 so that its
* size is solely determined by the size of

View File

@@ -1,6 +1,6 @@
{
"name": "flexbox-patterns",
"version": "0.1.0",
"version": "0.1.1",
"description": "Patterns for using flexbox CSS to build awesome UI components",
"repository": "cjcenizal/flexbox-patterns",
"author": {

View File

@@ -19,11 +19,11 @@
*
* We'll also set flex-grow to 1 so that it
* will expand to fill its container. (The
* default value is 1.)
* default value is 0.)
*
* We'll set flex-shrink to 1 so that the element
* will shrink as its container gets smaller.
* (The default value is 0.)
* (The default value is 1.)
*
* Last, we set flex-basis to 0 so that its
* size is solely determined by the size of