diff options
Diffstat (limited to 'themes/classic/sass/partials/_sidebar.scss')
-rw-r--r-- | themes/classic/sass/partials/_sidebar.scss | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/themes/classic/sass/partials/_sidebar.scss b/themes/classic/sass/partials/_sidebar.scss new file mode 100644 index 00000000..8c38e2a6 --- /dev/null +++ b/themes/classic/sass/partials/_sidebar.scss @@ -0,0 +1,59 @@ +.side-shadow-border { + @include box-shadow(lighten($sidebar-bg, 5) 0 1px); +} +#articles + aside { + color: $sidebar-color; + padding-top: 1.2em; + text-shadow: lighten($sidebar-bg, 8) 0 1px; + section { + @extend .sans; + font-size: .8em; + line-height: 1.4em; + margin-bottom: 1.5em; + h1 { + margin: 1.5em 0 0; + padding-bottom: .2em; + border-bottom: 1px solid $sidebar-border; + @extend .side-shadow-border; + + p { + padding-top: .4em; + } + } + } + ul { + margin-bottom: 0.5em; + } + li { + list-style: none; + padding: .5em 0; + margin: 0; + border-bottom: 1px solid $sidebar-border; + @extend .side-shadow-border; + p:last-child { + margin-bottom: 0; + } + } + a { + color: inherit; + @include transition(color, .5s); + } + &:hover a, &:hover #tweets a { color: $sidebar-link-color; + &:hover { color: $sidebar-link-color-hover; } + } + #recent_posts { + time { + text-transform: uppercase; + font-size: .9em; + color: #666; + } + } + @import "twitter"; + @import "pinboard"; + @import "delicious"; +} +.aside-alt-link { + color: $sidebar-link-color-subdued; + &:hover { + color: $sidebar-link-color-subdued-hover; + } +} |