50 lines
1.1 KiB
Plaintext
50 lines
1.1 KiB
Plaintext
@import (reference) "~../../../assets/openaire-theme/less/_import-variables";
|
|
|
|
@faqs-curator-image-size: 120px;
|
|
@faqs-contact-us-height: 400px;
|
|
|
|
.hero {
|
|
background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.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/0.7);
|
|
transform: rotate(15deg);
|
|
object-position: top;
|
|
}
|
|
|
|
&.three {
|
|
top: 0;
|
|
left: @global-medium-gutter + (@faqs-curator-image-size*1.5);
|
|
// transform: rotate(-10deg);
|
|
object-position: -60px;
|
|
}
|
|
|
|
&.four {
|
|
bottom: 2*@global-medium-gutter;
|
|
left: 2*@global-medium-gutter;
|
|
transform: rotate(-10deg);
|
|
object-position: 0;
|
|
}
|
|
}
|
|
}
|