@import "common/var.styl"

.g-select-tree
	display inline-block
	position relative
	overflow hidden
	background-color $background-color
	cursor pointer
	padding 0 10px
	&__label
		font-size 0
		height 35px
		line-height 35px
		display flex
		align-items center
	&__text
		flex auto
		display inline-block
		color $color
		font-size $font-size
		margin-right 10px
		min-width 70px
		max-width 85%
		text-overflow ellipsis
		white-space nowrap
		overflow hidden
	.gs-icon-md-arrow-dropdown
		flex none
		color $color

.g-select-tree__tree-dropdown
	background-color $background-color
	color $color
	box-shadow $box-shadow
	font-size $font-size
	max-width $--select-max-width
	min-width $--select-min-width
	max-height $--select-max-height
	overflow-y auto
	border-radius 3px
	margin-top 5px
	box-sizing border-box
	overflow-y auto

.g-select-tree__tree-item
	&__label
		font-size $font-size
		line-height 50px
		cursor pointer
		height 50px
		padding 0 10px
		background-color transparent
		display flex
		overflow hidden
	&__text
		flex auto
	&__arrow
		flex none
		text-align center
		width 20px
	&__current
		color #EDA532
	&__sub-warp
		//padding 0 10px
		background-color rgba(0, 22, 56, .5)