adding icon shadow handling
This commit is contained in:
parent
c1a6ac430f
commit
c91d033d48
|
|
@ -1,6 +1,21 @@
|
||||||
.homegrade-blocks-icon {
|
.homegrade-blocks-icon {
|
||||||
@apply w-12 h-12 !mx-0 flex justify-center items-center;
|
@apply !mx-0 flex justify-center items-center
|
||||||
|
rounded-2xl;
|
||||||
img {
|
img {
|
||||||
@apply max-w-full max-h-full;
|
@apply w-full h-fit;
|
||||||
|
}
|
||||||
|
&--has-shadow {
|
||||||
|
@apply shadowed p-2 w-20 h-20;
|
||||||
|
img {
|
||||||
|
max-width: 80%;
|
||||||
|
max-height: 70%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&--no-shadow {
|
||||||
|
@apply w-16 h-16;
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user