diff --git a/resources/css/app.css b/resources/css/app.css index 9e19808..0a21b3f 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -53,5 +53,6 @@ /* ########### BLOCKS ############ */ @import './blocks/explore-tags.css'; @import './blocks/wp-block-pullquote.css'; +@import './blocks/wp-block-quote.css'; @import './blocks/statistics-datas.css'; @import './blocks/recommandations.css'; diff --git a/resources/css/blocks/wp-block-quote.css b/resources/css/blocks/wp-block-quote.css new file mode 100644 index 0000000..d1f154f --- /dev/null +++ b/resources/css/blocks/wp-block-quote.css @@ -0,0 +1,19 @@ +.wp-block-quote { + border: none; + p { + @apply font-medium; + font-size: 1.2rem; + } + @apply relative pl-12; + &:before { + background-image: url('../resources/img/icons/cite-icon.svg'); + @apply content-[''] block w-8 h-8 absolute top-0 left-0; + } + cite { + &:before { + @apply pr-2; + content: 'EXTRAIT'; + @apply font-bold; + } + } +} diff --git a/resources/img/icons/cite-icon.svg b/resources/img/icons/cite-icon.svg new file mode 100644 index 0000000..25fc4d6 --- /dev/null +++ b/resources/img/icons/cite-icon.svg @@ -0,0 +1,3 @@ + + +