@widgetic/editor 3.11.3 → 4.0.1

package/css/controls/control-font.styl

@@ -1,147 +0,0 @@
-.font-family, .font-size
-	display inline-block
-	vertical-align top
-	line-height 33px
-
-.font-family
-	width 197px
-	cursor pointer
-	position relative
-
-.font-family-icon
-	pointer-events none
-	display inline-block
-	absolute top 5px right 5px
-	width 24px
-	height 24px
-	background url('img/content/with-control-text.png') center center no-repeat
-	border-radius 2px
-
-.control.font-size
-	width 143px
-	padding-bottom 0
-	margin-right 10px
-	.input-spinner input
-		text-align center
-	.font-popup &
-		width 80px
-		.input-spinner input
-			padding 2px 10px 0 13px
-			text-align left
-		.spinner-button
-			display none
-
-.font-popup
-	z-index 9
-	height 314px
-	relative top left
-	width 245px
-	border 1px solid mediumgray
-	box-shadow 0 0 0 2px #f0f0f0
-	border-radius 2px
-	background white
-	box-sizing initial
-
-.search-input-control
-	position relative
-
-.clear-search-input
-	display none
-	absolute top right
-	height 28px
-	width 28px
-	line-height 32px
-	text-align center
-	font-size 10px
-	cursor pointer
-	color darkgray
-	margin 1px
-	&:hover
-		color darkpurple
-
-.search-icon
-	content ""
-	display inline-block
-	absolute top 1px left 1px
-	width 30px
-	height 28px
-	background url('img/search-icon-sprite.png') 0 0 no-repeat
-
-.search-input-control .search-input
-	width 225px
-	border-radius 2px
-	border 1px solid litegray
-	font-size 12px
-	&:focus
-		box-shadow 0 0 0 2px #f0f0f0
-		& + .search-icon
-			background-position -30px 0
-
-.font-popup-wrapper
-	padding 10px
-
-.font-family-text
-	font-family 'ProximaNova-Regular'
-	color darkgray
-
-.font-list-wrapper
-	height 223px
-
-.font-list
-	height 190px
-	margin-top 1px
-	padding-left 10px
-
-.font-list .scroll-pane
-	&, .controls &
-		top 3px
-		bottom 3px
-		margin-right 0px
-
-.font-item
-	display block
-	line-height 32px
-	cursor pointer
-	height 32px
-	opacity 0
-	transition opacity .1s ease
-	&.loaded
-		opacity 1
-	&:hover .font-family-text
-		color darkpurple
-	&.no-result
-		pointer-events none		
-		display none
-
-.font-family-select
-	display none
-	&:checked + .font-family-text
-		color darkpurple
-
-.font-footer
-	height 60px
-	margin 0 -10px -10px
-	padding 10px 20px
-	background #fafafa
-	border-top 1px dashed mediumgray
-
-.control.font-size
-.control.font-weight
-	display inline-block
-	.control-label
-		line-height 16px
-		font-size 14px
-
-.font-footer .control.font-size
-	margin-right 15px
-
-.control.font-weight
-	width 110px
-	margin 0
-	padding 0
-
-.no-size-input
-	.font-size.control
-		display none
-		&+.control-input.font-family, &+.control.font-weight
-			width 100%

package/css/controls/control-image-details.styl

@@ -1,35 +0,0 @@
-.control-image-details
-	.url-thumb
-		right auto
-		bottom auto
-		left 4px
-		top 4px
-		width 57px
-		height 37px
-	.item-details & .input-image .control-input
-		border 0 none
-		padding 0
-		height 14px
-		width 270px
-		display inline-block
-		margin-left 66px
-		font-size 12px
-	.image-title
-		font 14px/14px 'ProximaNova-Regular'
-		margin 8px 0 0 66px
-		color darkpurple
-		cursor pointer
-		white-space nowrap
-		overflow hidden
-		text-overflow ellipsis
-		max-width 270px
-		&:hover
-			color litepurple
-	.item-invalid &
-		.url-thumb
-			background #c4363e url('img/warning.png') center no-repeat!important
-		.image-title
-			color #c4363e
-	&.validate
-		.url-thumb:after
-			content none

