styles/input.scarlet

mixin input-focus
	:focus
		border 1px solid input-focus-border-color !important
		// TODO: Replace with alpha(main-color, 20%) function
		box-shadow 0 0 6px rgba(248, 165, 130, 0.2) !important

input, textarea, button, .button, select
	ui-element
	font-family inherit
	font-size 1em
	line-height 1.25em
	color text-color

input, textarea, select
	input-focus
	width 100%

	:disabled
		ui-disabled

input, select
	padding 0.5rem 1rem

input
	:active
		transform translateY(3px)

button, .button
	horizontal
	line-height 1.5em
	padding 0.5rem 1rem
	color link-color
	align-items center

	:hover,
	&.active
		cursor pointer
		color button-hover-color
		background button-hover-background

	:active
		transform translateY(3px)

select
	appearance none
	-webkit-appearance none
	-moz-appearance none

label
	width 100%
	padding 0.5rem 0
	text-align left

textarea
	padding 0.4em 0.8em
	line-height 1.5em
	height 10rem
	transition none
General improvements 2017-06-23 18:22:48 +02:00			`mixin input-focus`
			`:focus`
Redesign 2017-11-05 06:56:09 +01:00			`border 1px solid input-focus-border-color !important`
General improvements 2017-06-23 18:22:48 +02:00			`// TODO: Replace with alpha(main-color, 20%) function`
Redesign 2017-11-05 06:56:09 +01:00			`box-shadow 0 0 6px rgba(248, 165, 130, 0.2) !important`
General improvements 2017-06-23 18:22:48 +02:00
Facebook login 2017-07-02 23:42:46 +02:00			`input, textarea, button, .button, select`
			`ui-element`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`font-family inherit`
Added search UI 2017-06-20 21:37:52 +02:00			`font-size 1em`
Facebook login 2017-07-02 23:42:46 +02:00			`line-height 1.25em`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`color text-color`

Facebook login 2017-07-02 23:42:46 +02:00			`input, textarea, select`
General improvements 2017-06-23 18:22:48 +02:00			`input-focus`
Added thread title editing 2017-07-06 19:33:58 +02:00			`width 100%`
Facebook login 2017-07-02 23:42:46 +02:00
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`:disabled`
			`ui-disabled`

Added thread title editing 2017-07-06 19:33:58 +02:00			`input, select`
			`padding 0.5rem 1rem`

Forum improvements 2017-06-26 15:17:53 +02:00			`input`
			`:active`
			`transform translateY(3px)`

Added basic anime list item view 2017-06-19 20:59:02 +02:00			`button, .button`
Implemented adding and removing anime 2017-06-20 12:41:26 +02:00			`horizontal`
Facebook login 2017-07-02 23:42:46 +02:00			`line-height 1.5em`
			`padding 0.5rem 1rem`
Added basic anime list item view 2017-06-19 20:59:02 +02:00			`color link-color`
Facebook login 2017-07-02 23:42:46 +02:00			`align-items center`
Added basic anime list item view 2017-06-19 20:59:02 +02:00
Flat design 2017-06-25 23:07:14 +02:00			`:hover,`
			`&.active`
Added basic anime list item view 2017-06-19 20:59:02 +02:00			`cursor pointer`
Started working on dark theme 2017-11-03 09:34:21 +01:00			`color button-hover-color`
			`background button-hover-background`
Added basic anime list item view 2017-06-19 20:59:02 +02:00
			`:active`
			`transform translateY(3px)`
Everything is scarlet now 2016-12-02 00:27:53 +09:00
Added list item status 2017-06-29 15:55:04 +02:00			`select`
			`appearance none`
			`-webkit-appearance none`
			`-moz-appearance none`
Added basic anime list item view 2017-06-19 20:59:02 +02:00
Settings page (visual only) 2017-06-18 20:22:43 +02:00			`label`
			`width 100%`
			`padding 0.5rem 0`
			`text-align left`

Facebook login 2017-07-02 23:42:46 +02:00			`textarea`
Fixed textarea 2017-07-03 01:15:07 +02:00			`padding 0.4em 0.8em`
Facebook login 2017-07-02 23:42:46 +02:00			`line-height 1.5em`
Fixed textarea 2017-07-03 01:15:07 +02:00			`height 10rem`
			`transition none`