aboutsummaryrefslogtreecommitdiff
path: root/themes/classic/sass/partials/_sidebar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'themes/classic/sass/partials/_sidebar.scss')
-rw-r--r--themes/classic/sass/partials/_sidebar.scss59
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;
+ }
+}