diff --git a/themes/10up-theme/assets/css/blocks/core/group.css b/themes/10up-theme/assets/css/blocks/core/group.css new file mode 100644 index 00000000..657486b5 --- /dev/null +++ b/themes/10up-theme/assets/css/blocks/core/group.css @@ -0,0 +1,3 @@ +.wp-block-group { + +} diff --git a/themes/10up-theme/assets/css/blocks/example-block.css b/themes/10up-theme/assets/css/blocks/example-block.css deleted file mode 100644 index e120b5fd..00000000 --- a/themes/10up-theme/assets/css/blocks/example-block.css +++ /dev/null @@ -1,3 +0,0 @@ -/** - * Example block styles - */ diff --git a/themes/10up-theme/assets/css/blocks/index.css b/themes/10up-theme/assets/css/blocks/index.css deleted file mode 100644 index 8e3689b6..00000000 --- a/themes/10up-theme/assets/css/blocks/index.css +++ /dev/null @@ -1,7 +0,0 @@ -/** - * TenUpTheme: Block styles - * https://project-website.tld - * - */ - -/* @import url("example-block.css"); */ diff --git a/themes/10up-theme/assets/css/blocks/readme.md b/themes/10up-theme/assets/css/blocks/readme.md new file mode 100644 index 00000000..e5ecca88 --- /dev/null +++ b/themes/10up-theme/assets/css/blocks/readme.md @@ -0,0 +1,7 @@ +# Block Specific Styles + +This directory contains block-specific styles. And file you create in this directory will be automatically included in the editor and on the front end when the block is used. The file should be named after the blocks name and be placed in a directory named after the blocks namespace. + +So if you have some styles you want to only load when the `core/paragraph` block is used, you would create a file at `wp-content/themes/10up-theme/assets/css/blocks/core/paragraph.css`. + +Similarly if you work with a block from a plugin that has a namespace of `acme`, you would create a file at `wp-content/themes/10up-theme/assets/css/blocks/acme/block-name.css`. diff --git a/themes/10up-theme/assets/css/frontend/style.css b/themes/10up-theme/assets/css/frontend/style.css index 5748d1b1..e180b754 100755 --- a/themes/10up-theme/assets/css/frontend/style.css +++ b/themes/10up-theme/assets/css/frontend/style.css @@ -31,7 +31,3 @@ /* Components */ @import url("components/index.css"); - -/* Gutenberg blocks */ - -/* @import url("../blocks/index.css"); */