duomo icon indicating copy to clipboard operation
duomo copied to clipboard

[Defer] Document multi-transition dark mode (proof-of-concept)

Open zaydek opened this issue 4 years ago • 0 comments

@mixin to-dark-mode {
	:root[data-theme="dark"] & {
		$dur: 1200ms;
		$timing: timing(ease-out, $raw: true);
		transition: $dur background-color $timing, $dur border-color $timing;
	}
}
@mixin to-light-mode {
	:root:not([data-theme="dark"]) & {
		$dur: 600ms;
		$timing: timing(ease-out, $raw: true);
		transition: $dur background-color $timing, $dur border-color $timing;
	}
}

@mixin transitions {
	@include to-dark-mode;
	@include to-light-mode;
}

zaydek avatar Dec 23 '20 11:12 zaydek