38 lines
698 B
SCSS
38 lines
698 B
SCSS
.feature-box {
|
|
background-color: rgba($color-white, 0.8);
|
|
font-size: 1.5rem;
|
|
padding: 2.5rem;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
box-shadow: 0 1.5rem 4rem rgba($color-black, 0.15);
|
|
transition: transform 0.3s;
|
|
|
|
@include respond(tab-port) {
|
|
padding: 2rem;
|
|
}
|
|
|
|
&__icon {
|
|
font-size: 6rem;
|
|
margin-bottom: 0.5rem;
|
|
display: inline-block;
|
|
background-image: linear-gradient(
|
|
to right,
|
|
$color-primary-light,
|
|
$color-primary-dark
|
|
);
|
|
-webkit-background-clip: text;
|
|
color: transparent;
|
|
|
|
@include respond(tab-port) {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
&__text {
|
|
}
|
|
|
|
&:hover {
|
|
transform: translateY(-1.5rem) scale(1.03);
|
|
}
|
|
}
|