sophie-lewis-hugo/themes/sophie-lewis/layouts/partials/octocss.html

27 lines
562 B
HTML
Raw Permalink Normal View History

2021-08-25 09:39:09 +00:00
{{ $octo_url := path.Join "/img/octo" $.Page.Params.octo }}
<style>
#octopus {
background-image: url('{{ $octo_url }}');
background-repeat: no-repeat;
background-size: contain;
}
2021-10-12 23:35:31 +00:00
@media all and (max-width: 1023px) {
.octopus-mobile::before {
background-image: url('{{ $octo_url }}');
background-repeat: no-repeat;
background-size: 40%;
background-position: 100%;
opacity: 60%;
content:"";
position:absolute;
top:-60%;
bottom:0;
right:0;
left:0;
width:auto;
height:auto;
z-index:-3;
}
}
2021-08-25 09:39:09 +00:00
</style>