/*Each line is one test unit, but multiple units (or all) can run at once*/

$blue: #3bbfce;
$margin: 16px;
.content-navigation {
    border-color: $blue;
    color       : darken($blue,9%);
}
.border {
    border-color: $blue;
    margin      : $margin/2;
    padding     : $margin/2;
}
.styleguide-format {
    background: rgba(0,0,0,0.5);
    border    : 1px 2px 1px 2px solid #00FF00;
    color     : #000;
}
ul.category-list {
    & > li {
        list-style-type: disc;
    }
    a {
        color: #f00;
    }
}
@mixin table-scaffolding {
    td,
    th {
        padding: 2px;
    }
    th {
        font-weight: bold;
        text-align : center;
    }
}
@mixin left($dist) {
    float      : left;
    margin-left: $dist;
}
#data {
    @include left(10px);
    @include table-scaffolding;
}
a {
    -moz-transition   : all 0.25s ease-in-out;
    -ms-transition    : all 0.25s ease-in-out;
    -o-transition     : all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    color             : #80c040;
    transition        : all 0.25s ease-in-out;
}
a:hover {
    color: #000;
}
.button {
    -moz-transition   : all 0.25s ease-in-out;
    -ms-transition    : all 0.25s ease-in-out;
    -o-transition     : all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    background        : #80c040;
    color             : #fff;
    transition        : all 0.25s ease-in-out;
}
.button:hover {
    background: #000;
}
$defaultFont: Helvetica,Arial,sans-serif,"Courier New";
$primaryColor: #80c040;
#header h2,
.favorite li,
li,
p {
    color      : $primaryColor;
    font-family: $defaultFont;
    font-size  : 24px;
}
a {
    color          : $primaryColor;
    font           : {
        family: Helvetica,Arial,sans-serif;
        size  : 14px;
    }
    text-decoration: none;
    @include transition;
    &:hover {
        text-decoration: underline;
    }
}
$the-border: 1px;
#header {
    border-left : $the-border;
    border-right: $the-border*2;
}
a.th {
    .shadow .box button {
        box-shadow : 0 0.1em 0.2em rgba(0,0,0,0.75);
        text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, .5);
    }
    .shadow .box button.resize {
        background  : #bbf;
        border-color: #446;
        color       : #446;
    }
}
a {
    margin : 4px 3px 2px 1px;
    padding: 4px 3px 2px 1px;
}
a {
    margin: 4px 3px 2px 2px;
}
a {
    margin-left : 0 !important;
    margin-right: 20px;
    margin-top  : 0.5em;
}