2018-04-20 19:59:27 +02:00
|
|
|
@import 'variables';
|
|
|
|
|
|
2018-09-20 18:33:32 +02:00
|
|
|
.projectImage {
|
2018-04-20 19:59:27 +02:00
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
2018-05-04 01:58:43 +02:00
|
|
|
display: block;
|
2019-11-11 23:46:47 +01:00
|
|
|
border-radius: $border-radius;
|
|
|
|
|
overflow: hidden;
|
2019-11-09 21:07:14 +01:00
|
|
|
box-shadow: 0 3px 5px rgba($brand-main, 0.15),
|
|
|
|
|
0 5px 16px rgba($brand-main, 0.15);
|
2018-04-20 19:59:27 +02:00
|
|
|
|
2018-05-04 14:00:21 +02:00
|
|
|
@media (min-width: $projectImageMaxWidth) {
|
|
|
|
|
max-width: $projectImageMaxWidth;
|
2018-04-20 19:59:27 +02:00
|
|
|
}
|
2018-05-13 01:39:50 +02:00
|
|
|
|
2018-06-23 21:53:57 +02:00
|
|
|
:global(.dark) & {
|
2019-11-09 21:07:14 +01:00
|
|
|
box-shadow: 0 3px 5px rgba(darken($brand-main, 20%), 0.15),
|
|
|
|
|
0 5px 16px rgba(darken($brand-main, 20%), 0.15);
|
2018-05-13 01:39:50 +02:00
|
|
|
}
|
2018-05-04 01:58:43 +02:00
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
}
|
