31 lines
640 B
SCSS
31 lines
640 B
SCSS
@import 'variables';
|
|
|
|
.project__image-wrap {
|
|
max-height: 100vh;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
display: block;
|
|
box-shadow:
|
|
0 3px 5px rgba($brand-main, .15),
|
|
0 5px 16px rgba($brand-main, .15);
|
|
|
|
@media (min-width: $projectImageMaxWidth) {
|
|
max-width: $projectImageMaxWidth;
|
|
border-radius: .25rem;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.dark & {
|
|
box-shadow:
|
|
0 3px 5px rgba(darken($brand-main, 20%), .15),
|
|
0 5px 16px rgba(darken($brand-main, 20%), .15);
|
|
}
|
|
}
|
|
|
|
.project__image {
|
|
img {
|
|
max-height: 100vh;
|
|
display: block;
|
|
}
|
|
}
|