psychic-ui/src/panel/panel.styl

the working mans css framework

.panel
    position: relative
    height: auto
    border: 1px solid $brands['default']

    for key, value in $brands
        &.panel-{key}
            border: 1px solid value

            >.panel-header
                background-color: value
                color: white

            >.panel-footer
                background-color: value
                color: white

    >.panel-body
        padding: 15px

    >.panel-header
        top: 0
        padding: 15px

    >.panel-footer
        bottom: 0
        padding: 15px;