This repository has been archived on 2023-01-31. You can view files and clone it, but cannot push or open issues or pull requests.
sophie-lewis-hugo/themes/sophie-lewis/layouts/partials/octocss.html

27 lines
562 B
HTML

{{ $octo_url := path.Join "/img/octo" $.Page.Params.octo }}
<style>
#octopus {
background-image: url('{{ $octo_url }}');
background-repeat: no-repeat;
background-size: contain;
}
@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;
}
}
</style>