@mixin scroll { &::-webkit-scrollbar { width: 5px; height: 5px; } @media screen and (max-width: 1024px) { &::-webkit-scrollbar { width: 3px; height: 3px; } } /* Track */ &::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } /* Handle */ &::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } /* Handle on hover */ &::-webkit-scrollbar-thumb:hover { background: #555; } }