irish-monitor/src/app/resources/how-it-works/about.component.less

60 lines
1.1 KiB
Plaintext

@import (reference) "~src/assets/extend-theme/less/_import-variables";
@import (reference) "~src/assets/openaire-theme/less/color.less";
.hero {
background-image: url("~/src/assets/irish-assets/resources/irish-bg-blur.png");
background-repeat: no-repeat;
background-position: center;
.about {
max-width: 500px;
}
.pilot {
max-width: 400px;
}
.logos {
grid-gap: 60px;
img {
height: 60px;
}
}
}
.context {
column-count: 2;
column-gap: 200px;
}
.card-bg {
background-repeat: no-repeat;
background-position: bottom;
&.norf {
background-image: url("~/src/assets/irish-assets/resources/norf-logo-blur.png");
}
&.irel {
background-image: url("~/src/assets/irish-assets/resources/irel-logo-blur.png");
}
&.openaire {
background-image: url("~/src/assets/irish-assets/resources/openaire-logo-blur.png");
}
}
@media (max-width: @breakpoint-small-max) {
.hero {
background-position: center bottom;
.logos {
grid-gap: 40px;
img {
height: 40px;
}
}
}
.context {
column-count: 1;
}
}
.uk-width-medium {
width: 350px;
}
.uk-card.pilot {
box-shadow: none;
}