package/css/controls/control-image.styl

@@ -1,43 +0,0 @@
-.control-image
-	transition border-color 0.5s
-	.url-thumb
-		pointer-events none
-		cursor pointer
-	&.valid .url-thumb
-		pointer-events auto
-.input-image-preview
-	width 154px
-	height 110px
-	position absolute
-	border 2px solid #000
-	border-radius 9px
-	z-index 100
-	background-color #fff
-	display none
-	&.top
-		bottom 40px
-		top auto
-		&:before
-			bottom -6px
-			top auto
-			border 4px solid #000
-			border-bottom 4px
-			border-left-color transparent
-			border-right-color transparent
-	&:before
-		content ''
-		display block
-		position absolute
-		top -6px
-		border 4px solid #000
-		border-top 4px
-		border-left-color transparent
-		border-right-color transparent
-		left 82px
-.input-image-preview
-.control-image .url-thumb
-	background-size 100% auto
-	background-size cover
-	background-position center center
-// .input-image-preview
-// 	@extends .control-image .image-preview

package/css/controls/control-order-picker.styl

@@ -1,29 +0,0 @@
-.order-picker-list
-	// border-top 0 none
-	overflow hidden
-	.list-item
-		white-space nowrap
-		padding-left 47px
-		position relative
-		&.dragged
-			position absolute
-			left 0 !important
-			z-index 2
-			border 1px dashed litegray
-			border-width 1px 0px
-			&:first-child + *
-				border-top 0 none
-			> .item-details-order
-				border-bottom 0 none
-	> .placeholder
-		height 35px
-		background lighten(litegray, 80%)
-		&:first-child
-			border-top 0 none
-	.item-details-order
-		absolute top left
-		line-height 42px
-		border-right 1px solid litegray
-		height 38px
-	.option-is-enabled
-		absolute top right 12px

package/css/controls/control-position.styl

