// —————————————————————————– // This file contains all styles related to the sidebar of the site/application. // —————————————————————————–
.sidebar {
@include make-col-ready(); @include media-breakpoint-up(sm) { position: fixed; }
}
.user-profile {
text-align: center; .avatar { margin-bottom: 25px; } .my-name { color: #333; display: block; font-size: 24px; font-weight: 700; line-height: 30px; } .job-title { font-size: 14px; font-weight: 300; margin: 5px 0 0; } .about-me { p { font-size: 16px; font-weight: 400; line-height: 24px; text-align: left; } } .latest-posts { text-align: left; ul { box-shadow: 0 2px 3px rgba(0,0,0,0.05); border: 1px solid #eee; list-style: none; padding: 0; li { a { background: #fff; border-bottom: 1px solid #eee; color: #aaa; display: block; padding: 10px 15px; &:hover { background: #f6f6f6; box-shadow: inset 4px 0 0 $brand-color; text-decoration: none; } } &.active { a { background: #f6f6f6; } } } } }
}