2 |-------------------------------------------------------------------------------
4 |-------------------------------------------------------------------------------
14 // Visible by default on desktop
15 @include breakpoint(desktop) {
19 // Off canvas by default on mobile
20 @include breakpoint(mobile) {
26 |-------------------------------------------------------------------------------
28 |-------------------------------------------------------------------------------
35 @include bg-size(cover);
36 background-position: 50% 50%;
40 .c-sidebar-header__link,
41 .c-sidebar-header__image {
48 .c-sidebar-header__image {
49 @include border-radius(40px);
50 border: 2px solid $c-white;
54 .c-sidebar-header__link {
63 |-------------------------------------------------------------------------------
64 | Sidebar blog description
65 |-------------------------------------------------------------------------------
67 .c-sidebar-blog-description {
76 |-------------------------------------------------------------------------------
78 |-------------------------------------------------------------------------------
80 .c-sidebar-blog-title {
87 |-------------------------------------------------------------------------------
88 | Sidebar contact links - github, linkedin, twitter, etc.
89 |-------------------------------------------------------------------------------
91 .c-sidebar-contact-links {
95 border-bottom: 1px solid $c-gray;
98 .c-sidebar-contact-links__item {
103 |-------------------------------------------------------------------------------
105 |-------------------------------------------------------------------------------
107 .c-sidebar-navigation {
110 padding: 0 15px 20px;
111 border-bottom: 1px solid $c-gray;
114 .c-sidebar-navigation__item {
117 display: inline-block;
121 |-------------------------------------------------------------------------------
122 | Sidebar promotion links
123 |-------------------------------------------------------------------------------
125 .c-sidebar-promotion-links {
128 padding-bottom: 20px;
129 border-bottom: 1px solid $c-gray;
132 .c-sidebar-promotion-links__item {