%dog {
    @media (min-width: 10px) {
        &:hover {
            display: none;
        }
    }
}

.puppy {
    @extend %dog;
    background-color: red;
}