jefff35/mindOverflow

View on GitHub
app/assets/stylesheets/articles.css.less

Summary

Maintainability
Test Coverage
@import "twitter/bootstrap";
@import "twitter/bootstrap/mixins";
@import "twitter/bootstrap/labels-badges";

.right_side{
    float:right;
    .action{
    margin-bottom: 10px;
    }
    .tag{
    }
}


.posts{
    .posts_border{
    border-right-style: solid;
    border-color: #D4D4D4;
    border-width: 1px;
    .post{
        .post_borders{
        padding-bottom: 25px;
        border-bottom-style: solid;
        border-color: #D4D4D4;
        border-width: 1px;
        .content{
        .title{
            font-weight: bold;
            .actions{
            vertical-align: middle;
            .edit{
                vertical-align: middle;
            }
            }
            .favorite_icon{
            vertical-align: middle;
            }
            .rate{
            .badge;
            vertical-align: middle;
            }
        }
        }
        .writer{
        margin:0;
        margin-top: 1%;
        display: table;
        .align-writer{
            vertical-align: middle;
            text-align: center;
        }
        .user_name{
            margin-top: 5px;
            width: 50%;
            text-align: center;
            display: inline-block;
        }
        }
        }
    }
    }
}

.avatar{
    height: 32px;
}


a:hover{
    text-decoration: none;
    color: orange;
}


.tag{
    .label;
    background-color: @infoText;
    margin-right: 5px;
    font-size: 1.0em;
}

.tag:hover{
    text-decoration: none;
    color: orange;
}

.cloud{
    padding:2px;
    line-height: 3em;
    text-align: center;
    margin: 0;
}

.tag-count{
    font-weight: normal;
    font-size: 12px;
    vertical-align: middle;
}

.cloud tag-cloud{
    padding: 0px;
}

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.1em; }
.css3 { font-size: 1.2em; }
.css4 { font-size: 1.3em; }

.notations{
    float: left;
    padding-right: 20px;
}

.post_section{
    clear :both;
}

.title_bar{
    .post_title{
    .destroy{
        i{
        vertical-align: middle;
        }
    }
    }
    .post_infos{
    vertical-align: middle;
    text-align: center;
    margin: 10px 0;
    }
}

.post_short{
    overflow: hidden;
    border-bottom: solid;
    border-color: #D4D4D4;
    border-width: 1px;

}