45 lines
1005 B
Plaintext
45 lines
1005 B
Plaintext
@import (reference) "~../../assets/openaire-theme/less/_import-variables";
|
|
|
|
@faqs-curator-image-size: 136px;
|
|
@faqs-contact-us-height: 450px;
|
|
|
|
.contact-us {
|
|
height: @faqs-contact-us-height;
|
|
|
|
img {
|
|
position: absolute;
|
|
width: @faqs-curator-image-size;
|
|
height: @faqs-curator-image-size;
|
|
object-fit: cover;
|
|
border-radius: 18px;
|
|
|
|
|
|
&.one {
|
|
top: @global-medium-gutter;
|
|
right: @global-medium-gutter + (@faqs-curator-image-size/2);
|
|
transform: rotate(10deg);
|
|
}
|
|
|
|
&.two {
|
|
bottom: @global-medium-gutter;
|
|
right: @global-medium-gutter + (@faqs-curator-image-size);
|
|
transform: rotate(-10deg);
|
|
object-position: top;
|
|
}
|
|
|
|
&.three {
|
|
top: 0;
|
|
left: @global-medium-gutter + (@faqs-curator-image-size);
|
|
transform: rotate(-10deg);
|
|
object-position: -60px;
|
|
}
|
|
|
|
&.four {
|
|
bottom: 2*@global-medium-gutter;
|
|
left: 2*@global-medium-gutter;
|
|
transform: rotate(-10deg);
|
|
object-position: 0;
|
|
}
|
|
}
|
|
}
|