Update dependency @picocss/pico to v2 #128
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
![renovate[bot]](https://avatars.githubusercontent.com/in/2740?s=60&v=4){kind=small}
renovate
bot
force-pushed
the
renovate/picocss-pico-2.x
branch
2 times, most recently
from
23d83b9 to
cd9ba6f
Compare
renovate
bot
force-pushed
the
renovate/picocss-pico-2.x
branch
3 times, most recently
from
0777f0c to
d5aaa71
Compare
renovate
bot
force-pushed
the
renovate/picocss-pico-2.x
branch
from
d5aaa71 to
ad633e9
Compare
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR contains the following updates:
1.5.13->2.0.6Release Notes
picocss/pico (@picocss/pico)
v2.0.6Compare Source
Fix:
Full changelog
v2.0.5Compare Source
Fixes:
.gridon small screens #452 #460A huge thank you to the contributors ❤️
Full changelog
v2.0.4Compare Source
Fixes
remtoemto match the element's font size, spotted by @MiroslavPetrik and fixed by @FireIsGood #469 #474<select multiple>options color, spotted by @cmcaine and investigated by @Brian-Pob #434 #459.gridon small screens, spotted by @ekerstein #452 #460Chore
A huge thank you to the contributors ❤️
Full changelog
v2.0.3Compare Source
Feature
<button>as a modal closing icon, by @Atmos4 (#446 #448)Fixes
defaultin the CSS reset, spotted by @olehmisar (#440 #447)input[type=search]icon, by @benizz0 (#444)Chore
A huge thank you to the contributors ❤️
Full changelog
v2.0.2Compare Source
v2.0.1Compare Source
v2.0.0Compare Source
✨🚀 Pico 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.
😎 New look and feel
All colors have been carefully and manually redefined for a more contrasted, neutral (less bluish) look and feel.
The default color theme is much more accessible. Most colors now follow the WCAG 2.1 AAA standard, and some secondary muted colors follow the WCAG 2.1 AA standard.
Focus states have been improved for more consistency and contrast, and spacings have been reduced for a sleeker and more neutral style.
✨ Easier customization
We have refactored all
.scssfiles to make it easier for you to compile your version of Pico with SASS. All modules can now be enabled or disabled using @use.We added more CSS variables, now totaling over 130, to easily create a unique look and feel, enhancing design flexibility.
🎨 Color palette
Pico v2 comes with 380 manually crafted colors to help you personalize your brand design system. The colors can be imported into any
.scssfile, and a new stylesheet with all the color utilities is provided.📐 Better breakpoints
We have updated the breakpoints to follow the width of standard devices and added a new breakpoint for larger screens.
🧩 Group component
With group (
role="group"), you can now stack forms elements and buttons horizontally.🖌️ Conditional Styling
Conditional Styling is a powerful feature that allows you to apply styles selectively by wrapping elements in
.picocontainers, which is ideal for mixed-style environments. This method restricts styling to designated sections, making it particularly useful for combining multiple stylesheets or components seamlessly.🌈 Version picker
Play with the Version Picker, which offers 20 precompiled color themes accessible via CDN for all Pico versions. The total number of combinations is over 100.
CSS Vars
All CSS custom properties are prefixed with
pico-to avoid collisions with other CSS frameworks or your vars. We also added new CSS variables and renamed some to follow a consistent pattern{component}-{state}-{property}.SCSS files
We renamed and moved many
.scssfiles. If you import Pico modules, you need to update your paths.Buttons
Buttons are not
width: 100%;by default anymore. Only form buttons are full-width to be consistent with other form elements.Table
The
.stripedclass is now used for the striped table’s style.Dropdowns
While accordions are still classless, dropdowns now use
.dropdown. We also removed the experimental syntax that allowed dropdowns in the nav using nested lists.Grid
Grid columns now collapse on small devices (
<768px).Figure
We removed the
overflow-x: auto;from<figure>and introduced a new utility class,.overflow-auto, to enable horizontal scrolling on any element.A huge thank you to all the contributors ❤️
Full changelog
Configuration
📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR was generated by Mend Renovate. View the repository job log.