pages/calendar/calendar.scarlet

.week
	vertical

.weekday
	width 100%
	text-align left
	border-bottom 1px solid ui-border-color
	padding 0.5rem

	:last-child
		border-bottom none

.weekday-name
	text-align center
	margin-bottom 1rem

.weekend
	.weekday-name
		font-weight bold

.calendar-entries
	vertical

.calendar-entry
	ui-element
	padding 0.5rem 1rem
	margin-bottom 0.5rem
	overflow hidden

.calendar-entry-image
	width 100%
	height 4rem
	object-fit cover

.calendar-entry[data-added="true"]
	border 2px solid main-color

	:hover
		border-color main-color

.calendar-entry-info
	horizontal

.calendar-entry-title
	clip-long-text
	margin-top 0.4rem

.calendar-entry-time
	opacity 0.85
	font-size 0.9rem
	flex 1

.calendar-entry-episode
	opacity 0.65
	text-align right
	font-size 0.9rem

> 800px
	.week
		horizontal

	.weekday
		width 14.2857%
		border-bottom none
		border-right 1px solid ui-border-color

		:last-child
			border-right none
Basic calendar 2017-11-22 10:51:59 +00:00			`.week`
			`vertical`

			`.weekday`
Calendar improvements 2017-11-22 11:04:04 +00:00			`width 100%`
Basic calendar 2017-11-22 10:51:59 +00:00			`text-align left`
			`border-bottom 1px solid ui-border-color`
Calendar improvements 2017-11-22 11:04:04 +00:00			`padding 0.5rem`
Basic calendar 2017-11-22 10:51:59 +00:00
			`:last-child`
			`border-bottom none`

			`.weekday-name`
			`text-align center`
Calendar improvements 2017-11-22 11:20:57 +00:00			`margin-bottom 1rem`
Basic calendar 2017-11-22 10:51:59 +00:00
Filter own entries in calendar 2017-12-03 18:08:05 +00:00			`.weekend`
			`.weekday-name`
			`font-weight bold`

Calendar improvements 2017-11-22 11:04:04 +00:00			`.calendar-entries`
			`vertical`

			`.calendar-entry`
			`ui-element`
Calendar improvements 2017-11-22 11:20:57 +00:00			`padding 0.5rem 1rem`
Calendar improvements 2017-11-22 11:04:04 +00:00			`margin-bottom 0.5rem`
			`overflow hidden`

Added images to calendar 2017-12-03 17:52:34 +00:00			`.calendar-entry-image`
			`width 100%`
			`height 4rem`
			`object-fit cover`

Filter own entries in calendar 2017-12-03 18:08:05 +00:00			`.calendar-entry[data-added="true"]`
Highlight own entries 2017-11-22 11:48:18 +00:00			`border 2px solid main-color`

Fixed border color on hover 2017-11-22 12:35:05 +00:00			`:hover`
			`border-color main-color`

Calendar improvements 2017-11-22 11:20:57 +00:00			`.calendar-entry-info`
			`horizontal`

Calendar improvements 2017-11-22 11:04:04 +00:00			`.calendar-entry-title`
			`clip-long-text`
Added images to calendar 2017-12-03 17:52:34 +00:00			`margin-top 0.4rem`
Calendar improvements 2017-11-22 11:04:04 +00:00
Calendar improvements 2017-11-22 11:20:57 +00:00			`.calendar-entry-time`
			`opacity 0.85`
			`font-size 0.9rem`
			`flex 1`

Calendar improvements 2017-11-22 11:04:04 +00:00			`.calendar-entry-episode`
Calendar improvements 2017-11-22 11:20:57 +00:00			`opacity 0.65`
Calendar improvements 2017-11-22 11:04:04 +00:00			`text-align right`
			`font-size 0.9rem`

Basic calendar 2017-11-22 10:51:59 +00:00			`> 800px`
			`.week`
			`horizontal`

			`.weekday`
Calendar improvements 2017-11-22 11:04:04 +00:00			`width 14.2857%`
Basic calendar 2017-11-22 10:51:59 +00:00			`border-bottom none`
			`border-right 1px solid ui-border-color`

			`:last-child`
			`border-right none`