<div class="f dot"><h1>the list</h1></div>
@mixin dot($s:black){
.dot:hover{background-size:100px}
.dot{
 background-repeat:repeat;
 background-image:url('https://i.imgur.com/J0y4RA2.png');
 background-size:50px;
 transition:background-size 0.1s linear;
 text-shadow: 2px 2px 0 $s;
}
}@include dot(/*white*/)
;
body{margin:4rem;background-color:orange}
.f{width:33rem;height:auto;border:2px solid}
h1{color:white;line-height:1}
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.