styles/navigation.scarlet

#navigation
	horizontal
	padding 0 content-padding
	overflow hidden
	background-color nav-color
	justify-content center
	// border-bottom ui-border

.navigation-link
	color nav-link-color

	:after
		content ""
		display block
		height hover-line-size
		background-color nav-link-hover-slide-color
		transform scaleX(0)
		opacity 0
		default-transition

	:hover,
	&.active
		color nav-link-hover-color
		cursor pointer
		:after
			transform scaleX(1.0)
			opacity 1

	&.active
		// text-shadow 1px 1px 3px rgba(4, 4, 4, 0.5)
		text-shadow 1px 1px 3px rgba(4, 4, 4, 0.1)

.navigation-button
	horizontal
	font-size 1em
	line-height 1em
	padding 0.75em 1em

	.icon
		margin-right 0

.navigation-text
	display none

#search
	display none
	border-radius 0
	background transparent
	border none
	
	color nav-link-hover-color
	font-size 1em
	min-width 0

	::placeholder
		color nav-link-color

	:focus
		border none
		box-shadow none

.extra-navigation
	display none

.extension-navigation
	display none

> 330px
	.navigation-button, #search
		font-size 1.3em

> 930px
	.navigation-button, #search
		font-size 1.2em
	
	#navigation
		justify-content flex-start

	#search
		display block
		flex 1
	
	.extra-navigation
		display block

< 380px height
	#navigation
		vertical
		height 100%
		padding content-padding 0
	
	#container
		horizontal

	.extra-navigation
		display none

	#search
		display none
Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00			`#navigation`
Using mixins now 2016-11-29 12:37:36 +09:00			`horizontal`
Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00			`padding 0 content-padding`
			`overflow hidden`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`background-color nav-color`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`justify-content center`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`// border-bottom ui-border`
Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00
			`.navigation-link`
			`color nav-link-color`

Everything is scarlet now 2016-12-02 00:27:53 +09:00			`:after`
			`content ""`
			`display block`
Flat design 2017-06-25 23:07:14 +02:00			`height hover-line-size`
			`background-color nav-link-hover-slide-color`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`transform scaleX(0)`
			`opacity 0`
			`default-transition`

Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00			`:hover,`
			`&.active`
			`color nav-link-hover-color`
			`cursor pointer`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`:after`
			`transform scaleX(1.0)`
			`opacity 1`
Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00
			`&.active`
Everything is scarlet now 2016-12-02 00:27:53 +09:00			`// text-shadow 1px 1px 3px rgba(4, 4, 4, 0.5)`
			`text-shadow 1px 1px 3px rgba(4, 4, 4, 0.1)`
Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00
			`.navigation-button`
Added SVG icons from Font Awesome 2017-06-16 18:12:18 +02:00			`horizontal`
Updated styles 2017-06-08 01:14:45 +02:00			`font-size 1em`
Translated the basic style files to scarlet 2016-11-29 01:06:00 +09:00			`line-height 1em`
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`padding 0.75em 1em`

Added SVG icons from Font Awesome 2017-06-16 18:12:18 +02:00			`.icon`
			`margin-right 0`

Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`.navigation-text`
			`display none`

Added search UI 2017-06-20 21:37:52 +02:00			`#search`
			`display none`
			`border-radius 0`
Flat design 2017-06-25 23:07:14 +02:00			`background transparent`
Added search UI 2017-06-20 21:37:52 +02:00			`border none`
Fixed add-anime-lists patch 2017-06-22 14:32:38 +02:00
Flat design 2017-06-25 23:07:14 +02:00			`color nav-link-hover-color`
Improved navigation 2017-06-21 02:51:55 +02:00			`font-size 1em`
			`min-width 0`
Added search UI 2017-06-20 21:37:52 +02:00
Flat design 2017-06-25 23:07:14 +02:00			`::placeholder`
			`color nav-link-color`

Added search UI 2017-06-20 21:37:52 +02:00			`:focus`
Fixed add-anime-lists patch 2017-06-22 14:32:38 +02:00			`border none`
Added search UI 2017-06-20 21:37:52 +02:00			`box-shadow none`

Added extra navigation and new pages 2017-06-18 17:16:40 +02:00			`.extra-navigation`
			`display none`

Added home link to extension 2017-06-25 15:04:35 +02:00			`.extension-navigation`
			`display none`

Updated styles 2017-06-08 01:14:45 +02:00			`> 330px`
Improved navigation 2017-06-21 02:51:55 +02:00			`.navigation-button, #search`
Updated styles 2017-06-08 01:14:45 +02:00			`font-size 1.3em`

Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`> 930px`
Improved navigation 2017-06-21 02:51:55 +02:00			`.navigation-button, #search`
			`font-size 1.2em`
Improved navigation 2016-12-06 20:06:13 +09:00
Implemented most of the styles in scarlet now 2016-12-02 15:24:45 +09:00			`#navigation`
			`justify-content flex-start`
Added search UI 2017-06-20 21:37:52 +02:00
			`#search`
			`display block`
			`flex 1`
Added extra navigation and new pages 2017-06-18 17:16:40 +02:00
			`.extra-navigation`
Improved menu 2017-06-21 03:05:34 +02:00			`display block`
Updated styles 2017-06-08 01:14:45 +02:00
Changed forum-tags to tabs 2017-07-03 15:34:50 +02:00			`< 380px height`
Updated styles 2017-06-08 01:14:45 +02:00			`#navigation`
			`vertical`
			`height 100%`
			`padding content-padding 0`

			`#container`
Added extra navigation and new pages 2017-06-18 17:16:40 +02:00			`horizontal`

			`.extra-navigation`
Added search UI 2017-06-20 21:37:52 +02:00			`display none`

			`#search`
Added extra navigation and new pages 2017-06-18 17:16:40 +02:00			`display none`