added octopuses for mobile
This commit is contained in:
parent
f64b44d7a8
commit
283ab33cdc
@ -1,4 +1,4 @@
|
|||||||
<div class="hero header">
|
<div class="hero header octopus-mobile">
|
||||||
<div class="hero-body">
|
<div class="hero-body">
|
||||||
<a href="/">
|
<a href="/">
|
||||||
<p class="title is-size-0">
|
<p class="title is-size-0">
|
||||||
|
@ -5,5 +5,23 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: contain;
|
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>
|
</style>
|
Loading…
Reference in New Issue
Block a user