Removed all outdated CSS classes

mixins/AnimeList.pixy

@@ -46,14 +46,3 @@ component AnimeListScrollable(animeListItems []*arn.AnimeListItem, viewUser *arn
 
 			.anime-list-item-rating.tip(aria-label="O: " + utils.FormatRating(item.Rating.Overall) + " | S: " + utils.FormatRating(item.Rating.Story) + " | V: " + utils.FormatRating(item.Rating.Visuals) + " | M: " + utils.FormatRating(item.Rating.Soundtrack))
 				.action(contenteditable=utils.SameUser(user, viewUser), data-field="Rating.Overall", data-type="number", data-trigger="focusout", data-action="save")= utils.FormatRating(item.Rating.Overall)
-			
-			//- if item.Status == arn.AnimeListStatusCompleted
-			//- 	.anime-list-item-rating(title="Story rating")
-			//- 		span.rating-label S:
-			//- 		.action(contenteditable=utils.SameUser(user, viewUser), data-field="Rating.Story", data-type="number", data-trigger="focusout", data-action="save")= fmt.Sprintf("%.1f", item.Rating.Story)
-			//- 	.anime-list-item-rating(title="Visuals rating")
-			//- 		span.rating-label V:
-			//- 		.action(contenteditable=utils.SameUser(user, viewUser), data-field="Rating.Visuals", data-type="number", data-trigger="focusout", data-action="save")= fmt.Sprintf("%.1f", item.Rating.Visuals)
-			//- 	.anime-list-item-rating(title="Soundtrack rating")
-			//- 		span.rating-label M:
-			//- 		.action(contenteditable=utils.SameUser(user, viewUser), data-field="Rating.Soundtrack", data-type="number", data-trigger="focusout", data-action="save")= fmt.Sprintf("%.1f", item.Rating.Soundtrack)

pages/anime/anime.scarlet

@@ -83,12 +83,6 @@
 	justify-content flex-start
 	align-items center
 
-.anime-start-date
-	font-size 0.7rem
-	line-height 1.7em
-	opacity 0.65
-	margin-top 0.5rem
-
 .anime-cover-image
 	width anime-image-large-width
 	height anime-image-large-height
@@ -126,10 +120,6 @@
 	horizontal
 	justify-content center
 
-.anime-widget
-	margin-top 0.6rem
-	margin-bottom 0.4rem
-
 .anime-rating
 	// ...
 

pages/anime/episodes.pixy

@@ -22,27 +22,3 @@ component AnimeEpisodes(anime *arn.Anime, episodes []*arn.AnimeEpisode, user *ar
 						
 						if validate.DateTime(episode.AiringDate.Start)
 							.episode-airing-date-start.utc-airing-date.no-tip(data-start-date=episode.AiringDate.Start, data-end-date=episode.AiringDate.End, data-episode-number=episode.Number)= episode.AiringDate.StartDateHuman()
-			
-			//- table.episodes
-			//- 	tbody
-			//- 		each episode in episodes
-			//- 			tr.episode.mountable(data-mountable-type="episode")
-			//- 				td.episode-number
-			//- 					if episode.Number != -1
-			//- 						span= episode.Number
-			//- 				td.episode-title
-			//- 					if episode.Title.Japanese != ""
-			//- 						Japanese(episode.Title.Japanese)
-			//- 					else
-			//- 						span -
-			//- 				if user != nil && user.Location.CountryName != "Japan"
-			//- 					td.episode-actions
-			//- 						for name, link := range episode.Links
-			//- 							a(href=link, target="_blank", rel="noopener", title="Watch episode " + fmt.Sprint(episode.Number) + " on " + name)
-			//- 								RawIcon("eye")
-			//- 						//- a(href="https://translate.google.com/#ja/en/" + episode.Title.Japanese, target="_blank", rel="noopener")
-			//- 						//- 	RawIcon("google")
-			//- 				if validate.DateTime(episode.AiringDate.Start)
-			//- 					td.episode-airing-date-start.utc-airing-date(data-start-date=episode.AiringDate.Start, data-end-date=episode.AiringDate.End, data-episode-number=episode.Number)= episode.AiringDate.StartDateHuman()
-			//- 				else
-			//- 					td.episode-airing-date-start

pages/anime/episodes.scarlet

@@ -48,7 +48,3 @@ const episode-margin = 0.5rem
 	justify-content center
 	font-size 0.7rem
 	opacity 0.6
-
-< 320px
-	.episode-actions
-		display none

pages/animelist/animelist.scarlet

@@ -89,17 +89,9 @@
 	flex-shrink 1
 	margin-left 45px
 
-// .rating-label
-// 	opacity 0.5
-// 	margin-right 0.2rem
-
 .anime-list-item-actions
 	display none !important
 
-// 	// Beautify icon alignment
-// 	.raw-icon
-// 		margin-bottom -4px
-
 > 740px
 	.anime-list-item-actions
 		display flex !important
@@ -113,9 +105,6 @@
 	display none !important
 
 > 700px
-	.anime-list-title
-		display block
-
 	.anime-list-item-airing-date
 		display flex !important
 		text-align right

pages/animelistitem/animelistitem.pixy

@@ -41,7 +41,3 @@ component AnimeListItem(viewUser *arn.User, item *arn.AnimeListItem, anime *arn.
 			Icon("trash")
 			span Remove from collection
 	
-	//- a.anime-list-item-cover.mountable(href=anime.Link(), title="View anime")
-	//- 	img.anime-cover-image.lazy(data-src=anime.ImageLink("medium"), data-webp="true", data-color=anime.AverageColor(), alt=anime.Title.ByUser(user))
-	//- 	//- RawIcon("arrow-left")
-	

pages/animelistitem/animelistitem.scarlet

@@ -1,15 +1,3 @@
-// .anime-list-item-progress-edit
-// 	horizontal-wrap
-// 	justify-content space-between
-// 	width 100%
-
-// .anime-list-item-episodes-edit
-// 	flex 1
-// 	margin-right content-padding
-
-// .anime-list-item-status-edit
-// 	flex-basis 50%
-
 .anime-list-item-view
 	vertical
 	width 100%
@@ -22,35 +10,6 @@
 	grid-template-columns repeat(auto-fill, calc(50% - content-padding / 2))
 	grid-gap content-padding
 
-// .anime-list-item-cover
-// 	display none
-
-// > 1200px
-// 	.anime-list-item-cover
-// 		display block
-// 		position absolute
-// 		left content-padding
-// 		top content-padding
-
-// 		&.mounted
-// 			opacity 0 !important
-
-// 			:hover
-// 				opacity 1 !important
-
-// 		img
-// 			width anime-image-medium-width
-// 			height anime-image-medium-height
-
-// 		// .raw-icon
-// 		// 	font-size 2.5rem
-// 		// 	position absolute
-// 		// 	left 0
-// 		// 	top calc(anime-image-medium-height / 2)
-// 		// 	transform translateY(-50%) translateX(-50%)
-// 		// 	opacity 0.85
-// 		// 	color rgb(215, 38, 15)
-
 .anime-list-item-rating-edit
 	horizontal
 	justify-content space-between

pages/charge/charge.scarlet

@@ -1,7 +1,3 @@
-.shop-video
-	max-width 100%
-	margin calc(content-padding / 2) auto
-
 .paypal-logo
 	width 100%
 	max-width 300px

pages/companies/popular.scarlet

@@ -32,15 +32,9 @@ const popular-company-height = 246px
 	p
 		display inline
 
-.popular-company-icon
-	//
-
 .popular-company-name
 	clip-long-text
 
-.popular-company-anime-preview
-	flex 1
-
 > 800px
 	.popular-company
 		height popular-company-height

pages/frontpage/frontpage.scarlet

@@ -78,12 +78,3 @@ const frontpage-bg-color = rgb(32, 32, 32)
 
 	:hover
 		background hsl(222, 67%, 47%)
-
-.screenshot
-	max-width 100%
-	border-radius ui-element-border-radius
-	box-shadow shadow-medium
-	margin-bottom 2rem
-
-	:hover
-		cursor pointer

pages/listimport/listimport.scarlet

@@ -1,5 +1,2 @@
-.buttons-vertical
-	width 100%
-
 .import-buttons
 	margin-bottom content-padding

pages/quote/quote.scarlet

@@ -10,12 +10,3 @@
 	justify-content center
 	margin-bottom 1rem
 	font-size 0.9rem
-
-.quote-section
-	margin-top 1rem
-
-	:first-child
-		margin-top 0 !important
-
-.quote-section-name
-	font-weight bold

pages/shop/shop.pixy

@@ -19,16 +19,10 @@ component ShopTabs(user *arn.User)
 
 component ShopItem(item *arn.ShopItem, popularity int)
 	.shop-item.mountable(data-item-id=item.ID)
-		//- .shop-item-icon
-		//- 	Icon(item.Icon)
-		
 		.shop-item-info-column
 			h3.shop-item-name= item.Name
 			.shop-item-popularity= stringutils.Plural(popularity, "user") + " bought this"
 
-			//- span.shop-item-duration= " " + duration
-		//- .shop-item-description!= markdown.Render(item.Description)
-
 		.buttons.shop-buttons
 			button.shop-button-buy.action(data-item-id=item.ID, data-item-name=item.Name, data-price=item.Price, data-trigger="click", data-action="buyItem")
 				span.shop-item-price= "Buy for " + fmt.Sprint(item.Price)

pages/shop/shop.scarlet

@@ -49,15 +49,6 @@ const item-color-anime-support-ticket = hsl(217, 64%, 50%)
 .shop-item-price
 	// ...
 
-.shop-item-price-currency
-	margin-left 0.3rem
-	margin-right 0
-
-.shop-item-duration
-	opacity 0.5
-	text-align right
-	float right
-
 .shop-buttons
 	flex 0.3
 	white-space nowrap

pages/support/support.scarlet

@@ -18,8 +18,7 @@
 	color text-color
 
 .feature-cards-alternative-color
-	.feature-card-icon,
+	.feature-card-icon
-	.payment-card-icon
 		background feature-card-alternative-color
 
 .support-button-container

styles/embedded.scarlet

@@ -9,9 +9,6 @@ const remove-margin = 1.1rem
 		margin-top calc(remove-margin * -1)
 		width calc(100% + remove-margin * 2)
 
-	.anime-list-owner
-		display none
-
 	.anime-list-item-image,
 	.anime-list-item-image-container
 		width 27px

styles/forum.scarlet

@@ -1,6 +1,3 @@
-// .forum-header
-// 	text-align left
-// 	margin-bottom 1rem
 post-content-padding-y = 0.75rem
 
 .thread-link

styles/theme-wheel.scarlet

@@ -10,6 +10,3 @@
 
 // 	&.fade-out
 // 		pointer-events none
-
-// .theme-wheel-theme
-// 	//

styles/widgets.scarlet

@@ -1,24 +1,3 @@
-// .widgets
-// 	display grid
-// 	grid-template-columns 1fr
-
-// > 810px
-// 	.widgets
-// 		grid-template-columns repeat(2, 1fr)
-// 		grid-gap content-padding
-
-// > 1240px
-// 	.widgets
-// 		grid-template-columns repeat(3, 1fr)
-
-// > 1640px
-// 	.widgets
-// 		grid-template-columns repeat(4, 1fr)
-
-.widgets
-	horizontal-wrap
-	justify-content center
-
 .widget
 	vertical
 	flex 1
@@ -57,13 +36,6 @@
 	width 100%
 	// max-width 700px
 
-.widget-ui-element-text
-	horizontal
-	clip-long-text
-	justify-content flex-start
-	align-items center
-	width 100%
-
 .widget-form
 	width 100%
 	max-width 650px