aboutsummaryrefslogtreecommitdiff
path: root/themes/classic/sass/partials/sidebar
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-06-27 16:59:21 -0400
committerBrandon Mathis <brandon@imathis.com>2011-06-27 16:59:21 -0400
commit91f0190184b605a47183d9741ea0f08e208c2cb2 (patch)
treef2fe6c99d6992844a0bc0b777ffe554d6d04a913 /themes/classic/sass/partials/sidebar
parent353ccfd4ebec153a46b12faffff8ab2bba36efc8 (diff)
downloadmy_new_personal_website-91f0190184b605a47183d9741ea0f08e208c2cb2.tar.xz
my_new_personal_website-91f0190184b605a47183d9741ea0f08e208c2cb2.zip
Included Sass files which should have been in my previous commit. Oops!
How embarrassing. Also I've updated the gitignore.
Diffstat (limited to 'themes/classic/sass/partials/sidebar')
-rw-r--r--themes/classic/sass/partials/sidebar/_base.scss56
-rw-r--r--themes/classic/sass/partials/sidebar/_delicious.scss4
-rw-r--r--themes/classic/sass/partials/sidebar/_pinboard.scss12
-rw-r--r--themes/classic/sass/partials/sidebar/_twitter.scss33
4 files changed, 105 insertions, 0 deletions
diff --git a/themes/classic/sass/partials/sidebar/_base.scss b/themes/classic/sass/partials/sidebar/_base.scss
new file mode 100644
index 00000000..861efc91
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_base.scss
@@ -0,0 +1,56 @@
+.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;
+ }
+ }
+}
+.aside-alt-link {
+ color: $sidebar-link-color-subdued;
+ &:hover {
+ color: $sidebar-link-color-subdued-hover;
+ }
+}
diff --git a/themes/classic/sass/partials/sidebar/_delicious.scss b/themes/classic/sass/partials/sidebar/_delicious.scss
new file mode 100644
index 00000000..e962702e
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_delicious.scss
@@ -0,0 +1,4 @@
+.delicious-posts {
+ a.delicious-link { margin-bottom: .5em; display: block; }
+ p { font-size: 1em; }
+}
diff --git a/themes/classic/sass/partials/sidebar/_pinboard.scss b/themes/classic/sass/partials/sidebar/_pinboard.scss
new file mode 100644
index 00000000..9f9ab461
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_pinboard.scss
@@ -0,0 +1,12 @@
+#pinboard_linkroll {
+ .pin-title, .pin-description {
+ display: block;
+ margin-bottom: .5em;
+ }
+ .pin-tag {
+ @include hover-link;
+ @extend .aside-alt-link;
+ &:after { content: ','; }
+ &:last-child:after { content: ''; }
+ }
+}
diff --git a/themes/classic/sass/partials/sidebar/_twitter.scss b/themes/classic/sass/partials/sidebar/_twitter.scss
new file mode 100644
index 00000000..36c6f62b
--- /dev/null
+++ b/themes/classic/sass/partials/sidebar/_twitter.scss
@@ -0,0 +1,33 @@
+#tweets {
+ .loading {
+ background: inline-image('bird_32_gray.png') no-repeat center .5em;
+ color: darken($sidebar-bg, 18);
+ text-shadow: $main-bg 0 1px;
+ text-align: center;
+ padding: 2.5em 0 .5em;
+ &.error {
+ background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
+ }
+ }
+ a { color: $sidebar-link-color-subdued; @include hover-link; }
+ p {
+ position: relative;
+ padding-right: 1em;
+ }
+ a[href*=status]{
+ color: $twitter-status-link;
+ float: right;
+ padding: 0 0 .1em 1em;
+ position: relative; right: -1.3em;
+ text-shadow: #fff 0 1px;
+ font-size: .7em;
+ span { font-size: 1.5em; }
+ &:hover {
+ color: $sidebar-link-color-subdued-hover;
+ text-decoration: none;
+ }
+ }
+ a[href*='twitter.com/search']{
+ @extend .aside-alt-link;
+ }
+}