タッチデバイスかどうかでスタイルを変える

ホバー可能かどうかで条件分岐

ホバー無しの場合（スマホ・タブレット）

background: rgba(#000, 0.2);
@media (hover: none) {
	background: rgba(#000, 0);
}

ホバー有りの場合（マウスを使用する）

@media (hover: hover) {
	background: rgba(#000, 0);
}

mixinで設定する場合
例えば touch

@mixin touch {
	@media (hover: none) {
		@content;
	}
}

include で呼び出し

@include touch {
	background: rgba(#000, 0);
}