Skip to content

Commit

Permalink
#61 adds wp-blocks.css for iframe block, block-separator and video bl…
Browse files Browse the repository at this point in the history
…ock css
  • Loading branch information
JulesKhong committed Feb 29, 2024
1 parent 81701c8 commit 29ec556
Showing 1 changed file with 23 additions and 0 deletions.
23 changes: 23 additions & 0 deletions assets/css/organisms/wp-blocks.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
/* Blocks without unique templates */

/* Iframe embed */
.article-body > .wp-block-embed {
@apply ts-my-block-sm;
iframe {
@apply mx-auto md:h-[440px] md:w-full;
}
}

/* Separator */
.wp-block-separator {
@apply border-0 mx-auto my-lg w-[200px] h-[2.25rem] bg-no-repeat;
background-image: url("../images/hr.png");
}

/* Video Block */
.wp-block-video {
@apply ts-bg-dk py-block;
video {
@apply aspect-video p-site xl:container mx-auto md:max-w-[800px];
}
}

0 comments on commit 29ec556

Please sign in to comment.