autonomic-cooperative/autonomic-block-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

create markdown heading block style
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Aadil Ayub
2023-08-29 17:11:33 +05:00
parent 0492c109ea
commit 05f5156a1e
3 changed files with 38 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
block-styles.css
View File

@ -26,3 +26,26 @@
border-left: 1px solid;
border-top: 2px solid var(--wp--preset--color--background);
}
/* For the "Markdown-style Heading" block style */
.is-style-markdown-heading::before {
content: "##";
width: 4ch;
margin-right: 0;
font-family: monospace;
margin-inline-end: .3em;
letter-spacing: 2px;
}
@media screen and (max-width: 782px) {
.is-style-markdown-heading::before {
margin-inline-start: 1em;
}
}
@media screen and (min-width: 782px) {
.is-style-markdown-heading {
margin-top: 4em;
font-size: var(--wp--preset--font-size--medium);
}
}