/* How to... /*
/* > https://themeshaper.com/2019/02/15/customizing-gutenberg-blocks-with-block-styles/ */
/* > https://www.billerickson.net/block-styles-in-gutenberg/ */
/* Gutenberg prefixes the block class with is-style-...

/* frontend only > .site */
/* backend only > .block-editor */

/* media queries frontend and backend */
/*
@media screen and (min-width: 1201px) {}
@media screen and (min-width: 901px) {}
@media screen and (min-width: 782px) {}
@media screen and (min-width: 600px) {}
@media screen and (min-width: 501px) {}
/*

/* media queries frontend only */
/*
@media screen and (min-width: 1201px) { .site {}}
@media screen and (min-width: 901px) { .site {}}
@media screen and (min-width: 782px) { .site {}}
@media screen and (min-width: 600px) { .site {}}
@media screen and (min-width: 501px) { .site {}}
/*

/* media queries backend only */
/*
@media screen and (min-width: 782px) { .block-editor {}}
@media screen and (min-width: 600px) { .block-editor {}}
/*

/* Sample code */
.is-style-blue-paragraph {
    color: blue;
 }

/* Layoutstyles */

.is-style-red-paragraph {
	color: red;
}