monitor/src/app/home/home.component.less

69 lines
1.4 KiB
Plaintext

@import (reference) "~src/assets/openaire-theme/less/_import-variables";
@home-curator-image-size: 136px;
.home-background {
background-color: @global-inverse-color;
}
@media only screen and (min-width: @breakpoint-medium) {
.monitor-dark-logo-background {
background-image: url("~src/assets/monitor-assets/home/monitor-dark-logo.svg");
background-repeat: no-repeat;
background-position: left 95%;
background-size: 65%;
}
}
.graph-background {
background-image: url('~src/assets/monitor-assets/home/graph.svg');
background-position-y: 50%;
background-position-x: -5%;
background-size: 25%;
}
#bullets {
& > div {
max-width: 360px !important;
}
}
.contact-us {
img {
position: absolute;
width: @home-curator-image-size;
height: @home-curator-image-size;
object-fit: cover;
border-radius: 18px;
&.one {
top: 0;
left: @global-medium-gutter + (@home-curator-image-size/2);
transform: rotate(10deg);
}
&.two {
bottom: 0;
left: @global-medium-gutter;
transform: rotate(-10deg);
object-position: top;
}
&.three {
top: 0;
right: @global-medium-gutter;
transform: rotate(-10deg);
object-position: -60px;
}
&.four {
bottom: 0;
right: @global-medium-gutter + (@home-curator-image-size/2);
transform: rotate(-10deg);
object-position: 0;
}
}
}