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

turn "tab" style headings into 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 15:37:47 +05:00
parent 2eb70c8f54
commit 95efe847b8
4 changed files with 53 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
block-styles.css Normal file
View File

@ -0,0 +1,28 @@
/* For the "Tabbed Heading" block style */
.tabbed-heading {
display: flex;
height: 36px;
align-items: center;
border-top: 1px solid;
}
.tabbed-heading::before {
content: "";
border-bottom: 1px solid;
border-right: 1px solid;
width: 80px;
margin-right: 8px;
height: 36px;
border-top: 2px solid var(--wp--preset--color--background);
}
.tabbed-heading::after {
content: "";
border-bottom: 1px solid;
flex-grow: 1;
margin-left: 8px;
height: 36px;
border-left: 1px solid;
border-top: 2px solid var(--wp--preset--color--background);
}