Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Styling blockquote
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-10-23 12:09:59 +02:00
parent 3207380c7f
commit 0646a2c325
3 changed files with 23 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
resources/css/app.css
View File

@ -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';

19
resources/css/blocks/wp-block-quote.css Normal file
View File

@ -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;
}
}
}

3
resources/img/icons/cite-icon.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48 46.125L0 48V0L48 1.96875V46.125Z" fill="#136F63"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 167 B