m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-06-30 05:31:56 +02:00
Code

fix image layout styles

Browse Source
This commit is contained in:
Matthias Kretschmann 2017-11-19 13:42:14 +01:00
parent f315200c5b
commit b1632beea8
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_src/_assets/styl/_kremalicious/content.styl
View File

@ -89,7 +89,7 @@
@media $screen-sm
border-radius: $border-radius-base
&:not(.featured .hentry__teaser)
.hentry.format-photo &
@extend .breakoutviewport
.hentry__teaser--link
@ -113,10 +113,6 @@
h3
@extend .h4
img:not(.hentry__teaser img)
@extend .media-frame
margin-bottom: ($spacer/2)
p:last-child
margin-bottom: 0

3
_src/_includes/head.html
View File

@ -109,4 +109,7 @@
<!-- Google Authorship -->
<link href="https://plus.google.com/+MatthiasKretschmann" rel="author"/>
<!-- https://cloudinary.com/documentation/responsive_images#automating_responsive_images_with_client_hints -->
<meta http-equiv="Accept-CH" content="DPR, Viewport-Width, Width">
</head>

16
_src/_includes/picture.html
View File

@ -1,17 +1,17 @@
{% case include.size %}
{% when 'phototeaser' %}
{% assign pictureSize = 'w_940,h_700,c_fill,q_auto:best' %}
{% assign pictureSizeRetina = 'w_1880,h_1400,c_fill,q_auto:best' %}
{% assign pictureSize = 'w_940,h_700,c_fill,q_auto:good,f_auto' %}
{% assign pictureSizeRetina = 'w_1880,h_1400,c_fill,q_auto:good,f_auto' %}
{% when 'photothumb' %}
{% assign pictureSize = 'w_190,h_190,c_thumb,q_auto:best' %}
{% assign pictureSizeRetina = 'w_380,h_380,c_thumb,q_auto:best' %}
{% assign pictureSize = 'w_190,h_190,c_thumb,q_auto:good,f_auto' %}
{% assign pictureSizeRetina = 'w_380,h_380,c_thumb,q_auto:good,f_auto' %}
{% when 'featured' %}
{% assign pictureSize = 'w_275,h_100,c_fill' %}
{% assign pictureSizeRetina = 'w_550,h_200,c_fill,q_auto:best' %}
{% assign pictureSize = 'w_275,h_100,c_fill,q_auto:good,f_auto' %}
{% assign pictureSizeRetina = 'w_550,h_200,c_fill,q_auto:good,f_auto' %}
{% else %}
{% assign pictureSize = 'w_940,q_auto:best' %}
{% assign pictureSizeRetina = 'w_1880,q_auto:best' %}
{% assign pictureSize = 'w_940,q_auto:best,f_auto' %}
{% assign pictureSizeRetina = 'w_1880,q_auto:best,f_auto' %}
{% endcase %}
{% if include.file %}