mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-10-24 11:16:27 +02:00
Code Issues Releases Wiki Activity

feat: Random width for lines

Browse Source
This commit is contained in:
Phuoc Nguyen
2022-09-19 16:50:04 +07:00
parent 2baa8f36c2
commit 63235dbb71
2 changed files with 40 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.eleventy.js
View File

@@ -33,11 +33,13 @@ module.exports = function(eleventyConfig) {
});
// `direction` can be `hor` or `ver`
eleventyConfig.addShortcode('line', function(dir) {
return `<div class="line line--${dir}"></div>`;
const w = randomInteger(1, 4) * 20;
return `<div class="line line--${dir} line--${w}"></div>`;
});
eleventyConfig.addShortcode('lines', function(dir, numLines) {
const content = Array(numLines).fill('').map(_ => {
return `<div class="line line--${dir}"></div>`
const w = randomInteger(1, 4) * 20;
return `<div class="line line--${dir} line--${w}"></div>`
}).join('');
return `<div class="lines">${content}</div>`;
});