Improved anime view on characters

2019-11-19 11:39:20 +09:00
parent 4fbe73a1d0
commit b8b2fb9354
14 changed files with 135 additions and 92 deletions
--- a/styles/base.scarlet
+++ b/styles/base.scarlet
@ -40,4 +40,4 @@ rt
 	text-align center

 .spacer
-	flex 1
+	flex 1
--- a/styles/config.scarlet
+++ b/styles/config.scarlet
@ -71,7 +71,7 @@ const group-post-width = comment-width
 const post-avatar-text-margin = 0.5rem

 // Avatar
-avatar-size = 50px
+const avatar-size = 50px

 // Badge
 badge-important-bg-color = rgb(215, 38, 15)
--- a/styles/mixins/card.scarlet
+++ b/styles/mixins/card.scarlet
@ -0,0 +1,13 @@
+const card-padding = 1rem
+
+mixin card
+	horizontal
+	ui-element
+	padding card-padding
+	margin 0.4rem
+	width 100%
+
+	:hover
+		border 1px solid input-focus-border-color
+		// TODO: Replace with alpha(main-color, 20%) function
+		box-shadow 0 0 6px rgba(248, 165, 130, 0.2)