mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 16:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: upgrade html-includes

Browse source
This commit is contained in:
Lucas Larroche 2023-12-28 16:26:59 +07:00
parent f0cde7139d
commit 3fc47b759e
24 changed files with 95 additions and 93 deletions
Download patch file Download diff file Expand all files Collapse all files

8
docs/src/accordions.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Accordions" title=`Accordions`
description="Toggle sections of content in pure HTML, without JavaScript." description=`Toggle sections of content in pure HTML, without JavaScript.`
canonical="accordions.html" canonical=`accordions.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="accordions-link"} ${require('./_sidebar.html') active=`accordions-link`}
<div role="document"> <div role="document">
<section id="accordions"> <section id="accordions">

8
docs/src/buttons.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Buttons" title=`Buttons`
description="The essential button in pure HTML, without .classes for the default style." description=`The essential button in pure HTML, without .classes for the default style.`
canonical="buttons.html" canonical=`buttons.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="buttons-link"} ${require('./_sidebar.html') active=`buttons-link`}
<div role="document"> <div role="document">
<section id="buttons"> <section id="buttons">

8
docs/src/cards.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Cards" title=`Cards`
description="A flexible container with graceful spacings across devices and viewports." description=`A flexible container with graceful spacings across devices and viewports.`
canonical="cards.html" canonical=`cards.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="cards-link"} ${require('./_sidebar.html') active=`cards-link`}
<div role="document"> <div role="document">
<section id="cards"> <section id="cards">

8
docs/src/classless.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Class-less version" title=`Class-less version`
description="For wild HTML purists, Pico provides a .classless version." description=`For wild HTML purists, Pico provides a .classless version.`
canonical="classless.html" canonical=`classless.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="classless-link"} ${require('./_sidebar.html') active=`classless-link`}
<div role="document"> <div role="document">
<section id="classless"> <section id="classless">

8
docs/src/containers.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Containers" title=`Containers`
description=".container enable a centered viewport, .container-fluid enable a 100% layout." description=`.container enable a centered viewport, .container-fluid enable a 100% layout.`
canonical="containers.html" canonical=`containers.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="containers-link"} ${require('./_sidebar.html') active=`containers-link`}
<div role="document"> <div role="document">
<section id="containers"> <section id="containers">

8
docs/src/customization.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Customization" 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)." 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" canonical=`customization.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="customization-link"} ${require('./_sidebar.html') active=`customization-link`}
<div role="document"> <div role="document">
<section id="customization"> <section id="customization">

8
docs/src/dropdowns.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Dropdowns" title=`Dropdowns`
description="Dropdown menus and custom selects without JavaScript." description=`Dropdown menus and custom selects without JavaScript.`
canonical="dropdowns.html" canonical=`dropdowns.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="dropdowns-link"} ${require('./_sidebar.html') active=`dropdowns-link`}
<div role="document"> <div role="document">
<section id="dropdown"> <section id="dropdown">

8
docs/src/forms.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Forms" title=`Forms`
description="All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports." description=`All form elements are fully responsive in pure semantic HTML, allowing forms to scale gracefully across devices and viewports.`
canonical="forms.html" canonical=`forms.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="forms-link"} ${require('./_sidebar.html') active=`forms-link`}
<div role="document"> <div role="document">
<section id="forms"> <section id="forms">

8
docs/src/grid.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Grid" title=`Grid`
description=".grid enable a minimal grid system with auto-layout columns." description=`.grid enable a minimal grid system with auto-layout columns.`
canonical="grid.html" canonical=`grid.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="grid-link"} ${require('./_sidebar.html') active=`grid-link`}
<div role="document"> <div role="document">
<section id="grid"> <section id="grid">

8
docs/src/index.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Documentation" 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." 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="" canonical=``
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="start-link"} ${require('./_sidebar.html') active=`start-link`}
<div role="document"> <div role="document">
<section id="start"> <section id="start">

8
docs/src/loading.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Loading" title=`Loading`
description="aria-busy='true' enable a loading indicator." description=`aria-busy='true' enable a loading indicator.`
canonical="loading.html" canonical=`loading.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="loading-link"} ${require('./_sidebar.html') active=`loading-link`}
<div role="document"> <div role="document">
<section id="loading"> <section id="loading">

8
docs/src/modal.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Modal" title=`Modal`
description="A flexible container with graceful spacings across devices and viewports." description=`A flexible container with graceful spacings across devices and viewports.`
canonical="modal.html" canonical=`modal.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="modal-link"} ${require('./_sidebar.html') active=`modal-link`}
<div role="document"> <div role="document">
<section id="modal"> <section id="modal">

8
docs/src/navs.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Navs" title=`Navs`
description="The essential navbar component in pure semantic HTML." description=`The essential navbar component in pure semantic HTML.`
canonical="navs.html" canonical=`navs.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="navs-link"} ${require('./_sidebar.html') active=`navs-link`}
<div role="document"> <div role="document">
<section id="navs"> <section id="navs">

8
docs/src/progress.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Progress" title=`Progress`
description="Progress bar element in pure HTML, without JavaScript." description=`Progress bar element in pure HTML, without JavaScript.`
canonical="progress.html" canonical=`progress.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="progress-link"} ${require('./_sidebar.html') active=`progress-link`}
<div role="document"> <div role="document">
<section id="progress"> <section id="progress">

8
docs/src/rtl.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="RTL (Right-To-Left)" title=`RTL (Right-To-Left)`
description="Support for right-to-left text in Pico with dir='rtl'" description=`Support for right-to-left text in Pico with dir='rtl'`
canonical="rtl.html" canonical=`rtl.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="rtl-link"} ${require('./_sidebar.html') active=`rtl-link`}
<div role="document"> <div role="document">
<section id="rtl"> <section id="rtl">

