Skip to content

Instantly share code, notes, and snippets.

@pushpan999

pushpan999/vanilla.css

Last active July 31, 2017 03:59
Show Gist options
  • Save pushpan999/df7920faea2fe5178847960532402a0b to your computer and use it in GitHub Desktop.
Save pushpan999/df7920faea2fe5178847960532402a0b to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. pushpan999 revised this gist Jul 31, 2017. No changes.
  2. pushpan999 revised this gist Jul 31, 2017. 1 changed file with 6 additions and 7 deletions.
    13 changes: 6 additions & 7 deletions vanilla.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,10 +5,10 @@

    .karc-cp-container .left-area > article > a {
    flex-basis: 30%;
    padding: 1rem;
    background: #eee;
    border: 1px solid #d0d0d0;
    min-height: 14rem;
    padding: 1rem;
    background: #eee;
    border: 1px solid #d0d0d0;
    min-height: 14rem;

    }
    .karc-cp-container .left-area > article > h2 {
    @@ -39,9 +39,8 @@
    .karc-cp-container .left-area > article > .post_meta_wrapper > a {
    padding: 1rem;
    background: #eee;
    border: 1px solid #d0d0d0;
    order: 0;

    border: 1px solid #d0d0d0;
    order: 0;
    }

    .karc-cp-container .left-area > article ul {
  3. pushpan999 revised this gist Jul 31, 2017. No changes.
  4. pushpan999 revised this gist Jul 31, 2017. No changes.
  5. pushpan999 revised this gist Jul 31, 2017. No changes.
  6. pushpan999 revised this gist Jul 31, 2017. No changes.
  7. pushpan999 created this gist Jul 31, 2017.
    53 changes: 53 additions & 0 deletions vanilla.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,53 @@
    .karc-cp-container .left-area > article {
    display: flex;
    padding: 2%;
    }

    .karc-cp-container .left-area > article > a {
    flex-basis: 30%;
    padding: 1rem;
    background: #eee;
    border: 1px solid #d0d0d0;
    min-height: 14rem;

    }
    .karc-cp-container .left-area > article > h2 {
    padding-left: 1rem;
    }

    .karc-cp-container .left-area > article a {
    color: #3a79f5;
    }

    .karc-cp-container .left-area > article a:hover {
    color: #215acc;
    }

    .karc-cp-container .left-area > article > .post_meta_wrapper {
    display: flex;
    flex-direction: column;

    }

    .karc-cp-container .left-area > article > .post_meta_wrapper > h1 {
    order:1;
    margin-bottom: 0.5em;
    padding-top: 0.5em;

    }

    .karc-cp-container .left-area > article > .post_meta_wrapper > a {
    padding: 1rem;
    background: #eee;
    border: 1px solid #d0d0d0;
    order: 0;

    }

    .karc-cp-container .left-area > article ul {
    list-style: none;
    }

    .karc-cp-container .left-area > article ul li {
    padding-bottom: 0.5em;
    }