Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

introducing tip to know block

Browse Source
This commit is contained in:
Antoine M 2023-11-08 18:33:07 +01:00
parent b283caa652
commit 4ff666b6dd
2 changed files with 24 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

@ -88,6 +88,7 @@
@import './blocks/press-photo-kit.css'; @import './blocks/press-photo-kit.css';
@import './blocks/press-reviews.css'; @import './blocks/press-reviews.css';
@import './blocks/icon.css'; @import './blocks/icon.css';
@import './blocks/tips-to-know.css';
/* ########### PAGE ############ */ /* ########### PAGE ############ */
@import './pages/demo-components.css'; @import './pages/demo-components.css';

23
resources/css/blocks/tips-to-know.css Normal file
View File

@ -0,0 +1,23 @@
.homegrade-blocks-tips-to-know {
&__tips-container {
@apply py-5 grid grid-cols-2 gap-x-10 gap-y-4 w-full;
}
&__tip {
@apply flex gap-6;
}
&__tip-icon {
@apply w-16 h-16 bg-white shadowed
shrink-0
rounded-2xl
flex items-center justify-center;
img {
@apply w-full h-full;
max-width: 70%;
max-height: 70%;
}
}
&__tip-title {
@apply text-secondary font-bold text-2xl mb-4 !mt-0;
}
}