@import 'variables';
@import 'mixins';

.widget-discussion-post {
    margin-bottom:20px;
    overflow:hidden;

    &>.post-avatar {
        margin-right:15px;
        float:left;

        .avatar {
            width:35px;
            height:35px;
            border-radius:3px;
        }
    }

    &>.post-body {
        width:100%;
    }

    &.delete {
        .avatar, .post-body {
            opacity:0.3;
        }
    }

    &+.widget-discussion-post {
        border-top:1px solid #eee;
        padding-top:20px;
    }


    .post-header {
        overflow:hidden;
        margin-bottom:5px;
        .user-handle {
            display:inline-block;
            color:#333;
            font-weight:$regular;
            margin-right:5px;
            @include font-size(13, 13);
        }
        .user-role {
            display:inline-block;
            background:#eee;
            padding:2px 5px 3px 5px;
            border-radius:2px;
            @include font-size(11, 11);
            color:#888;
            font-weight:$regular;
        }
        .created-at {
            margin-top:5px;
            @include font-size(11, 13);
            color:#999;
            @include width-medium() {
                float:right;
                margin-top:0px;
            }
        }
    }
}
