CSS Chat Summary: 04 February 2021

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


  • The next bugscrub (Thursday February 11, 9pm UTC) will be for GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ issues with the styling label
  • UPDATE @kburgoine has agreed to run the bugscrub

Discussion: Introducing CSSCSS Cascading Style Sheets. Custom Properties to WP Adminadmin (and super admin)

  • @notlaura shared some links to provide context for the discussion
  • @joen outlined two high level hopes for the project:
    • Start simple – it’s easier to add complexity than to remove it
    • Build on the work already done on the blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. editor
  • @joen expressed concern about the number of variations in @ryelle’s base colour palette
  • @ryelle clarified that the palette is intended as a set of Sass variables to be compiled into a smaller set of function-based, public colour variables
  • If we followed that approach, the final choice of public colour variables would form the public APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. which would require ongoing support, so choices should be made carefully
  • @joen shared details of how the block editor uses a single focus style which adds a “spot colour” border – in dark mode a white halo is added to ensure sufficient contrast
  • @notlaura suggested a simple starting point for adding an abstraction layer: introduce 1 or 2 abstractions into coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and track their success over a fixed review period
  • The initial abstraction variables could be hidden behind a feature flag or prefixed as --experimental
  • Time was running out but the discussion will continue in future meetings

Project Updates

CSS Audit (#49582)

  • @notlaura reported having added a comment to the ticketticket Created for both bug reports and feature development on the bug tracker. summarising progress in recent months
  • There were no updates for Color Scheming (#49999) or Visual Regressionregression A software bug that breaks or degrades something that previously worked. Regressions are often treated as critical bugs or blockers. Recent regressions may be given higher priorities. A "3.6 regression" would be a bug in 3.6 that worked as intended in 3.5. Testing (#49606) this week

Open Floor + CSS Link Share

On that polarising note the meeting closed. Thanks everybody!

#core-css, #summary