Using stylus now

2016-11-09 20:32:19 +09:00
parent b4e9b6a15e
commit a63e250f24
38 changed files with 4277 additions and 259 deletions
--- a/styles/user.styl
+++ b/styles/user.styl
@ -0,0 +1,33 @@
+avatarSize = 50px
+
+.user-list
+	width 100%
+	display flex
+	flex-flow row wrap
+
+.user
+	display block
+	transform scale(1.0)
+	width avatarSize
+	height avatarSize
+	border-radius 100%
+	margin 0.2em
+	&:hover
+		.user-image
+			box-shadow 0 0 8px rgb(0, 0, 0)
+
+.user-image
+	opacity 0
+	transition all 250ms ease
+	border-radius 100%
+	margin 0 !important
+	width avatarSize
+	height avatarSize
+	object-fit cover
+
+svg.user-image
+	circle.body
+		fill rgb(60, 60, 60)
+	text
+		fill white
+		font-size 0.65rem