Skip to content

Instantly share code, notes, and snippets.

@jasontthai

jasontthai/style.scss

Last active July 25, 2019 21:55
Download ZIP

Revisions

  1. jasontthai revised this gist Jul 25, 2019. 1 changed file with 44 additions and 8 deletions.
    52 changes: 44 additions & 8 deletions style.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,21 +1,31 @@
    .excerpt:hover {
    opacity: 0.5;
    transition: 0.5s;
    $post-color: #faf5ef;
    $link-color: #00a79d;

    .post {
    background-color: $post-color;
    padding: 15px;
    }

    a {
    color: $link-color;
    &:visited {
    color: darken($link-color, 10%);
    }
    }

    .excerpt:hover {
    opacity: 0.8;

    a {
    color: $brand-color;
    text-decoration: none;

    &:visited {
    color: darken($brand-color, 15%);
    }
    }
    }

    .excerpt {
    background-color: $post-color;
    border: 1px solid #d3d3d3;
    border-radius: .25rem;
    margin-top: 15px;

    p {
    text-decoration: none;
    @@ -24,6 +34,7 @@
    }
    span {
    padding: 15px 15px 0px 15px;
    color: #672f2f;
    }
    }

    @@ -36,4 +47,29 @@
    min-height: 180px;
    background-position: center;
    background-color: #ccc;
    }

    .page-nav {
    display: block;
    width: auto;
    overflow: hidden;
    }

    .page-nav a {
    display: block;
    width: 50%;
    float: left;
    margin: 1em 0;
    }

    .page-nav .next {
    text-align: right;
    }

    .section-nav {
    background-color: #fff;
    margin: 5px 0;
    padding: 10px 30px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    }
  2. jasontthai created this gist Jul 18, 2019.
    39 changes: 39 additions & 0 deletions style.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,39 @@
    .excerpt:hover {
    opacity: 0.5;
    transition: 0.5s;


    a {
    color: $brand-color;
    text-decoration: none;

    &:visited {
    color: darken($brand-color, 15%);
    }
    }
    }

    .excerpt {
    border: 1px solid #d3d3d3;
    border-radius: .25rem;

    p {
    text-decoration: none;
    color: $text-color;
    padding: 15px;
    }
    span {
    padding: 15px 15px 0px 15px;
    }
    }

    .site-nav {
    z-index: 99999;
    }

    .bg-img {
    background-size: cover;
    min-height: 180px;
    background-position: center;
    background-color: #ccc;
    }