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

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

	:active
		transform translateY(3px)

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
	height input-height

	[pattern]
		:focus
			:invalid
				border-color red !important

			:valid
				border-color green !important

	:active
		transform translateY(3px)

.color-picker-container
	horizontal

.color-picker
	ui-element
	flex 1
	height input-height
	margin-right content-padding-half

	:hover
		cursor pointer

	:active
		transform translateY(3px)

button, .button
	horizontal
	padding 0rem 1rem
	color button-color
	align-items center
	pointer-events all
	height input-height

	button-hover

	:disabled
		ui-disabled

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

	option
		color text-color
		background bg-color

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

textarea
	padding 0.4em 0.8em
	line-height 1.5em
	height 10rem
	transition none

.number-input-container
	horizontal

	button
		justify-content center
		margin-left 0.2rem
		width input-height
		height input-height
General improvements 2017-06-23 16:22:48 +00:00			`mixin input-focus`
			`:focus`
Redesign 2017-11-05 05:56:09 +00:00			`border 1px solid input-focus-border-color !important`
General improvements 2017-06-23 16:22:48 +00:00			`// TODO: Replace with alpha(main-color, 20%) function`
Redesign 2017-11-05 05:56:09 +00:00			`box-shadow 0 0 6px rgba(248, 165, 130, 0.2) !important`
General improvements 2017-06-23 16:22:48 +00:00
Started working on new episodes 2017-12-04 14:32:59 +00:00			`mixin button-hover`
			`:hover,`
			`&.active`
			`cursor pointer`
			`color button-hover-color`
			`background button-hover-background`

			`:active`
			`transform translateY(3px)`

Facebook login 2017-07-02 21:42:46 +00:00			`input, textarea, button, .button, select`
			`ui-element`
Everything is scarlet now 2016-12-01 15:27:53 +00:00			`font-family inherit`
Added search UI 2017-06-20 19:37:52 +00:00			`font-size 1em`
Facebook login 2017-07-02 21:42:46 +00:00			`line-height 1.25em`
Everything is scarlet now 2016-12-01 15:27:53 +00:00			`color text-color`

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

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

Forum improvements 2017-06-26 13:17:53 +00:00			`input`
Added UI for +/- buttons 2017-11-16 21:37:18 +00:00			`height input-height`

Added welcome page 2018-11-15 03:42:10 +00:00			`[pattern]`
			`:focus`
			`:invalid`
			`border-color red !important`

			`:valid`
			`border-color green !important`

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

Added experimental theme color picker 2018-11-23 10:11:46 +00:00			`.color-picker-container`
			`horizontal`

			`.color-picker`
			`ui-element`
			`flex 1`
			`height input-height`
			`margin-right content-padding-half`

			`:hover`
			`cursor pointer`

			`:active`
			`transform translateY(3px)`

Added basic anime list item view 2017-06-19 18:59:02 +00:00			`button, .button`
Implemented adding and removing anime 2017-06-20 10:41:26 +00:00			`horizontal`
Minor changes 2018-07-19 05:10:43 +00:00			`padding 0rem 1rem`
Preparations for upcoming theme wheel 2018-04-23 14:51:11 +00:00			`color button-color`
Facebook login 2017-07-02 21:42:46 +00:00			`align-items center`
Fixed extension navigation consuming pointer events 2018-04-04 09:47:52 +00:00			`pointer-events all`
Improved list item editor 2018-04-19 22:06:13 +00:00			`height input-height`
Added basic anime list item view 2017-06-19 18:59:02 +00:00
Started working on new episodes 2017-12-04 14:32:59 +00:00			`button-hover`
Everything is scarlet now 2016-12-01 15:27:53 +00:00
Added experimental theme color picker 2018-11-23 10:11:46 +00:00			`:disabled`
			`ui-disabled`

Added list item status 2017-06-29 13:55:04 +00:00			`select`
			`appearance none`
			`-webkit-appearance none`
			`-moz-appearance none`
Added basic anime list item view 2017-06-19 18:59:02 +00:00
Fixed background color on select boxes in dark theme 2017-11-17 12:15:45 +00:00			`option`
			`color text-color`
			`background bg-color`

Settings page (visual only) 2017-06-18 18:22:43 +00:00			`label`
			`width 100%`
			`padding 0.5rem 0`
			`text-align left`

Facebook login 2017-07-02 21:42:46 +00:00			`textarea`
Fixed textarea 2017-07-02 23:15:07 +00:00			`padding 0.4em 0.8em`
Facebook login 2017-07-02 21:42:46 +00:00			`line-height 1.5em`
Fixed textarea 2017-07-02 23:15:07 +00:00			`height 10rem`
Added UI for +/- buttons 2017-11-16 21:37:18 +00:00			`transition none`

			`.number-input-container`
			`horizontal`

			`button`
			`justify-content center`
			`margin-left 0.2rem`
1:1 ratio for episode increase and decrease buttons 2018-11-15 17:25:03 +00:00			`width input-height`
Added UI for +/- buttons 2017-11-16 21:37:18 +00:00			`height input-height`