Sindbad~EG File Manager
.pack-block {
padding: 60px 0;
background: var(--purple300);
.pack-block__container-subheading {
@media (max-width: 768px) {
margin-bottom: 24px;
}
}
.pack-block__items-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
@media (max-width: 768px) {
grid-template-columns: 1fr;
}
.pack-block__item {
padding: 32px;
background: var(--white);
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: 24px;
box-shadow: 0px 4px 6px -2px #0c041b08;
box-shadow: 0px 12px 16px -4px #0c041b14;
border-radius: 16px;
color: var(--purple800);
.pack-block__item-icon-container {
width: 64px;
height: 64px;
display: flex;
align-items: center;
background: var(--purple100);
justify-content: center;
border-radius: 50%;
}
&.highlighted {
background: linear-gradient(0deg, #560bab 7.04%, #7209b5 100%);
color: var(--purple300);
transform: translate(0, -32px);
@media (max-width: 768px) {
transform: translate(0, 0);
}
.pack-block__item-icon-container {
background: var(--purple500);
}
}
}
}
}
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists