Cacher is the code snippet organizer for pro developers

//bower i jquery-nice-select --save-dev
//script(src='bower/jquery-nice-select/js/jquery.nice-select.min.js')
//link(rel="stylesheet", href="bower/jquery-nice-select/css/nice-select.css")

$('.select-beauty').niceSelect();

select.select-beauty
	option(data-display="Select") руб
	option дол
	option евр

.nice-select
	br(5px)
	margin-bottom: 20px
	display: block
	color #000000
	font-size 14px
	font-weight 700
	float none
	.list
		width: calc(100% )
		left 0px
		border-radius 0 0 5px 5px
		border 0px solid $border-color
		border-top 0
		margin-top: 0
		max-height 150px
		overflow-y auto
		li
			white-space: nowrap
			overflow: hidden
			text-overflow: ellipsis
  .current //max width dots
		white-space: nowrap
		overflow: hidden
		text-overflow: ellipsis
		display: inline-block
		max-width 120px

.nice-select.open
	border-radius 5px 5px 0 0

select.select-beauty
	display: none!important

.element-select
	padding: 20px 0

.nice-select:active, .nice-select.open, .nice-select:focus
	border 1px solid $border-color