@use '../_mixin' as mixin;

@media (any-hover: hover) {
	// ------------------------------------------------------------
	// プリセット
	// ------------------------------------------------------------
	.-hov\:fade:hover {
		opacity: 0.7 #{mixin.$maybe_important};
	}
	// .-hov\:shadow:hover {
	// 	box-shadow: var(--bxsh-4);
	// }
	// .-hov\:up:hover {
	// 	translate: 0 -3px;
	// }
	// .-hov\:u:hover {
	// 	text-decoration: underline !important;
	// }

	// ------------------------------------------------------------
	// 値指定
	// ------------------------------------------------------------
	.-hov\:c:hover {
		color: var(--hov-c) #{mixin.$maybe_important};
	}
	.-hov\:bdc:hover {
		border-color: var(--hov-bdc) #{mixin.$maybe_important};
	}
	.-hov\:bgc:hover {
		background-color: var(--hov-bgc) #{mixin.$maybe_important};
	}
	.-hov\:bxsh:hover {
		box-shadow: var(--hov-bxsh) #{mixin.$maybe_important};
	}

	// .-hov\:op:hover {
	// 	opacity: var(--hov-op) !important;
	// }
	// .-hov\:filter:hover {
	// 	filter: var(--hov-filter) !important;
	// }
	.-hov\:set:hover {
		--_notHov: ;
	}
	.-hov\:set:not(:hover) {
		--_isHov: ;
	}
}
@media (any-hover: none) {
	.-hov\:set {
		--_isHov: ;
	}
}

// ------------------------------------------------------------
// .-hov\:get
// ------------------------------------------------------------

.-hov\:get\:hide {
	opacity: var(--_isHov, 0) #{mixin.$maybe_important};
}

.-hov\:get\:show {
	opacity: var(--_notHov, 0) #{mixin.$maybe_important};
	visibility: var(--_notHov, hidden) #{mixin.$maybe_important};
}