psychic-ui/src/typography/typography.styl

the working mans css framework

hr
    border: 0
    height: 0
    border-top: 1px solid $brands['default']
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)

pre
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: $border-radius;

blockquote
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee

    for $brand in $brands
        &.text-{$brand}
            border-color: $brands[$brand] !important

code
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px

.a
    color: $colors['link']
    text-decoration: none
    font-weight: 300

    &:hover
        text-decoration: underline

small
    color: #777
    font-size: 75%
    font-weight: 400