mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-24 14:33:10 +02:00
Code Issues Releases Wiki Activity

Documented forms

Browse Source 
And common inputs.
This commit is contained in:
Angelos Chalaris
2017-11-17 19:36:23 +02:00
parent 54cc6d74e2
commit 35f3d81f9d
12 changed files with 157 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/doc-fragments/images.js
View File

@@ -2,7 +2,7 @@ module.exports = {
id: 'images-captions',
title: 'Images & captions',
keywords: [`img`, `image`, `responsive`, `responsiveness`, `caption`, `figure`, `figcaption`],
description: `<p>Image elements are responsive by default, without the need for any special classes or anything similar. They automatically scale down as necessary to display properly on smaller devices, while retaining their original aspect ratio, while they will never scale above their original size.</p>
description: `<p>Image elements are responsive by default, automatically scaling down as necessary to display properly on smaller devices. Images retain their original aspect ratio and they will never scale above their original size.</p>
<p>If you want to add captions to images, you can use HTML5 figure elements, along with their related captions.</p>`,
example: '<figure><img src="https://placehold.it/800x600" alt="placeholder"><figcaption class="doc">Image caption</figcaption></figure>',
samples: [`<pre><span class="code-line"><span class="highlight-a">&lt;img</span> <span class="highlight-b">src</span>=<span class="highlight-c">&quot;image.png&quot;</span> <span class="highlight-b">alt</span>=<span class="highlight-c">&quot;Image description&quot;</span><span class="highlight-a">/&gt;</span></span></pre>`,