Skip to content

Instantly share code, notes, and snippets.

@mattjburrows

mattjburrows/screen.css (snippet 3.1)

Last active August 29, 2015 13:57
Download ZIP

Revisions

  1. mattjburrows revised this gist Mar 14, 2014. 1 changed file with 0 additions and 3 deletions.
    3 changes: 0 additions & 3 deletions screen.css (snippet 3.1)
    View file
    Original file line number Diff line number Diff line change
    @@ -45,7 +45,4 @@
    }
    .navigation-module .navigation-module__item.is-active {
    background-color: #e14d3f;
    }
    .navigation-module.navigation--alpha .navigation-module__item.is-active {
    background-color: #4285f4;
    }
  2. mattjburrows created this gist Mar 14, 2014.
    51 changes: 51 additions & 0 deletions screen.css (snippet 3.1)
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,51 @@
    // Gallery specific styles.
    .gallery-module {
    position: relative;
    background-color: #fafafa;
    border-bottom: 1px solid white;
    }
    .gallery-module .gallery-module__wrapper {
    *zoom: 1;
    }
    .gallery-module .gallery-module__wrapper:before,
    .gallery-module .gallery-module__wrapper:after {
    content: ' ';
    display: table;
    }
    .gallery-module .gallery-module__wrapper:after {
    clear: both;
    }
    .gallery-module .gallery-module__slide {
    float: left;
    display: block;
    }

    // Navigation specific styles.
    .navigation-module {
    width: 100%;
    text-align: center;
    }
    .navigation-module .navigation-module__item {
    width: 12px;
    height: 12px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin: 0 6px;
    background-color: #cacaca;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid transparent;
    text-indent: -999px;
    overflow: hidden;
    }
    .navigation-module .navigation-module__item.is-active {
    background-color: #e14d3f;
    }
    .navigation-module.navigation--alpha .navigation-module__item.is-active {
    background-color: #4285f4;
    }