styles/widgets.scarlet

.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)

.widget
	vertical
	margin-bottom content-padding
	overflow hidden

.widget-element
	vertical-wrap
	ui-element
	transition border transition-speed ease, background transition-speed ease, transform transition-speed ease, transform color ease
	margin-bottom 1rem
	padding 0.5rem 1rem
	width 100%
	// max-width 700px

.widget-element-text
	horizontal
	clip-long-text
	justify-content flex-start
	align-items center
	width 100%

.widget-input
	vertical
	width 100%

.widget-title
	text-align left
	padding-bottom 0.5rem
	border-bottom 1px solid rgba(0, 0, 0, 0.1)
	// We need !important here to overwrite the h3:first-child rule
	margin 1rem 0 !important

.widget-form
	width 100%
	max-width 650px
	margin 0 auto
Settings page (visual only) 2017-06-18 20:22:43 +02:00			`.widgets`
New dashboard layout 2017-07-09 04:22:14 +02:00			`display grid`
			`grid-template-columns 1fr`
Some improvements 2016-12-06 12:36:31 +09:00
New dashboard layout 2017-07-09 04:22:14 +02:00			`> 810px`
			`.widgets`
			`grid-template-columns repeat(2, 1fr)`
			`grid-gap content-padding`
Changed widget size 2017-07-04 01:42:54 +02:00
			`> 1240px`
New dashboard layout 2017-07-09 04:22:14 +02:00			`.widgets`
			`grid-template-columns repeat(3, 1fr)`
New dashboard idea (still not happy though) 2016-11-22 12:34:59 +09:00
New dashboard layout 2017-07-09 04:22:14 +02:00			`> 1640px`
			`.widgets`
			`grid-template-columns repeat(4, 1fr)`

			`.widget`
			`vertical`
			`margin-bottom content-padding`
Fixed mobile layout 2017-07-09 04:52:13 +02:00			`overflow hidden`
Fixed anime list item view 2017-07-04 01:50:22 +02:00
Settings page (visual only) 2017-06-18 20:22:43 +02:00			`.widget-element`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`vertical-wrap`
			`ui-element`
Flat design 2017-06-25 23:07:14 +02:00			`transition border transition-speed ease, background transition-speed ease, transform transition-speed ease, transform color ease`
New dashboard idea (still not happy though) 2016-11-22 12:34:59 +09:00			`margin-bottom 1rem`
New dashboard 2016-12-06 19:43:43 +09:00			`padding 0.5rem 1rem`
New dashboard idea (still not happy though) 2016-11-22 12:34:59 +09:00			`width 100%`
New dashboard layout 2017-07-09 04:22:14 +02:00			`// max-width 700px`
New dashboard idea (still not happy though) 2016-11-22 12:34:59 +09:00
Settings page (visual only) 2017-06-18 20:22:43 +02:00			`.widget-element-text`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`horizontal`
Updated styles 2017-06-08 01:14:45 +02:00			`clip-long-text`
Some improvements 2016-12-06 12:36:31 +09:00			`justify-content flex-start`
New dashboard idea (still not happy though) 2016-11-22 12:34:59 +09:00			`align-items center`
Settings page (visual only) 2017-06-18 20:22:43 +02:00			`width 100%`

			`.widget-input`
			`vertical`
			`width 100%`

			`.widget-title`
New dashboard layout 2017-07-09 04:22:14 +02:00			`text-align left`
			`padding-bottom 0.5rem`
			`border-bottom 1px solid rgba(0, 0, 0, 0.1)`
Added chrome extension 2017-07-05 04:10:19 +02:00			`// We need !important here to overwrite the h3:first-child rule`
New dashboard layout 2017-07-09 04:22:14 +02:00			`margin 1rem 0 !important`

			`.widget-form`
			`width 100%`
			`max-width 650px`
			`margin 0 auto`