@import "common/var.styl"

.g-select
	display inline-block
	position relative
	overflow hidden
	background-color $background-color
	cursor pointer
	padding 0 5px 0 10px

	&__label
		font-size 0
		height 35px
		line-height 35px
		display flex
		align-items center
	&__text
		flex auto
		color $color
		text-align left
		font-size $font-size
		min-width 70px
		max-width 85%
		text-overflow ellipsis
		white-space nowrap
		overflow hidden
	.gs-icon-md-arrow-dropdown
		flex none
		color $color
		font-size $--select--label--icon-size

.g-select-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-dropdown__g-option
	font-size $-select-dropdown__g-option__fontSize
	line-height 30px
	cursor pointer
	height 30px
	white-space nowrap
	padding 0 10px
	&:hover
		background-color $--select--hover--color
	&.current
		background-color $--select--current--color