Skip to content

Instantly share code, notes, and snippets.

@WebPlatformDocs

WebPlatformDocs/dabblet.css

Created November 22, 2013 13:22
Download ZIP

Revisions

  1. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  2. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  3. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  4. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  5. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  6. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  7. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  8. WebPlatformDocs revised this gist Nov 22, 2013. No changes.
  9. WebPlatformDocs revised this gist Nov 22, 2013. 4 changed files with 6 additions and 21 deletions.
    20 changes: 3 additions & 17 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,25 +1,11 @@
    .list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    display: flex;
    flex-flow: row wrap;
    }

    .list div {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;

    background: #CCC;
    margin: 5px;
    }

    }
    3 changes: 1 addition & 2 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,5 +2,4 @@
    <div>First</div>
    <div>Second</div>
    <div>Third</div>
    </div>

    </div>
    2 changes: 1 addition & 1 deletion dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    // alert('Hello world!');
    // alert('Hello world!');
    2 changes: 1 addition & 1 deletion settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"all"}
  10. @rodneyrehm rodneyrehm created this gist Feb 8, 2013.
    25 changes: 25 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,25 @@
    .list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    flex-flow: row wrap;
    }

    .list div {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;

    background: #CCC;
    margin: 5px;
    }

    6 changes: 6 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    <div class="list">
    <div>First</div>
    <div>Second</div>
    <div>Third</div>
    </div>

    1 change: 1 addition & 0 deletions dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    // alert('Hello world!');
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"css"}