compost-jekyll-theme 0.1.9 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5cc1c75611cb6dfbc273e844490cf6910d4f85fb4e8fc32ff40366abf0805b4f
-  data.tar.gz: 57d8e66a83cd7160a65aeb0abebad982142c59f49ddda1c7a23536095640235d
+  metadata.gz: 1b02b27490a1d191ab1ce3fe08aaa4d46ffeb44b854f7e3bfbcbf6e479e8f085
+  data.tar.gz: d8169277b497d22b647cedadb4c1cef4d272599680ae318cb9e7513cd273a22b
 SHA512:
-  metadata.gz: a847d4f6e6336027838322cbd9a0e27056150867a83a47d1a2ad2ca71cc13fed3fd8f6841d5c943832fa71f38c083a43cdad8c187356f0a27ef4e58a2b6ce948
-  data.tar.gz: 266acdc7e2f2a1fefa031570205ed907fd2c23c572eae891c8f9405a8d510cfb70a90f9566d7fad5b177fbf7581491304089ee94730e9ba7f836af71cba22a79
+  metadata.gz: 1d39fbd2ea57d31a0a74a7a2dd9d05dc61dfb033115c5ff7a715fad8d32a3926b7aa9407c3953b20a92cf897ad8e2aa14d1cf28899665eac3c98212e4d327042
+  data.tar.gz: 9640394a56d64d4bbc0cff038df4a9963e9c3a2fe13dd068f1108054291fa937b3551dc341b6b45f1ba501d3a695d2c0a3a603794c07da41327892f9bbdb56ea

data/_data/layouts/about.yml

@@ -32,8 +32,8 @@ image_menu_close:
       es: "Logo de cabecera con el menú cerrado"
       en: "Header logo with menu closed"
     help:
-      es: ""
-      en: ""
+      es: "Máximo 220px de ancho y 90px de alto"
+      en: "Max. 220px width by 90px height"
   description:
     label:
       es: "Descripción del logo"

data/_data/theme.yml

@@ -71,6 +71,7 @@ sizes:
   36px: "2.25rem"
   49px: "3.0625rem"
   74px: "4.625rem"
+  90px: "90px"
   220px: "220px"
   221px: "13.8125rem"
   333px: "20.8125rem"

data/_includes/btn_header.html

@@ -5,10 +5,11 @@ Imagen de la cabecera
 @param :src [String]
 @param :href [String] El link
 @param :width [Integer] Ancho de la imagen
+@param :height [Integer] Alto de la imagen
 @param :alt [String] El alt de la imagen
 @param :component_class [String] Clases para el componente
 {%- endcomment -%}
 
 <div>
-	{% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width component_class=include.component_class img_class=include.img_class %}
+	{% include image_with_link.html src=include.src alt=include.alt href=include.href width=include.width height=include.height component_class=include.component_class img_class=include.img_class %}
 </div>

data/_includes/header.html

@@ -13,12 +13,12 @@ Items de cabecera (excepto el ícono de hamburguesa)
 	src=include.logo_src
 	href="?#"
 	alt=include.logo_alt
-	width=333
-	img_class="w-221px w-md-333px" %}
+  height=90
+	img_class="w-221px w-md-auto max-h-90px" %}
 
 {% include btn_header.html
 	src=include.btn_src
 	href=include.btn_href
 	alt=include.btn_alt
-	width=67
-	img_class="w-44px w-md-67px" %}
+  height=90
+	img_class="max-h-90px" %}

data/_includes/image_with_link.html

@@ -5,6 +5,7 @@ componente de imagen que tiene un link [url]
 @param :src [String]
 @param :href [String] El link
 @param :width [Integer] Ancho de la imagen
+@param :height [Integer] Alto de la imagen
 @param :alt [String] El alt de la imagen
 @param :a_class [String] Clases para a
 @param :component_class [String] Clases para el componente
@@ -18,5 +19,5 @@ componente de imagen que tiene un link [url]
 		 {{ include.href | start_with: "http://" | value_if: 'rel="noopener" target="_blank"' }}>
 		 <span class="sr-only">{{ include.alt }}</span>
 	 </a>
-  {% include picture.html src=include.src width=include.width alt=include.alt img_class=include.img_class %}
+  {% include picture.html src=include.src width=include.width height=include.height alt=include.alt img_class=include.img_class %}
 </div>

data/_includes/picture.html

@@ -5,6 +5,7 @@ Image component
 @param :src [String]
 @param :alt [String]
 @param :width [Integer]
+@param :height [Integer]
 @param :class [String]
 @param :img_class [String]
 {%- endcomment -%}
@@ -13,13 +14,17 @@ Image component
   <source
     srcset="
       {%- for pixel_density in site.data.theme.pixel_densities %}
-        {%- assign w = include.width | times: pixel_density -%}
-        {{- include.src | thumbnail: w | uri_escape }} {{ pixel_density }}x,
+        {% if include.width %}
+          {%- assign w = include.width | times: pixel_density -%}
+        {% elsif include.height %}
+          {%- assign h = include.height | times: pixel_density -%}
+        {% endif %}
+        {{- include.src | thumbnail: w, h | uri_escape }} {{ pixel_density }}x,
       {% endfor -%}
       " />
 
   <img
     class="{{ include.img_class }}"
-    src="{{ include.src | thumbnail: include.width | uri_escape }}"
+    src="{{ include.src | thumbnail: include.width, include.height | uri_escape }}"
     alt="{{ include.alt | escape_once }}" />
 </picture>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: compost-jekyll-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.9
+  version: 0.1.10
 platform: ruby
 authors:
 - Sutty