.page #sidebar{ margin-top: 2.8125em; } .animations-enable #sidebar .widget{ opacity: 0; transform: translate(0,50px); transition: opacity 500ms 400ms, transform 500ms 400ms; } .pace-done.animations-enable #sidebar .widget, .no-js #sidebar .widget{ opacity: 1; transform: translate(0,0); } // .delay-widget(15); // .delay-widget(@n, @i: 1) when (@i =< @n) { // #sidebar .widget:nth-child(@{i}) { // .transition-delay( unit( ( 200 * @i ), ms ) ); // } // .delay-widget(@n, (@i + 1)); // } /* Widgets -------------------------------- */ #sidebar .widget{ margin-bottom: 4.28571428571429em; position:relative; padding: 0; font-size: 0.875rem; .widget-title{ font-size: 16px; font-weight: bold; text-transform: uppercase; color: $gray-500; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-bottom: 0.625rem; } ul, ol{ margin-left:0px; margin-bottom:0; padding-left: 0; li{ list-style:none; border-bottom: rgba(255,255,255,0.15) 1px solid; &:first-child{ border-top: none; } a{ display: inline-block; color: inherit; } ul{ margin-left: 15px; margin-bottom: 0; margin-top: 0 !important; font-size: inherit; li:last-child{ border-bottom: none; } } } } & > ul li > a{ padding: 0.63636363636364em 0; font-weight: normal; transition: all 200ms; &:hover{ text-indent: 10px; text-decoration: none; } } img{ max-width: 100%; } .pagenav, .linkcat{ list-style: none; } } #sidebar.col-md-pull-9 .widget{ margin-right: 10px; margin-left: 0; } #sidebar select{ color: $gray-700; } /* Recent Comments Widget -------------------------------- */ #sidebar .widget_recent_comments ul#recentcomments{ margin-top:17px; } #sidebar .widget_recent_comments ul li{ padding-left: 35px; margin-bottom: 20px; border:none; position: relative; display: block; width: 100%; } #sidebar .widget_recent_comments ul li::before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; content: ""; position: absolute; left: 0; top: 0; font-size: 14px; } #sidebar .widget_recent_comments ul li i{ position: absolute; color: $gray-500; left: 0; top: 20%; font-size: 1.45454545454545em; } #sidebar .widget_recent_comments ul li a{ display:inline; background:none; padding:0; } #sidebar .widget_recent_comments ul li a:hover{ background: none; } /* Recent Posts Widget -------------------------------- */ #sidebar .widget_recent_entries ul li{ display: block; width: 100%; a{ color: inherit; &:hover{ color: $gray-700; } } } /* Tag Widget -------------------------------- */ #sidebar .widget_tag ul.wp-tag-cloud{ margin-top:20px; } #sidebar .widget_tag ul li{ display: inline-block; margin:0 0.90909090909091em 0.90909090909091em 0; border:none; } #sidebar .widget_tag ul li a{ background-color: $gray-400; display:inline-block; padding:3px 6px; font-weight:bold; border-radius: 3px; outline:none; } #sidebar .widget_tag ul li a:hover{ color: $gray-500; text-decoration:none; text-indent: 0; } #sidebar .widget_tag ul li a:active{ position: relative; top: 1px; } // Large and up @include media-breakpoint-up(lg) { #sidebar{ padding-left: 60px; } }