diff options
| author | Brandon Mathis <brandon@imathis.com> | 2011-08-22 16:28:50 -0400 |
|---|---|---|
| committer | Brandon Mathis <brandon@imathis.com> | 2011-08-22 16:29:08 -0400 |
| commit | 806d27db135233ed96f67973a956fb44b107c234 (patch) | |
| tree | 55a25ac4273c164dab98c1e7ef7a1b1bf2401d25 /.themes/classic/sass/partials | |
| parent | 23f05c11588a94d0d557ba973ada0e818b49bbb0 (diff) | |
| download | my_new_personal_website-806d27db135233ed96f67973a956fb44b107c234.tar.xz my_new_personal_website-806d27db135233ed96f67973a956fb44b107c234.zip | |
using @extend for responsive blocks, added shadow-box mixin to utlities for configurable border shadow box styling, moved .left, .right, .center classes to .basic-alignment class for @extending as needed in layouts. Fixes #109
Diffstat (limited to '.themes/classic/sass/partials')
| -rw-r--r-- | .themes/classic/sass/partials/_blog.scss | 16 | ||||
| -rw-r--r-- | .themes/classic/sass/partials/sidebar/_base.scss | 5 |
2 files changed, 8 insertions, 13 deletions
diff --git a/.themes/classic/sass/partials/_blog.scss b/.themes/classic/sass/partials/_blog.scss index 3416347b..558f0a22 100644 --- a/.themes/classic/sass/partials/_blog.scss +++ b/.themes/classic/sass/partials/_blog.scss @@ -44,19 +44,9 @@ article { line-height: 1.3em; } img, video, .flash-video { - max-width: 100%; - height: auto; - border: .5em solid #fff; - @include border-radius(.3em); - @include box-shadow(rgba(#000, .15) 0 1px 4px); - @include box-sizing(border-box); - display: block; - } - img { - &.left { float: left; margin-right: 1.5em; } - &.right { float: right; margin-left: 1.5em; } - &.center { margin: 0 auto 1.5em; } - &.left, &.right { margin-bottom: .8em; } + @extend .flex-content; + @extend .basic-alignment; + @include shadow-box; } video, .flash-video { margin: 0 auto 1.5em; } video { display: block; width: 100%; } diff --git a/.themes/classic/sass/partials/sidebar/_base.scss b/.themes/classic/sass/partials/sidebar/_base.scss index 08f04d23..a0d1c09e 100644 --- a/.themes/classic/sass/partials/sidebar/_base.scss +++ b/.themes/classic/sass/partials/sidebar/_base.scss @@ -20,6 +20,11 @@ aside[role=sidebar] { } } } + img { + @extend .flex-content; + @extend .basic-alignment; + @include shadow-box($border: #fff .3em solid); + } ul { margin-bottom: 0.5em; margin-left: 0; |