CSS Chat Summary: 22 April 2021

The meeting took place here on Slack. @notlaura facilitated and @danfarrow wrote up these notes.

Project updates

CSSCSS Cascading Style Sheets. Audit (#49582)

  • @notlaura has started a document for the Make post about the project. Once the Make post is done we can update the ticketticket Created for both bug reports and feature development on the bug tracker.
  • @ryelle is very close to getting the repo into the WordPress org on GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ [SPOILER ALERT] this has now happened!

Color Scheming (#49999)

  • @ryelle shared a branch she started in order to continue exploring custom property names, which has further developed her [prefix]--[location]--[property]--[state] pattern:
    • The [property] part no longer has to map exactly to a specific CSS property. This will avoid duplicate definitions & also allow some flexibility to make the names easier to understand
    • The [location] part is partly based on class names, and partly on her experience talking to designers
  • Documentation of the naming decision process, and the custom property names themselves, will be essential. We could also provide stylelint rules and possibly an allowlist of all the possible names
  • Closing the discussion, a decision was made that @ryelle’s approach is the one we will follow
  • The next step is to write up & discuss the naming documentation, and decide how to roll out the custom properties e.g. component by component
  • @ryelle also has a make/coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. post coming soon about the project

CSS deprecation path

Open floor / CSS link share

Thanks everyone!

#core-css, #summary