24 lines
427 B
SCSS
24 lines
427 B
SCSS
@import 'variables';
|
|
|
|
.box {
|
|
display: block;
|
|
background: $background-content;
|
|
border-radius: $border-radius;
|
|
border: 1px solid $border-color;
|
|
box-shadow: 0 6px 17px 0 $box-shadow-color;
|
|
padding: $spacer * 0.5;
|
|
}
|
|
|
|
@media (min-width: 40rem) {
|
|
.box {
|
|
padding: var($spacer);
|
|
}
|
|
}
|
|
|
|
a.box:hover,
|
|
a.box:focus {
|
|
outline: 0;
|
|
transform: translate3d(0, -0.1rem, 0);
|
|
box-shadow: 0 10px 25px 0 $box-shadow-color;
|
|
}
|