@@ -1,390 +0,0 @@
-bgImage = '../img/grid-icons.png'
-
-.input-position
-	white-space nowrap
-	&:focus
-		outline 0 none
-		border 0 none
-	> div
-		display inline-block
-		vertical-align middle
-		width 145px
-		height 35px
-		&:not(:first-child)
-			margin-left 10px
-		&.input-position-panel
-			width 25px
-			height 25px
-			background url('../img/icon-reference.png') 4px 3px no-repeat
-			position relative
-			cursor pointer
-			opacity .5
-			width 35px
-			height 35px
-			box-sizing border-box
-			border 1px solid mediumgray
-			border-radius 2px
-			margin-left 14px
-			&:hover, &.active
-				opacity 1
-	.property-label
-	.control.control-stepper
-		vertical-align top
-		display inline-block
-		line-height 35px
-	.property-label
-		width 15px
-		height 100%
-		color darkpurple
-	.control.control-stepper
-		width 130px
-.pixelPositionWrapper
-	margin 0
-	position relative
-	width 330px
-	border 1px solid #cbcbcb
-	border-radius 3px
-	box-shadow 0px 0px 0px 2px #f0f0f0
-	overflow hidden
-	font-size 14px
-	background #fafafa
-	z-index 9
-	text-align center
-	user-select none
-	table
-		border-collapse collapse
-.currentPositionWrapper
-	padding 0 15px
-	background #fafafa
-	height 52px
-	line-height 52px
-	position relative
-	text-align left
-	border-bottom 1px dashed #e6e6e6
-	text-align center
-	cursor pointer
-	.reference-panel &
-		border-bottom-color transparent
-	&:hover
-		background #f5f5f5
-		border-bottom-color #e6e6e6
-		.reference-input
-			color darkpurple
-		.reference-icon
-		.reference-input_close-btn
-			opacity 1
-.currentPositioningType
-.currentPosition
-	display inline-block
-	line-height 35px
-	vertical-align middle
-	height 35px
-.currentPositioningType
-	color darkpurple
-.currentPosition
-	width 170px
-
-.positionPanel-center
-	display block
-	position absolute
-	top 52px
-	left 0
-	width 100%
-	height 186px
-	text-align center
-
-.positionPanelWrapper-visual
-	display inline-block
-	background darkpurple
-	width 275px
-	height 138px
-	border 1px solid #cbcbcb
-	vertical-align middle
-
-.positionPanel-center, .positionPanelWrapper-visual
-	&:before
-		content ""
-		width 0
-		height 100%
-		vertical-align middle
-		display inline-block
-
-.positionPanelWrapper
-	overflow hidden
-	background white
-	display inline-block
-	vertical-align middle
-	box-sizing border-box
-	position relative
-	// padding 9px
-.dragPanel
-	width 100%
-	height 100%
-	position relative
-	&:before
-		content ""
-		background white
-		absolute top -10px left -10px
-		width 100%
-		height 100%
-		display block
-		padding 10px
-
-.switch-positioning-type
-	width 175px
-	display inline-block
-	vertical-align middle
-	padding-left 25px
-	position relative
-	color darkgray
-
-.positionFooter
-	height 55px
-	width 100%
-	line-height 55px
-	background #fafafa
-	text-align center
-	position absolute
-	bottom 0
-	border-top 1px dashed #e6e6e6
-	cursor pointer
-	&:hover
-		background #f5f5f5
-		.switch-positioning-type
-			color darkpurple
-		.switch-positioning-type:before
-			opacity 1
-.markDown
-	position absolute
-	z-index 1
-	margin -9px
-	.mark
-		display block
-		background url(bgImage) 0 -3px no-repeat
-		width 18px
-		height 18px
-		border-radius 15px
-	&:active
-		cursor none
-	&:before, &:after
-		content ""
-		display block
-		position absolute
-		border-top 2px dashed #e6e6e6
-		border-left 2px dashed #e6e6e6
-		z-index -1
-	&:before
-		width 0px
-		height 400px
-		left 8px
-		top -200px
-	&:after
-		width 660px
-		height 0px
-		top 8px
-		left -330px
-	&[reference*=bottom]
-		margin-top -18px
-	&[reference*=right]
-		margin-left -18px
-	&[reference*=top]
-		margin-top 0
-	&[reference*=left]
-		margin-left 0
-
-.reference-panel
-	absolute top left
-
-.pixel-based
-.grid-based
-.reference-panel
-	min-height 293px
-	&.activateable
-		display none
-		&.active
-			display block
-	.switch-positioning-type:before
-		content ""
-		display block
-		position absolute
-		top 0
-		left 0
-		width 24px
-		height 55px
-		background-image url(bgImage)
-		background-repeat no-repeat
-		opacity .5
-.pixel-based
-	.switch-positioning-type:before
-		background-position -24px 14px
-.grid-based
-	.markDown
-		z-index 9
-		&:before, &:after
-			content none
-	.switch-positioning-type:before
-		background-position 5px 14px
-
-.position-grid
-	width 100%
-	height 100%
-	position absolute
-	top 0
-	table-layout fixed
-	tr
-		border-top 2px dashed #e6e6e6
-		&:first-child
-			border-top 0 none
-	td
-		border-left 2px dashed #e6e6e6
-		cursor pointer
-		&:first-child
-			border-left 0 none
-		&:hover
-			background #f7f7f7
-		&.active
-			background #f0f0f0
-
-.position-grid_modifiers
-	absolute top 24px left 28px
-	width 275px
-	height 138px
-
-.position-grid_modifier
-	display inline-block
-	width 12px
-	height 12px
-	border-radius 2px
-	border 1px solid mediumgray
-	background white
-	line-height 10px
-	text-align center
-	cursor pointer
-	position absolute
-	&:before, &.add:after
-		content ""
-		width 8px
-		height 2px
-		display inline-block
-		background darkgray
-		vertical-align middle
-	&:hover:before, &:hover:after
-		background darkpurple
-	&.add:after
-		width 2px
-		height 8px
-		margin 0 4px 0 -5px
-	&.colP
-		top 50%
-		margin-top -7px
-		right -21px
-	&.colM
-		top 50%
-		margin-top -7px
-		left -21px
-	&.rowP
-		left 50%
-		margin-left -7px
-		bottom -20px
-		&:after
-			margin 0 2px 0 -5px
-	&.rowM
-		left 50%
-		margin-left -7px
-		top -20px
-
-.reference-label
-.reference-input
-.reference-icon
-.reference-input_close-btn
-	display inline-block
-	vertical-align top
-
-.reference-input
-	height 35px
-	line-height 37px
-	text-transform capitalize
-	margin 0 0 0 15px
-	color darkgray
-
-.reference-icon
-.reference-input_close-btn
-	width 23px
-	height 23px
-	background url('../img/icon-reference.png') center center no-repeat
-	cursor pointer
-	opacity .5
-	&:hover, &.active
-		opacity 1
-	.currentPositioningType &
-		margin-top 7px
-
-.reference-input_close-btn
-	absolute top 8px right 18px
-	background url('../img/close.png') center center no-repeat
-
-.input-reference-panel.positions
-	@extend .pixelPositionWrapper
-	border 0 none
-	box-shadow none
-	height 240px
-	padding 20px
-	box-sizing border-box
-	.centrate-all
-		position relative
-		height 198px
-		> span
-			display inline-block
-			position absolute
-			width 50px
-			height 50px
-			cursor pointer
-			&.center
-				top 50%
-				left 50%
-				margin -25px 0 0 -25px
-			&.left
-				left -13px
-				margin-left 0
-			&.top
-				top -13px
-				margin-top 0
-			&.right
-				right -13px
-				left auto
-			&.bottom
-				bottom -13px
-				top auto
-			&:after
-				content ""
-				position absolute
-				width 25px
-				height 25px
-				background #c8c8c8 center no-repeat
-				border-radius 25px
-				top 13px
-				left 13px
-				transition background .1s ease
-				box-shadow 0 0 0 2px white
-			&:hover:after
-				background #534955 center no-repeat
-			&.active:after
-				background #534955 url('../img/white-rounded-check.png') center no-repeat
-		> .background
-			position absolute
-			top 12px
-			left 12px
-			right 10px
-			height auto
-			display block
-			z-index -1
-			tr
-				border-bottom 2px dashed #dcdcdc
-				&:first-child
-					border-top 2px dashed #dcdcdc
-				td
-					width 137px
-					height 82px
-					border-right 2px dashed #dcdcdc
-					&:first-child
-						border-left 2px dashed #dcdcdc