8
docs/src/scroller.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Horizontal scroller" title=`Horizontal scroller`
description="&lt;figure&gt; acts as a container to make any content scrollable horizontally." description=`&lt;figure&gt; acts as a container to make any content scrollable horizontally.`
canonical="scroller.html" canonical=`scroller.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="scroller-link"} ${require('./_sidebar.html') active=`scroller-link`}
<div role="document"> <div role="document">
<section id="scroller"> <section id="scroller">

8
docs/src/tables.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Tables" title=`Tables`
description="Default styles for tables without .classes" description=`Default styles for tables without .classes`
canonical="tables.html" canonical=`tables.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="tables-link"} ${require('./_sidebar.html') active=`tables-link`}
<div role="document"> <div role="document">
<section id="tables"> <section id="tables">

8
docs/src/themes.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Themes" 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')." 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" canonical=`themes.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="themes-link"} ${require('./_sidebar.html') active=`themes-link`}
<div role="document"> <div role="document">
<section id="themes"> <section id="themes">

8
docs/src/tooltips.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="Tooltips" title=`Tooltips`
description="Enable tooltips everywhere in pure HTML, without JavaScript." description=`Enable tooltips everywhere in pure HTML, without JavaScript.`
canonical="tooltips.html" canonical=`tooltips.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="tooltips-link"} ${require('./_sidebar.html') active=`tooltips-link`}
<div role="document"> <div role="document">
<section id="tooltips"> <section id="tooltips">

10
docs/src/typography.html
View file

@ -1,16 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') title="Typography" description="All typographic ${require('./_head.html')
elements are responsive, allowing text to scale gracefully across devices title=`Typography`
and viewports." canonical="typography.html" } description=`All typographic elements are responsive, allowing text to scale gracefully across devices and viewports.`
canonical=`typography.html`
}
</head> </head>
<body> <body>
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="typography-link"} ${require('./_sidebar.html') active=`typography-link`}
<div role="document"> <div role="document">
<section id="typography"> <section id="typography">

8
docs/src/we-love-classes.html
View file

@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
${require('./_head.html') ${require('./_head.html')
title="We love .classes" 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." 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" canonical=`we-love-classes.html`
} }
</head> </head>
@ -12,7 +12,7 @@
${require('./_nav.html')} ${require('./_nav.html')}
<main class="container" id="docs"> <main class="container" id="docs">
${require('./_sidebar.html') active="we-love-classes-link"} ${require('./_sidebar.html') active=`we-love-classes-link`}
<div role="document"> <div role="document">
<section id="we-love-classes"> <section id="we-love-classes">

2
docs/typography.html
View file

File diff suppressed because one or more lines are too long

14
package-lock.json generated
View file

@ -16,7 +16,7 @@
"caniuse-lite": "1.0.30001572", "caniuse-lite": "1.0.30001572",
"clean-css-cli": "^5.6.2", "clean-css-cli": "^5.6.2",
"css-declaration-sorter": "^7.1.1", "css-declaration-sorter": "^7.1.1",
"html-includes": "^4.4.1", "html-includes": "^5.0.0",
"nodemon": "^3.0.2", "nodemon": "^3.0.2",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^8.4.23", "postcss": "^8.4.23",
@ -2917,9 +2917,9 @@
"dev": true "dev": true
}, },
"node_modules/html-includes": { "node_modules/html-includes": {
"version": "4.4.2", "version": "5.0.0",
"resolved": "https://registry.npmjs.org/html-includes/-/html-includes-4.4.2.tgz", "resolved": "https://registry.npmjs.org/html-includes/-/html-includes-5.0.0.tgz",
"integrity": "sha512-IvBFbdCxk/Wuzh+qIfUHTu3W0gVZuv8SfNTY33tJZH2zI4MoBx6dFedSZOGhn/GgtQBLfFnKR/zolHnswg/ykw==", "integrity": "sha512-grGDUxJqLk5Lp50R2uWNk6oyKx6Je0V0INRZAuQurp9ZkhpYLDexGPNl4txuszFEbBckmZSG0+zETyApOZc0xg==",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"command-line-args": "^5.1.1", "command-line-args": "^5.1.1",
@ -7031,9 +7031,9 @@
"dev": true "dev": true
}, },
"html-includes": { "html-includes": {
"version": "4.4.2", "version": "5.0.0",
"resolved": "https://registry.npmjs.org/html-includes/-/html-includes-4.4.2.tgz", "resolved": "https://registry.npmjs.org/html-includes/-/html-includes-5.0.0.tgz",
"integrity": "sha512-IvBFbdCxk/Wuzh+qIfUHTu3W0gVZuv8SfNTY33tJZH2zI4MoBx6dFedSZOGhn/GgtQBLfFnKR/zolHnswg/ykw==", "integrity": "sha512-grGDUxJqLk5Lp50R2uWNk6oyKx6Je0V0INRZAuQurp9ZkhpYLDexGPNl4txuszFEbBckmZSG0+zETyApOZc0xg==",
"dev": true, "dev": true,
"requires": { "requires": {
"command-line-args": "^5.1.1", "command-line-args": "^5.1.1",

2
package.json
View file

@ -86,7 +86,7 @@
"caniuse-lite": "1.0.30001572", "caniuse-lite": "1.0.30001572",
"clean-css-cli": "^5.6.2", "clean-css-cli": "^5.6.2",
"css-declaration-sorter": "^7.1.1", "css-declaration-sorter": "^7.1.1",
"html-includes": "^4.4.1", "html-includes": "^5.0.0",
"nodemon": "^3.0.2", "nodemon": "^3.0.2",
"npm-run-all": "^4.1.5", "npm-run-all": "^4.1.5",
"postcss": "^8.4.23", "postcss": "^8.4.23",