52 lines
1.0 KiB
Sass
52 lines
1.0 KiB
Sass
|
article img
|
||
|
display: block
|
||
|
margin-left: auto
|
||
|
margin-right: auto
|
||
|
border: 1px solid #ccc !important
|
||
|
border-radius: 4px
|
||
|
margin-top: 1.5em
|
||
|
margin-bottom: 1.5em
|
||
|
|
||
|
img
|
||
|
max-width: 100%
|
||
|
|
||
|
figure
|
||
|
margin-bottom: 1.5em !important
|
||
|
margin-left: 0
|
||
|
margin-right: 0
|
||
|
img
|
||
|
margin-bottom: 0 !important
|
||
|
|
||
|
figcaption
|
||
|
margin-top: 0.8rem !important
|
||
|
font-size: 1.2rem
|
||
|
text-align: center
|
||
|
font-style: italic
|
||
|
font-weight: normal
|
||
|
color: #aaa
|
||
|
|
||
|
/** Hugo's figure shortcode seems to render h4s sometimes **/
|
||
|
h4
|
||
|
font-size: 1.2rem
|
||
|
font-weight: normal
|
||
|
|
||
|
|
||
|
.big-img
|
||
|
.container
|
||
|
height: 100px !important
|
||
|
@media (min-width: 768px)
|
||
|
height: 150px !important
|
||
|
@media (min-width: 960px)
|
||
|
height: 200px !important
|
||
|
@media (min-width: 1600px)
|
||
|
height: 250px !important
|
||
|
|
||
|
background: no-repeat center center
|
||
|
-webkit-background-size: cover
|
||
|
-moz-background-size: cover
|
||
|
background-size: cover
|
||
|
-o-background-size: cover
|
||
|
|
||
|
border-top: 2px solid lightgray
|
||
|
border-bottom: 1px solid $accent
|