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

zaydek · 2020-12-23T11:04:18Z

@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 changed the title ~~[Todo] Document multi-transition dark mode~~ [Defer] Document multi-transition dark mode (proof-of-concept) Dec 25, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

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

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

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

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

Comments