introducing tip to know block
This commit is contained in:
parent
b283caa652
commit
4ff666b6dd
|
|
@ -88,6 +88,7 @@
|
|||
@import './blocks/press-photo-kit.css';
|
||||
@import './blocks/press-reviews.css';
|
||||
@import './blocks/icon.css';
|
||||
@import './blocks/tips-to-know.css';
|
||||
|
||||
/* ########### PAGE ############ */
|
||||
@import './pages/demo-components.css';
|
||||
|
|
|
|||
23
resources/css/blocks/tips-to-know.css
Normal file
23
resources/css/blocks/tips-to-know.css
Normal 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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user