m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01: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 @media $screen-sm
border-radius: $border-radius-base border-radius: $border-radius-base
&:not(.featured .hentry__teaser) .hentry.format-photo &
@extend .breakoutviewport @extend .breakoutviewport
.hentry__teaser--link .hentry__teaser--link
@ -113,10 +113,6 @@
h3 h3
@extend .h4 @extend .h4
img:not(.hentry__teaser img)
@extend .media-frame
margin-bottom: ($spacer/2)
p:last-child p:last-child
margin-bottom: 0 margin-bottom: 0

3
_src/_includes/head.html
View File

@ -109,4 +109,7 @@
<!-- Google Authorship --> <!-- Google Authorship -->
<link href="https://plus.google.com/+MatthiasKretschmann" rel="author"/> <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> </head>

16
_src/_includes/picture.html
View File

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