Releases: picocss/pico
v2.0.0-rc3
Styles
- Reduced spacings for
header,main,footer,section,article
Fixes
- Label color when color scheme is forced
.outlinebutton border-color- Semantic container horizontal spacings
- Class-less reset form button
- Helper input text with
fieldset - Removed link classes on the class-less version
Chores
- Update dependencies
Full changelog
v1.5.11
Feature
Fix
- Add missing chevron icon when accordion is disabled, by @thewebartisan7
#410
Documentation
- Use only one h* tag in the
hgroupexample, by @ericfortmeyer
#404
Chore
- Upgrade dependencies
Full changelog
A huge thank you to all the contributors ❤️
Contributors
Assets 2
v2.0.0-rc2
Feature: Theme color
Easily compile Pico CSS using a different primary color from a selection of 20 colors.
Example:
// amber, azure, blue, cyan, fuchsia, green, grey, indigo, jade, lime,
// orange, pink, pumpkin, purple, red, sand, slate, violet, yellow, zinc
@use "pico" with ($theme-color: "indigo");Styles
- Small tweaks for
<article />,<hgroup />,<dialog />,<fieldset />and.grid
Fixes
- Disable focus style for
<textarea readonly /> - Focus style for
<button aria-current="true" />
Chores
- Update dependencies
Full changelog
v2.0.0-rc1
Feature
Styles
- Tweak validation icon colors
- Tweak headings
line-height
Fixes
aria-currentselector more specific on links, by @brianespinosa (#416)button[type="submit"]width[aria-busy="true"]white-space[role="group"]and[role="search"]focus stylearia-label="breadcrumb"for iOS/Safari- Package scripts
Refactor
- Update
$css-var-prefix name, suggested by @wyot1 - Update browserslist config (to
default)
Chores
- Update dependencies
Full changelog
A huge thank you to the contributors ❤️
Contributors
Assets 2
v2.0.0-alpha1
😎 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, with most colors now following the WCAG 2.1 AAA standard. Some secondary muted colors follow the WCAG 2.1 AA standard.
Focus states have been improved for more consistency and contrast.
🛠️ Easier customization
We have refactored all .scss files to make it easier for you to compile your own version of Pico with SASS. All modules can now be enabled or disabled using @use and vars.
🎨 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.
🧩 New group component
With group (role="group"), you can now stack forms elements and buttons horizontally.
💥 Breaking changes
CSS Vars
All CSS custom properties are prefixed with pico-to avoid collisions with other CSS frameworks or your own 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 .scss files. 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 .striped class 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).
v1.5.10
Fixes
- Exclude
HTMLforaria-busy, by @bradgessler
#349 - Remove the date input icon in Firefox to avoid a double icon, spotted by @groovenectar
#348
+ Update dependencies.
Full changelog
A huge thank you to all the contributors ❤️
Contributors
Assets 2
v1.5.9
This minor release does not impact the Pico library.
It changes the links to the examples in the documentation to prepare for the v2 release.
v1.5.8
Documentation
- Fix typos in customization, by @Edwing123
#308 - Fix typos in typography
Fixes
+ Update dependencies.
Full changelog
A huge thank you to all the contributors ❤️
Contributors
Assets 2
v1.5.7
Feature
- Support for
.grid + smallin forms, by @cmbuckley
#271
Fixes
- Prevent scrolling and interactions below a modal on mobile, by @rbf
#267 - Allow use of custom data-theme values that also override auto light/dark switching, by @wmurphyrd
#272
Documentation
- Fix path in customization, by @mattcroat
#279 - Remove unnecessary JS for indeterminate progress, by @FWDekker
#284 - Fix typos, by @waldyrious
#300
Refactors
- Fix typo in
theme-switcher.js, by @eltociear
#301
+ Update dependencies.
Full changelog
A huge thank you to all the contributors ❤️
Contributors
Assets 2
v1.5.6
Features
- Adds the ability to compile Pico with a root element other than
body(E.g.#__next,#___gatsby,#root), by @ja1den
Define your your CSS selector inscss/_variables.scss > $semantic-root-element
#224 #13 #222
Fixes
Documentation
- Improves Customization and Class-less pages
#245
Full changelog
A huge thank you to all the contributors ❤️
