Commit d81ab30

authored

scss mixin for dark theme management

1 parent 21c1695 commit d81ab30Copy full SHA for d81ab30

File tree

+23

-0

lines changed

+23

-0

lines changed

Lines changed: 23 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -109,6 +109,29 @@`
`109`	`109`	`],`
`110`	`110`	`"tags": ["scss", "aspect-ratio", "layout", "css"],`
`111`	`111`	`"author": "dostonnabotov"`
	`112`	`+ },`
	`113`	`+ {`
	`114`	`+ "title": "Dark Theme",`
	`115`	`+ "description": "Change styles for dark theme.",`
	`116`	`+ "code": [`
	`117`	`+ "@mixin isDark($type: 'module') {",`
	`118`	`+ " $root: &;",`
	`119`	`+ "",`
	`120`	`+ " @if $type == 'module' {",`
	`121`	`+ " :global {",`
	`122`	`+ " @at-root body[theme='dark'] #{$root} {",`
	`123`	`+ " @content;",`
	`124`	`+ " }",`
	`125`	`+ " }",`
	`126`	`+ " } @else {",`
	`127`	`+ " &[theme='dark'] {",`
	`128`	`+ " @content;",`
	`129`	`+ " }",`
	`130`	`+ " }",`
	`131`	`+ "}"`
	`132`	`+ ],`
	`133`	`+ "tags": ["scss", "mixin", "layout", "css","dark-mode"],`
	`134`	`+ "author": "gihanrangana"`
`112`	`135`	`}`
`113`	`136`	`]`
`114`	`137`	`},`

Comments

(0)