https://github.com/mrwweb/useful-block-styles
Simple block styles you frequently need for the WordPress Block Editor
https://github.com/mrwweb/useful-block-styles
block-editor gutenberg wordpress wordpress-plugin
Last synced: 5 months ago
JSON representation
Simple block styles you frequently need for the WordPress Block Editor
- Host: GitHub
- URL: https://github.com/mrwweb/useful-block-styles
- Owner: mrwweb
- License: gpl-3.0
- Created: 2021-03-17T17:48:33.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2023-09-12T22:53:20.000Z (over 1 year ago)
- Last Synced: 2024-12-16T13:18:38.534Z (5 months ago)
- Topics: block-editor, gutenberg, wordpress, wordpress-plugin
- Language: CSS
- Homepage:
- Size: 55.7 KB
- Stars: 4
- Watchers: 3
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# Useful Block Styles
## Intentions
- Provide super common block styles for text-related blocks that you'd want on 90%+ of sites you build.
- Put this in the plugin repository for push updates to any site.
## Block Styles So Far
- Heading
- Screen Reader Text
- List Block
- No Markers
- Responsive Multiple Columns
- Responsive Multiple Columns without Markers
- File Block
- Button Only
- Gallery Block
- Not Stretched
- Centered Not Stretched
- Small Logos
- Small Grayscale Logos
## Initial Decisions
All decisions up for discussion!
- No options but a filter (`wpsea_block_styles`) to allow hiding block styles.
- Totally separate front-end and editor styles. They will have to be different frequently enough that we might as well always make them different for clarity.
- Use `!important` on everything. These are utility classes and should essentially never be overridden.
- Use as few selectors as possible to make these styles relatively easy to override if you have to.
- No build process. The styles should be so minimal that nesting and variables likely don't provide enough value to warrant overhead.
- This plugin will use [semver](https://semver.org/)
## Tested so far
- Twenty Twenty
- Twenty Twenty One
- Michelle
## Other Ideas for Consideration
- _Looking forward to more!_
## Contribution
See [`CONTRIBUTING.md`](https://github.com/mrwweb/useful-block-styles/blob/main/contributing.md)
tl;dr - Open an issue before a PR.