Skip to content

Instantly share code, notes, and snippets.

@robhrt7

robhrt7/organisation.css

Last active August 29, 2015 13:56
Download ZIP

Revisions

  1. robhrt7 revised this gist Mar 21, 2014. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions organisation.css
    View file
    Original file line number Diff line number Diff line change
    @@ -3,8 +3,7 @@
    ==============================================================================================
    */

    /*.elem-no-rules {*/
    /*}*/
    .elem-no-rules {}

    .elem-no-rules_child {
    display: inline-block;
  2. robhrt7 revised this gist Feb 17, 2014. 1 changed file with 41 additions and 41 deletions.
    82 changes: 41 additions & 41 deletions organisation.css
    View file
    Original file line number Diff line number Diff line change
    @@ -20,60 +20,60 @@
    -------------------------------------------------- */

    .elem {
    display: block;
    }
    .elem:hover {
    display: none;
    }

    .elem.__special {
    height: 180px;
    }

    display: block;
    }
    .elem:hover {
    display: none;
    }
    .elem.__special {
    height: 180px;
    }
    .elem_child {
    background: red;
    }
    background: red;
    }

    .elem.__n1 { color: red; }
    .elem.__n2 { color: green; }
    .elem.__n3 { color: yellow; }

    .elem-elem {
    text-align: center;
    }

    .elem-elem_child {
    text-align: left;
    }
    text-align: center;
    }
    .elem-elem_child {
    text-align: left;
    }
    .elem-elem_child:first-child {
    font-size: 10px;
    }
    .elem-elem_child:before,
    .elem-elem_child:after {
    content: "";
    display: block;
    }
    .elem-elem_child:before:hover {
    opacity: .5;
    }
    .ie8 .elem-elem_child {
    font-size: 11px;
    }
    font-size: 10px;
    }
    .elem-elem_child:before,
    .elem-elem_child:after {
    content: "";
    display: block;
    }
    .elem-elem_child:before:hover {
    opacity: .5;
    }
    .ie8 .elem-elem_child {
    font-size: 11px;
    }

    .elem-elem-foo,
    .elem-elem-goo,
    .elem-elem-bar {
    text-align: left;
    font-weight: bold;
    }
    text-align: left;
    font-weight: bold;
    }

    .elem-elem-bar {
    color: red;
    }
    color: red;
    }

    .elem-elem-bar {
    position: static;
    }
    position: static;
    }

    /* /Elem */

    @@ -116,6 +116,6 @@ a.white:hover,
    .stub-img__180,
    .stub-img__190,
    .stub-img__photo120
    {
    background-repeat: no-repeat;
    }
    {
    background-repeat: no-repeat;
    }
  3. robhrt7 revised this gist Feb 17, 2014. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions organisation.css
    View file
    Original file line number Diff line number Diff line change
    @@ -6,9 +6,9 @@
    /*.elem-no-rules {*/
    /*}*/

    .elem-no-rules_child {
    display: inline-block;
    }
    .elem-no-rules_child {
    display: inline-block;
    }



  4. robhrt7 created this gist Feb 17, 2014.
    121 changes: 121 additions & 0 deletions organisation.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,121 @@
    /*
    CSS organisation principles
    ==============================================================================================
    */

    /*.elem-no-rules {*/
    /*}*/

    .elem-no-rules_child {
    display: inline-block;
    }



    /*
    ==============================================================================================
    */

    /* Elem
    -------------------------------------------------- */

    .elem {
    display: block;
    }
    .elem:hover {
    display: none;
    }

    .elem.__special {
    height: 180px;
    }

    .elem_child {
    background: red;
    }

    .elem.__n1 { color: red; }
    .elem.__n2 { color: green; }
    .elem.__n3 { color: yellow; }

    .elem-elem {
    text-align: center;
    }

    .elem-elem_child {
    text-align: left;
    }
    .elem-elem_child:first-child {
    font-size: 10px;
    }
    .elem-elem_child:before,
    .elem-elem_child:after {
    content: "";
    display: block;
    }
    .elem-elem_child:before:hover {
    opacity: .5;
    }
    .ie8 .elem-elem_child {
    font-size: 11px;
    }

    .elem-elem-foo,
    .elem-elem-goo,
    .elem-elem-bar {
    text-align: left;
    font-weight: bold;
    }

    .elem-elem-bar {
    color: red;
    }

    .elem-elem-bar {
    position: static;
    }

    /* /Elem */



    /*
    ==============================================================================================
    */

    .mb-5 {margin-bottom: 5px;}
    .mb-10 {margin-bottom: 10px;}
    .mb-15 {margin-bottom: 15px;}
    .mb-20 {margin-bottom: 20px;}

    .mb-5 {margin-bottom: 5px;}
    .mb-10 {margin-bottom: 10px;}
    .mb-15 {margin-bottom: 15px;}
    .mb-20 {margin-bottom: 20px;}



    /*
    ==============================================================================================
    */

    a.white:hover,
    .white_hover:hover {color:#ccc;}



    /*
    ==============================================================================================
    */

    .stub-img__32,
    .stub-img__40,
    .stub-img__50,
    .stub-img__128,
    .stub-img__150,
    .stub-img__180,
    .stub-img__190,
    .stub-img__photo120
    {
    background-repeat: no-repeat;
    }