Skip to content

Instantly share code, notes, and snippets.

@pyrocat101

pyrocat101/dabblet.css

Last active September 7, 2021 23:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save pyrocat101/3ed675efff6d39e637a2ba9b8d5566df to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save pyrocat101/3ed675efff6d39e637a2ba9b8d5566df to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. pyrocat101 revised this gist Sep 7, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -12,7 +12,7 @@
    padding: 16px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 240px));
    grid-template-columns: repeat(auto-fit, 240px);
    grid-gap: 16px;
    }

  2. pyrocat101 revised this gist Sep 7, 2021. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -11,7 +11,6 @@
    #container {
    padding: 16px;
    width: 100%;
    /* height: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 240px));
    grid-gap: 16px;
  3. pyrocat101 created this gist Sep 7, 2021.
    29 changes: 29 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,29 @@
    /**
    * Grid
    */

    * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }

    #container {
    padding: 16px;
    width: 100%;
    /* height: 100%; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 240px));
    grid-gap: 16px;
    }

    @media only screen and (max-width: 1280px) {
    #container {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    }
    }

    .item {
    height: 100px;
    border-radius: 8px;
    }
    7 changes: 7 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <div id="container">
    <div class="item" style="background: #F3B3A6"></div>
    <div class="item" style="background: #B98B82"></div>
    <div class="item" style="background: #E4959E"></div>
    <div class="item" style="background: #37515F"></div>
    <div class="item" style="background: #1F0812"></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":"1","page":"all"}