package/css/controls/control-range.styl

@@ -1,68 +0,0 @@
-.input-range
-	@extends .control-input
-	@extends .control
-	padding 0
-	outline none
-	display inline-block
-	vertical-align top
-	// overflow hidden
-	cursor pointer
-	&:focus,&.active
-		box-shadow 0 0 0 2px #F0F0F0
-.input-range-value
-	@extends .input-slider-value
-	margin 0
-	border-width 0
-	border-radius 0
-	width 59px
-	height 33px
-	&:focus
-		box-shadow none
-	&.min-value
-		border-right-width 1px
-	&.max-value
-		border-left-width 1px
-.input-range-track
-	display inline-block
-	width  calc(100% \- 204px)
-	height 35px
-	position relative
-	margin-left 43px
-	margin-right 43px
-	&:after
-		content ""
-		display block
-		position absolute
-		z-index 0
-		left -35px
-		right -35px
-		top 0
-		bottom 0
-.input-range-thumbs
-	height 27px
-	top 3px
-	position absolute
-	left 0px
-	right 0px
-	z-index 1
-	&:after
-		content ""
-		display block
-		position absolute
-		border-radius 2px
-		border 1px solid #dcdcdc
-		top 0
-		bottom 0
-		left -2px
-		right -2px
-		background #f5f5f5
-		z-index 0
-.input-range-thumb
-	@extends .input-slider-thumb
-	left auto
-	top auto
-	z-index 1
-	left -40px
-	&.max-thumb
-		left auto
-		right -40px