77 lines
1.5 KiB
CSS
77 lines
1.5 KiB
CSS
.homegrade-blocks-highlight {
|
|
@apply p-12 rounding-radius my-8 max-w-screen-lg mx-auto;
|
|
|
|
h3 {
|
|
@apply pb-4;
|
|
}
|
|
p {
|
|
@apply max-w-5xl;
|
|
margin-bottom: 10px;
|
|
}
|
|
&__block-title {
|
|
@apply !pb-0;
|
|
}
|
|
&__content {
|
|
@apply flex items-start gap-8;
|
|
.homegrade-blocks-highlight__content__innerblocks {
|
|
@apply w-full;
|
|
}
|
|
}
|
|
&__logo {
|
|
@apply p-4 bg-white h-auto flex justify-center items-center rounded-3xl;
|
|
width: 150px;
|
|
height: 150px;
|
|
aspect-ratio: 1/1;
|
|
margin-top: -10px;
|
|
img {
|
|
@apply max-h-full max-w-full block;
|
|
}
|
|
}
|
|
.wp-block-buttons {
|
|
@apply gap-x-4;
|
|
}
|
|
.wp-block-button {
|
|
@apply mt-6 font-semibold;
|
|
}
|
|
.wp-block-button + * {
|
|
@apply mt-6;
|
|
}
|
|
&--classic {
|
|
@apply bg-primary text-white;
|
|
.icon,
|
|
.wp-block-button__link {
|
|
@apply bg-secondary;
|
|
}
|
|
}
|
|
&--warning {
|
|
@apply !bg-transparent !relative !text-secondary;
|
|
.icon,
|
|
.wp-element-button,
|
|
ul li:before {
|
|
@apply !bg-secondary;
|
|
}
|
|
.homegrade-blocks-highlight__block-title,
|
|
*::marker {
|
|
@apply !text-secondary;
|
|
}
|
|
p > a {
|
|
@apply !text-primary font-bold;
|
|
}
|
|
|
|
&:after {
|
|
@apply absolute
|
|
block
|
|
rounding-radius
|
|
w-full
|
|
h-full
|
|
!bg-secondary
|
|
top-0
|
|
left-0;
|
|
opacity: 0.05;
|
|
content: '';
|
|
z-index: -1;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|