Use web components for SVG icons

2019-08-30 16:04:28 +09:00
parent b32005cdee
commit d974156d68
13 changed files with 113 additions and 61 deletions
--- a/pages/shop/shop.scarlet
+++ b/pages/shop/shop.scarlet
@ -57,9 +57,10 @@ const item-color-anime-support-ticket = hsl(217, 64%, 50%)
 	width 100%
 	justify-content center

-	.icon-diamond
-		margin-left 0.3rem
-		margin-right 0
+	svg-icon
+		[name="diamond"]
+			margin-left 0.3rem
+			margin-right 0

 #pro-benefits-footer
 	margin-top 3rem
--- a/pages/soundtracks/soundtracks.scarlet
+++ b/pages/soundtracks/soundtracks.scarlet
@ -47,8 +47,9 @@ const soundtrack-margin = 1rem
 	pointer-events none
 	box-shadow outline-shadow-medium

-	.icon-play
-		transform translateX(27%)
+	svg-icon
+		[name="play"]
+			transform translateX(27%)

 .media-visualizer
 	horizontal