mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
chore: upgrade html-includes
This commit is contained in:
Lucas Larroche
parent
f0cde7139d
commit
9051b75806
25 changed files with 2871 additions and 93 deletions
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Accordions"
|
||||
description="Toggle sections of content in pure HTML, without JavaScript."
|
||||
canonical="accordions.html"
|
||||
title=`Accordions`
|
||||
description=`Toggle sections of content in pure HTML, without JavaScript.`
|
||||
canonical=`accordions.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="accordions-link"}
|
||||
${require('./_sidebar.html') active=`accordions-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="accordions">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Buttons"
|
||||
description="The essential button in pure HTML, without .classes for the default style."
|
||||
canonical="buttons.html"
|
||||
title=`Buttons`
|
||||
description=`The essential button in pure HTML, without .classes for the default style.`
|
||||
canonical=`buttons.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="buttons-link"}
|
||||
${require('./_sidebar.html') active=`buttons-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="buttons">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Cards"
|
||||
description="A flexible container with graceful spacings across devices and viewports."
|
||||
canonical="cards.html"
|
||||
title=`Cards`
|
||||
description=`A flexible container with graceful spacings across devices and viewports.`
|
||||
canonical=`cards.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="cards-link"}
|
||||
${require('./_sidebar.html') active=`cards-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="cards">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Class-less version"
|
||||
description="For wild HTML purists, Pico provides a .classless version."
|
||||
canonical="classless.html"
|
||||
title=`Class-less version`
|
||||
description=`For wild HTML purists, Pico provides a .classless version.`
|
||||
canonical=`classless.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="classless-link"}
|
||||
${require('./_sidebar.html') active=`classless-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="classless">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Containers"
|
||||
description=".container enable a centered viewport, .container-fluid enable a 100% layout."
|
||||
canonical="containers.html"
|
||||
title=`Containers`
|
||||
description=`.container enable a centered viewport, .container-fluid enable a 100% layout.`
|
||||
canonical=`containers.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="containers-link"}
|
||||
${require('./_sidebar.html') active=`containers-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="containers">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Customization"
|
||||
description="You can customize themes with SCSS, or you can edit the CSS variables. All Pico's styles and colors are set with CSS custom properties (variables)."
|
||||
canonical="customization.html"
|
||||
title=`Customization`
|
||||
description=`You can customize themes with SCSS, or you can edit the CSS variables. All Pico's styles and colors are set with CSS custom properties (variables).`
|
||||
canonical=`customization.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="customization-link"}
|
||||
${require('./_sidebar.html') active=`customization-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="customization">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Dropdowns"
|
||||
description="Dropdown menus and custom selects without JavaScript."
|
||||
canonical="dropdowns.html"
|
||||
title=`Dropdowns`
|
||||
description=`Dropdown menus and custom selects without JavaScript.`
|
||||
canonical=`dropdowns.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="dropdowns-link"}
|
||||
${require('./_sidebar.html') active=`dropdowns-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="dropdown">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Forms"
|
||||
description="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports."
|
||||
canonical="forms.html"
|
||||
title=`Forms`
|
||||
description=`All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.`
|
||||
canonical=`forms.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="forms-link"}
|
||||
${require('./_sidebar.html') active=`forms-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="forms">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Grid"
|
||||
description=".grid enable a minimal grid system with auto-layout columns."
|
||||
canonical="grid.html"
|
||||
title=`Grid`
|
||||
description=`.grid enable a minimal grid system with auto-layout columns.`
|
||||
canonical=`grid.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="grid-link"}
|
||||
${require('./_sidebar.html') active=`grid-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="grid">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Documentation"
|
||||
description="Pico works without package manager or dependencies! There are 4 ways to get started with Pico CSS: manually, from a CDN, with NPM, or with Composer."
|
||||
canonical=""
|
||||
title=`Documentation`
|
||||
description=`Pico works without package manager or dependencies! There are 4 ways to get started with Pico CSS: manually, from a CDN, with NPM, or with Composer.`
|
||||
canonical=``
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="start-link"}
|
||||
${require('./_sidebar.html') active=`start-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="start">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Loading"
|
||||
description="aria-busy='true' enable a loading indicator."
|
||||
canonical="loading.html"
|
||||
title=`Loading`
|
||||
description=`aria-busy='true' enable a loading indicator.`
|
||||
canonical=`loading.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="loading-link"}
|
||||
${require('./_sidebar.html') active=`loading-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="loading">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Modal"
|
||||
description="A flexible container with graceful spacings across devices and viewports."
|
||||
canonical="modal.html"
|
||||
title=`Modal`
|
||||
description=`A flexible container with graceful spacings across devices and viewports.`
|
||||
canonical=`modal.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="modal-link"}
|
||||
${require('./_sidebar.html') active=`modal-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="modal">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Navs"
|
||||
description="The essential navbar component in pure semantic HTML."
|
||||
canonical="navs.html"
|
||||
title=`Navs`
|
||||
description=`The essential navbar component in pure semantic HTML.`
|
||||
canonical=`navs.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="navs-link"}
|
||||
${require('./_sidebar.html') active=`navs-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="navs">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Progress"
|
||||
description="Progress bar element in pure HTML, without JavaScript."
|
||||
canonical="progress.html"
|
||||
title=`Progress`
|
||||
description=`Progress bar element in pure HTML, without JavaScript.`
|
||||
canonical=`progress.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="progress-link"}
|
||||
${require('./_sidebar.html') active=`progress-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="progress">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="RTL (Right-To-Left)"
|
||||
description="Support for right-to-left text in Pico with dir='rtl'"
|
||||
canonical="rtl.html"
|
||||
title=`RTL (Right-To-Left)`
|
||||
description=`Support for right-to-left text in Pico with dir='rtl'`
|
||||
canonical=`rtl.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="rtl-link"}
|
||||
${require('./_sidebar.html') active=`rtl-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="rtl">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Horizontal scroller"
|
||||
description="<figure> acts as a container to make any content scrollable horizontally."
|
||||
canonical="scroller.html"
|
||||
title=`Horizontal scroller`
|
||||
description=`<figure> acts as a container to make any content scrollable horizontally.`
|
||||
canonical=`scroller.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="scroller-link"}
|
||||
${require('./_sidebar.html') active=`scroller-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="scroller">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Tables"
|
||||
description="Default styles for tables without .classes"
|
||||
canonical="tables.html"
|
||||
title=`Tables`
|
||||
description=`Default styles for tables without .classes`
|
||||
canonical=`tables.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="tables-link"}
|
||||
${require('./_sidebar.html') active=`tables-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="tables">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Themes"
|
||||
description="Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark')."
|
||||
canonical="themes.html"
|
||||
title=`Themes`
|
||||
description=`Pico is shipped with 2 consistent themes: Light & Dark. The Light theme is used by default. The Dark theme is automatically enabled if the user has dark mode enabled ('prefers-color-scheme: dark').`
|
||||
canonical=`themes.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="themes-link"}
|
||||
${require('./_sidebar.html') active=`themes-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="themes">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="Tooltips"
|
||||
description="Enable tooltips everywhere in pure HTML, without JavaScript."
|
||||
canonical="tooltips.html"
|
||||
title=`Tooltips`
|
||||
description=`Enable tooltips everywhere in pure HTML, without JavaScript.`
|
||||
canonical=`tooltips.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="tooltips-link"}
|
||||
${require('./_sidebar.html') active=`tooltips-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="tooltips">
|
||||
|
|
|
|||
|
|
@ -1,16 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html') title="Typography" description="All typographic
|
||||
elements are responsive, allowing text to scale gracefully across devices
|
||||
and viewports." canonical="typography.html" }
|
||||
${require('./_head.html')
|
||||
title=`Typography`
|
||||
description=`All typographic elements are responsive, allowing text to scale gracefully across devices and viewports.`
|
||||
canonical=`typography.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="typography-link"}
|
||||
${require('./_sidebar.html') active=`typography-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="typography">
|
||||
|
|
|
|||
|
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
${require('./_head.html')
|
||||
title="We love .classes"
|
||||
description="As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers."
|
||||
canonical="we-love-classes.html"
|
||||
title=`We love .classes`
|
||||
description=`As a starting point, Pico chose to be as neutral and semantic as possible using very few .classes. But of course, .classes are not a bad practice at all. Feel free to use modifiers.`
|
||||
canonical=`we-love-classes.html`
|
||||
}
|
||||
</head>
|
||||
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
${require('./_nav.html')}
|
||||
|
||||
<main class="container" id="docs">
|
||||
${require('./_sidebar.html') active="we-love-classes-link"}
|
||||
${require('./_sidebar.html') active=`we-love-classes-link`}
|
||||
|
||||
<div role="document">
|
||||
<section id="we-love-classes">
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
14
package-lock.json
generated
14
package-lock.json
generated
|
|
@ -16,7 +16,7 @@
|
|||
"caniuse-lite": "1.0.30001572",
|
||||
"clean-css-cli": "^5.6.2",
|
||||
"css-declaration-sorter": "^7.1.1",
|
||||
"html-includes": "^4.4.1",
|
||||
"html-includes": "^5.0.0",
|
||||
"nodemon": "^3.0.2",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"postcss": "^8.4.23",
|
||||
|
|
@ -2917,9 +2917,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"node_modules/html-includes": {
|
||||
"version": "4.4.2",
|
||||
"resolved": "https://registry.npmjs.org/html-includes/-/html-includes-4.4.2.tgz",
|
||||
"integrity": "sha512-IvBFbdCxk/Wuzh+qIfUHTu3W0gVZuv8SfNTY33tJZH2zI4MoBx6dFedSZOGhn/GgtQBLfFnKR/zolHnswg/ykw==",
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/html-includes/-/html-includes-5.0.0.tgz",
|
||||
"integrity": "sha512-grGDUxJqLk5Lp50R2uWNk6oyKx6Je0V0INRZAuQurp9ZkhpYLDexGPNl4txuszFEbBckmZSG0+zETyApOZc0xg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"command-line-args": "^5.1.1",
|
||||
|
|
@ -7031,9 +7031,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"html-includes": {
|
||||
"version": "4.4.2",
|
||||
"resolved": "https://registry.npmjs.org/html-includes/-/html-includes-4.4.2.tgz",
|
||||
"integrity": "sha512-IvBFbdCxk/Wuzh+qIfUHTu3W0gVZuv8SfNTY33tJZH2zI4MoBx6dFedSZOGhn/GgtQBLfFnKR/zolHnswg/ykw==",
|
||||
"version": "5.0.0",
|
||||
"resolved": "https://registry.npmjs.org/html-includes/-/html-includes-5.0.0.tgz",
|
||||
"integrity": "sha512-grGDUxJqLk5Lp50R2uWNk6oyKx6Je0V0INRZAuQurp9ZkhpYLDexGPNl4txuszFEbBckmZSG0+zETyApOZc0xg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"command-line-args": "^5.1.1",
|
||||
|
|
|
|||
|
|
@ -86,7 +86,7 @@
|
|||
"caniuse-lite": "1.0.30001572",
|
||||
"clean-css-cli": "^5.6.2",
|
||||
"css-declaration-sorter": "^7.1.1",
|
||||
"html-includes": "^4.4.1",
|
||||
"html-includes": "^5.0.0",
|
||||
"nodemon": "^3.0.2",
|
||||
"npm-run-all": "^4.1.5",
|
||||
"postcss": "^8.4.23",
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue