[ { "path": ".github/CONTRIBUTING.md", "content": "# Contributing to Pico\n\nThanks for your interest in contributing to Pico CSS! Please take a moment to review this document before submitting a [bug report](https://github.com/picocss/pico/issues) or a [pull request](https://github.com/picocss/pico/pulls).\n\n## Bug reports\n\nThe [issue tracker]((https://github.com/picocss/pico/issues)) is the preferred channel for bug reports, but please respect the following restrictions:\n- Please do not use the issue tracker for personal support requests. [Open a question in our discussion forums](https://github.com/picocss/pico/discussions/categories/help) instead.\n- Please do not use the issue tracker for feature requests. Instead, use our discussion forums to [suggest any ideas](https://github.com/picocss/pico/discussions/categories/ideas) you have.\n\n## Pull requests\n\nGood pull requests, patches, improvements, and new features are a fantastic help.\n\n**Please ask before starting work on any significant new features.**\nWe recommend that you first [suggest your feature idea in our discussion forums](https://github.com/picocss/pico/discussions/categories/ideas).\n\n[`dev`](https://github.com/picocss/pico/tree/dev) branch is open for pull requests on `v2`.\n\n[`v1-dev`](https://github.com/picocss/pico/tree/v1-dev) branch is open to pull requests on `v1`.\n\n**Do not edit [`/css`](https://github.com/picocss/pico/tree/master/css) files directly.** Edit the source files in [`/scss`](https://github.com/picocss/pico/tree/master/scss), then recompile the [`/css`](https://github.com/picocss/pico/tree/master/css) files with `yarn build`." }, { "path": ".github/ISSUE_TEMPLATE/bug_report.md", "content": "---\nname: Bug report\nabout: Create a bug report if you've already asked for help with a problem and confirmed something is broken with Pico CSS.\n---\n\nPlease search for duplicate or closed issues first.\n \n## Describe the issue\n \n### Current Behavior\nA concise description of the bug.\n\n### Expected Behavior\nA concise description of what you expected.\n\n### Reproduction URL\nWe recommend including a link to a minimal reproduction of the bug using CodePen or a similar tool.\n**Please do not link to your actual project.** Instead, we need a reduced test case in a new project without any unnecessary code.\n\n### Environment\nExample: OS, versions, browser details.\n" }, { "path": ".github/ISSUE_TEMPLATE/config.yml", "content": "blank_issues_enabled: false\ncontact_links:\n - name: Get Help\n url: https://github.com/picocss/pico/discussions/categories/help\n about: If you can't get something to work the way you expect, open a question in our discussion forums.\n - name: Feature Request\n url: https://github.com/picocss/pico/discussions/categories/ideas\n about: Suggest any ideas you have using our discussion forums." }, { "path": ".gitignore", "content": "# OS or Editor folders\n._*\n.cache\n.DS_Store\n.idea\n.project\n.settings\n.tmproj\n*.esproj\n*.sublime-project\n*.sublime-workspace\nnbproject\nThumbs.db\n/.vscode/\n\n# Numerous always-ignore extensions\n*.diff\n*.err\n*.log\n*.orig\n*.rej\n*.swo\n*.swp\n*.vi\n*.zip\n*~\n\n# Folders to ignore\n/node_modules/\n\n# Pico\n.pico\n" }, { "path": ".prettierrc", "content": "{\n \"printWidth\": 100\n}\n" }, { "path": "LICENSE.md", "content": "MIT License\n\nCopyright (c) 2019-2024 Pico\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "

\n \n \n \n \n \"Pico\n \n \n

\n\n[![Github release](https://img.shields.io/github/v/release/picocss/pico?color=0172ad&logo=github&logoColor=white)](https://github.com/picocss/pico/releases/latest)\n[![npm version](https://img.shields.io/npm/v/@picocss/pico?color=0172ad)](https://www.npmjs.com/package/@picocss/pico)\n[![License](https://img.shields.io/badge/license-MIT-%230172ad)](https://github.com/picocss/pico/blob/master/LICENSE.md)\n[![X (formerly Twitter)](https://img.shields.io/twitter/url/https/twitter.com/picocss.svg?style=social&label=Follow%20%40picocss)](https://x.com/picocss)\n\n## Minimal CSS Framework for Semantic HTML\n\nA minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.\n\nWrite HTML, Add Pico CSS, and Voilà!\n\n## What’s new in v2?\n\nPico v2.0 features better accessibility, easier customization with SASS, a complete color palette, a new group component, and 20 precompiled color themes totaling over 100 combinations accessible via CDN.\n\n[Read more](https://picocss.com/docs/v2)\n\n## A Superpowered HTML Reset\n\nWith just the right amount of everything, Pico is great starting point for a clean and lightweight design system.\n\n- Class-light and Semantic\n- Great Styles with Just CSS\n- Responsive Everything\n- Light or Dark Mode\n- Easy Customization\n- Optimized Performance\n\n## Table of contents\n\n- [Quick start](#quick-start)\n- [Class-less version](#class-less-version)\n- [Limitations](#limitations)\n- [Documentation](#documentation)\n- [Browser Support](#browser-support)\n- [Contributing](#contributing)\n- [Copyright and license](#copyright-and-license)\n\n## Quick start\n\nThere are 4 ways to get started with pico.css:\n\n### Install manually\n\n[Download Pico](https://github.com/picocss/pico/archive/refs/heads/main.zip) and link `/css/pico.min.css` in the `` of your website.\n\n```html\n\n```\n\n### Usage from CDN\n\nAlternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@picocss/pico) to link pico.css.\n\n```html\n\n```\n\n### Install with NPM\n\n```shell\nnpm install @picocss/pico\n```\n\nOr\n\n```shell\nyarn add @picocss/pico\n```\n\nThen, import Pico into your SCSS file with [@use](https://sass-lang.com/documentation/at-rules/use):\n\n```SCSS\n@use \"pico\";\n```\n\n### Install with Composer\n\n```shell\ncomposer require picocss/pico\n```\n\n### Starter HTML template\n\n```HTML\n\n\n \n \n \n \n \n Hello world!\n \n \n
\n

Hello world!

\n
\n \n\n```\n\n## Class-less version\n\nPico provides a `.classless` version.\n\nIn this version, `
`, `
`, and `