diff options
author | Brandon Mathis <brandon@imathis.com> | 2011-06-27 16:59:21 -0400 |
---|---|---|
committer | Brandon Mathis <brandon@imathis.com> | 2011-06-27 16:59:21 -0400 |
commit | 91f0190184b605a47183d9741ea0f08e208c2cb2 (patch) | |
tree | f2fe6c99d6992844a0bc0b777ffe554d6d04a913 /themes/classic/sass/partials | |
parent | 353ccfd4ebec153a46b12faffff8ab2bba36efc8 (diff) | |
download | my_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')
-rw-r--r-- | themes/classic/sass/partials/_archive.scss | 72 | ||||
-rw-r--r-- | themes/classic/sass/partials/_page.scss | 13 | ||||
-rw-r--r-- | themes/classic/sass/partials/sidebar/_base.scss | 56 | ||||
-rw-r--r-- | themes/classic/sass/partials/sidebar/_delicious.scss | 4 | ||||
-rw-r--r-- | themes/classic/sass/partials/sidebar/_pinboard.scss | 12 | ||||
-rw-r--r-- | themes/classic/sass/partials/sidebar/_twitter.scss | 33 |
6 files changed, 177 insertions, 13 deletions
diff --git a/themes/classic/sass/partials/_archive.scss b/themes/classic/sass/partials/_archive.scss new file mode 100644 index 00000000..fbf0dac6 --- /dev/null +++ b/themes/classic/sass/partials/_archive.scss @@ -0,0 +1,72 @@ +#articles .blog-archives { + article { + padding: 1em 0 1em; + position: relative; + background: $img-border bottom left repeat-x; + &:last-child { + background: none; + } + } + h2 { + background: none; + display: none; + } + h1, h2 { color: $text-color; margin-bottom: .3em; } + h1 { + font-size: 1.5em; + a { + @include hover-link; + color: inherit; + &:hover { color: $link-color-hover; } + font-weight: normal; + display: inline-block; + } + } + a.category, time { + @extend .sans; + color: $text-color-light; + } + color: $text-color-light; + .entry-content { display: none; } + time { + font-size: .9em; + line-height: 1em; + .month, .day { display: inline-block; } + .month { text-transform: uppercase; } + } + p { margin-bottom: 1em; } + &, .entry-content { a { @include link-colors(inherit, $link-color-hover); }} + a:hover { color: $link-color-hover; } + @media only screen and (min-width: 550px) { + article { margin-left: 5em; } + h2 { + background: none; + display: inline-block; + float: left; + padding-top: .75em; + &:first-child { padding-top: .75em; } + } + time { + position: absolute; + text-align: right; + left: 0em; + top: 1.8em; + } + .year { display: none; } + article { + padding:{left: 4.5em; bottom: .7em;} + } + a.category { + //text-align: right; + line-height: 1.1em; + //float: right; + } + } +} +#articles .blog-archives.category { + article { + margin-left: 0; + padding-left: 6.8em; + } + .year { display: inline; } +} diff --git a/themes/classic/sass/partials/_page.scss b/themes/classic/sass/partials/_page.scss deleted file mode 100644 index d8ff5449..00000000 --- a/themes/classic/sass/partials/_page.scss +++ /dev/null @@ -1,13 +0,0 @@ -html { - background: $page-bg image-url('line-tile.png') top left; -} -body { - > div { - background: $sidebar-bg image-url('noise.png') top left; - border-bottom: 1px solid $page-border-bottom; - > div { - background: $main-bg image-url('noise.png') top left; - border-right: 1px solid $sidebar-border; - } - } -} 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; + } +} |