diff options
Diffstat (limited to 'assets/sass/components/_image.scss')
| -rw-r--r-- | assets/sass/components/_image.scss | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss new file mode 100644 index 0000000..df4c91b --- /dev/null +++ b/assets/sass/components/_image.scss @@ -0,0 +1,53 @@ +/// +/// Big Picture by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Image */ + + .image { + position: relative; + display: inline-block; + + &:before { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background: url('images/overlay.png'); + } + + img { + display: block; + width: 100%; + } + + &.featured { + display: block; + width: 100%; + margin: 0 0 2em 0; + } + + &.fit { + display: block; + width: 100%; + } + + &.left { + float: left; + margin: 0 2em 2em 0; + } + + &.centered { + display: block; + margin: 0 0 2em 0; + + img { + margin: 0 auto; + width: auto; + } + } + }
\ No newline at end of file |