fix: images and other media doesn't get scaled 100% width
This commit is contained in:
parent
074da2dc73
commit
605e27c53b
|
@ -5,7 +5,6 @@ date: 2018-03-18T12:13:38+05:30
|
|||
|
||||
Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits.
|
||||
|
||||
|
||||
# Heading 1
|
||||
|
||||
Lid est laborum et dolorum fuga. Et harum quidem rerum facilis est et expeditasi distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihilse impedit quo minus id quod amets untra dolor amet sad. Sed ut perspser iciatis unde omnis iste natus error sit voluptatem accusantium doloremque laste. Dolores sadips ipsums sits.
|
||||
|
|
|
@ -0,0 +1,32 @@
|
|||
---
|
||||
title: "Hugo shortcodes"
|
||||
date: 2018-03-18T12:13:36+05:30
|
||||
description: Here is a demo of all shortcodes available in Hugo.
|
||||
---
|
||||
|
||||
## Images
|
||||
|
||||
{{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" title="Dave Herring" >}}
|
||||
|
||||
{{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80" title="Dave Herring" >}}
|
||||
|
||||
|
||||
## Github Gist
|
||||
|
||||
{{< gist spf13 7896402 >}}
|
||||
|
||||
## Youtube video
|
||||
|
||||
{{< youtube w7Ft2ymGmfc >}}
|
||||
|
||||
## Tweet
|
||||
|
||||
{{< tweet 877500564405444608 >}}
|
||||
|
||||
## Vimeo
|
||||
|
||||
{{< vimeo id="146022717" >}}
|
||||
|
||||
## Instagram
|
||||
|
||||
{{< instagram BWNjjyYFxVx >}}
|
|
@ -34,9 +34,19 @@ hr {
|
|||
padding: 0
|
||||
}
|
||||
|
||||
audio,canvas,img,video {
|
||||
width: 100%;
|
||||
vertical-align: middle
|
||||
img {
|
||||
margin: 10px auto 10px auto;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
a img {
|
||||
border:none;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
|
@ -110,6 +120,18 @@ h6 {
|
|||
font-size: .9rem
|
||||
}
|
||||
|
||||
.align-center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.align-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.align-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue