diff options
| author |  Anshul Gupta <ansg191@yahoo.com>
| 2020-08-04 16:27:53 -0700 |
|---|---|---|
| committer | Anshul Gupta <ansg191@yahoo.com>
| 2020-08-04 16:27:53 -0700 |
| commit | 3ec2f4a87d8509aed4f42975d8a03b75e78c5218 (patch) | |
| tree | 96b172b7b49476567331ed4b0758383dfb7870a4 /assets/sass/components/_image.scss | |
| parent | e37306449b036fc192ddee5db78d3a30197a8f21 (diff) | |
| download | Portfolio-master.tar.gz Portfolio-master.tar.zst Portfolio-master.zip | |
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 |