@widgetic/editor 3.11.4 → 4.0.1

package/css/editor/content/tabs.styl

@@ -1,75 +0,0 @@
-.content-browser-tabs
-	user-select none
-	@extends .skin-presets
-	width 72px
-	padding 45px 20px
-	box-sizing border-box
-	overflow hidden
-	background #fafafa
-	&:after
-		@extends .skin-presets .after
-
-.browser-tab
-	position relative
-	z-index 1
-	width 32px
-	height 32px
-	cursor pointer
-	border 1px solid #a1a1a1
-	border-radius 2px
-	background #f8f8f8
-	box-sizing border-box
-	.browser-tab--icon
-		z-index 1
-	&:after, .browser-tab--icon
-		background-position 4px 6px
-		background-repeat no-repeat
-		background-color #f5f5f5
-		border-radius 2px
-		content ""
-		display block
-		position absolute
-		left 0
-		right 0
-		bottom 0
-		top 0
-
-	+ .browser-tab 
-		margin-top 20px
-
-	div[data-count]
-		font-size 8px
-		position absolute
-		width 16px
-		height 14px
-		background #655a68
-		border-radius 4px
-		right -8px
-		bottom -7px
-		font-weight bold
-		text-align center
-		color #fff
-		line-height 14px
-		font-smoothing antialiased
-		z-index 9
-		font-family Verdana, sans-serif
-		&:after
-			content attr(data-count)
-	&:hover:after, &:hover .browser-tab--icon
-		background-color #fff
-	&.active
-		pointer-events none
-		cursor default
-		div[data-count]
-			background #ff4c4c
-		&:before
-			@extends .presets-list-colors .before
-			display block
-			right -30px
-			top 6px
-	&.active 
-	&:active
-		background #dedede
-		border-radius 2px
-	[data-count='0']
-		display none

package/css/editor/copied-from-old-style.styl

@@ -1,197 +0,0 @@
-
-.search-input
-	display inline-block
-	vertical-align top
-	width 100%
-	height 30px
-	padding 0 10px 0 30px
-	border none
-	font-family 'ProximaNova-Semibold'
-	color darkgray
-	font-size 11px
-	-webkit-font-smoothing antialiased
-	box-sizing border-box
-	&:focus
-		outline none
-		color darkpurple
-
-.button
-	display inline-block
-	vertical-align top
-	font-smoothing antialiased
-	border-radius 2px
-	cursor pointer
-	font 14px/35px 'ProximaNova-Semibold'
-	padding 0 15px
-	&.inactive
-		cursor default
-		opacity .6
-
-.green-button,
-.large-green-button
-	@extends .button
-	background #0055FF
-	opacity 1
-	text-shadow 1px 1px #002673
-	color #fff
-	&:hover
-		background #0040C1
-
-.purple-button
-	@extends .button
-	background linear-gradient(top,#c685d2 0%,#9854a5 100%)
-	color white
-	text-shadow 0 1px litepurple
-	&:hover
-		background linear-gradient(top,lighten(#c685d2, 15%) 0%,lighten(#9854a5, 5%) 100%)
-
-button
-	&.green-button
-		border 0 none
-		box-sizing content-box
-		font-family 'ProximaNova-Semibold'
-
-.green-button
-	height 35px
-	padding 0 14px
-	font-size 14px
-	line-height 36px
-.dark-button
-	@extends .green-button
-	background darkpurple
-	background linear-gradient(top,#6d616f ,#5f5561)
-	text-shadow 0 1px darkpurple
-	transition background .25s ease
-	&:hover
-		background linear-gradient(top,lighten(#6d616f, 10%) , lighten(#5f5561, 10%))
-
-.button--w-icon
-	padding-left 48px
-	position relative
-	white-space nowrap
-	&:after
-		content ""
-		position absolute
-		top 0
-		bottom 0
-		left 22px
-		width 18px
-
-.button--icon-right
-	@extends .button--w-icon
-	padding-left 14px
-	padding-right 48px
-	&:after
-		left auto
-		right 12px
-
-.edit-btn:before
-	content "⇙"
-	display inline-block
-	font 12px/35px 'BlogvioEditor'
-	margin-right 5px
-
-// uppercase button
-.button--uc
-	text-transform uppercase
-
-.large-green-button
-	height 50px
-	line-height 50px
-	font-size 18px
-
-.large-green-button-v-wide
-	display block
-	text-align center
-
-.dim-button
-	@extends .button
-	background #665b68
-	background linear-gradient(top,rgba(255,255,255,0.07),rgba(0,0,0,0.07)) #665b68
-	color #fff
-	text-shadow 0 1px #7c6e7e
-	&:hover
-		background #7c6e7e
-
-.icon-btn
-	cursor pointer
-	font-size 14px
-	color darkpurple
-	text-transform uppercase
-	font-smoothing antialiased
-	.icon
-		display inline-block
-		vertical-align middle
-		margin-right 8px
-	.label
-		display inline-block
-		vertical-align middle
-		height 12px
-		line-height 14px
-		transition color .2s ease
-	&:hover
-		.label
-			color litepurple
-
-/*************/
-
-.general-input
-	display block
-	position relative
-	width 100%
-	height 35px
-	padding 0 13px
-	font-family 'ProximaNova-Semibold'
-	font-size 14px
-	color darkgray
-	font-smoothing antialiased
-	border-radius 2px
-	border 1px solid mediumgray
-	box-sizing border-box
-	background #fff
-	appearance none
-	&:hover
-		border-color #c8c8c8
-
-/**************/
-
-input[type=checkbox]
-	display inline-block
-	vertical-align middle
-	opacity 0
-	width 20px
-	height 20px
-	cursor pointer
-	&:hover + .custom-checkbox
-		background-position -40px 0
-	&:checked + .custom-checkbox
-		background-position -20px 0
-	&:checked:hover + .custom-checkbox
-		background-position -60px 0
-
-.custom-checkbox
-	display inline-block
-	vertical-align middle
-	width 20px
-	height 20px
-	margin-left -20px
-	background url('img/custom-checkbox-sprite.png') 0 0
-
-.checkbox-label
-	display inline-block
-	vertical-align top
-	margin-left 8px
-	font-size 14px
-	line-height 36px
-	color darkpurple
-	-webkit-font-smoothing antialiased
-	cursor pointer
-
-.checkbox-container
-	display inline-block
-	vertical-align top
-	&:before
-		display inline-block
-		vertical-align middle
-		height 100%
-		content " "

package/css/editor/details/bulk-editor.styl

@@ -1,104 +0,0 @@
-.details_bulk-editor
-	margin 0 0 20px 0
-	width 490px
-	.item-details
-		margin 0
-		border-width 0 0 1px 0
-		background white
-		width 100%
-		transition transform 0.4s ease, margin-bottom 0.4s ease
-		z-index 0
-		transform translateY(-100%)
-		.active&
-			transform translateY(0)
-	.control-edit-btn
-		display none
-	.multi-tabs-toggle
-		display block
-		top 13px
-		height 19px
-		width 21px
-		padding-right 2px
-		line-height 19px
-		overflow hidden
-		&:before
-			display inline-block
-			transform rotate(90deg)
-			transition margin-top .4s ease
-			margin-top 0
-		> span:before
-			display inline-block
-			transform rotate(-90deg)
-		> span
-			display inline-block
-			absolute top -45px left 0
-			width 100%
-			transition top .4s ease
-	&.active .multi-tabs-toggle
-		> span
-			top 2px
-		&:before
-			margin-top 47px
-	.editor-content.scroll-box & .scroll-content
-		padding 0
-		padding-right 20px
-
-.bulk-editor-header
-	background #fafafa
-	border-bottom 1px dashed mediumgray
-	height 46px
-	font 14px/50px 'ProximaNova-Semibold'
-	padding 0 20px
-	color darkpurple
-	position relative
-	z-index 1
-	text-transform uppercase
-	border-radius 4px 4px 0 0
-	.control-help
-		top 14px
-		right 40px
-		line-height 20px
-	&:hover .control-help
-		opacity 1
-		visibility visible
-
-.details_bulk-editor
-	.item-details
-		padding 15px 0
-		box-sizing border-box
-		overflow visible
-		.item-details-attributes
-			overflow visible
-			.control-label
-				font-size 14px
-				line-height 1em
-				margin 0 0 5px 0
-					display auto
-		.item-details-attributes >
-			.control-browser .control
-				width 427px
-			.control:first-child
-				margin -2px 20px 0
-				height auto
-				border 0 none
-				display block
-				.control-input
-					margin 0
-					width 100%
-					height 35px
-			.control
-				width 451px
-				&:last-child
-					margin-bottom 0
-			.control + .control
-				display block
-				margin 15px 20px 0
-
-.details_bulk-editor .control:first-child
-	.control-label,
-	.control-help
-		display block
-.details_bulk-editor.single-attribute .control
-	.control-label,
-	.control-help
-		display none

package/css/editor/details/index.styl

@@ -1,21 +0,0 @@
-@import './item'
-.editor-content
-	display flex
-	flex-direction column
-	padding 20px 0 0
-	background #fafafa
-	.mCSB_draggerContainer
-		bottom 10px
-	.mCSB_container
-		padding-bottom 20px
-		padding-right 20px
-	.mCSB_scrollTools
-		right 5px
-	.scrolling-container
-		height auto
-		flex 1
-body.noSelect
- 	cursor pointer !important
-.editor-content-message
-	margin 0 20px
-@import './bulk-editor'

package/css/editor/details/item.styl

@@ -1,153 +0,0 @@
-.item-details
-	background #fff
-	border 1px solid mediumgray
-	border-radius 2px
-	position relative
-	margin-left 20px
-	min-height 45px
-	overflow hidden
-	transform translate3d(0,0,0)
-	width 449px
-	&.transitions
-		transition .45s ease .15s
-	&:hover,&.dragged
-		.item-details-order
-			overflow hidden
-			text-indent -10000px
-			background url(img/details/item-sort-icon.png) center center no-repeat
-	.item-details-right .preview
-		display none
-	.item-details-attributes .control + .control
-		display none
-	+ .item-details
-		margin-top 10px
-	&.active
-		.item-details-right .preview
-			display block
-		.item-details-attributes .control + .control
-			display block
-	&.dragged
-		padding 0
-		position absolute
-		z-index 2000
-		box-shadow 0 0 6px rgba(0,0,0,0.3)
-		border-radius 4px
-		margin-left 0
-	.control-help
-		top -2px
-body.dragging, body.dragging *
-	cursor move !important
-
-.editor-content
-	list-style none !important
-	.placeholder
-	.sortable-placeholder
-		border-top 1px solid #000
-		margin 10px 30px
-	.placeholder
-		margin 10px 0 10px 20px
-.item-details-order
-.item-details-right
-.item-details-attributes
-	display inline-block
-	vertical-align top
-.item-details-order
-	width 35px
-	text-align center
-	line-height 45px
-	font-family 'ProximaNova-Semibold', sans-serif
-	font-size 14px
-	cursor move
-	color black
-	position absolute
-	z-index 1
-	border-bottom 1px dashed mediumgray
-	height 45px
-.item-details-attributes
-	width 100%
-	overflow hidden
-	.item-details.active &
-		padding-bottom 15px
-	> .control
-		&:first-child
-			margin-left 35px
-			height 45px
-			border-left 1px solid mediumgray
-			display inline-block
-			width 100%
-			vertical-align top
-			transition none
-			.control-help, .control-label
-				display none !important
-			.control-input
-				height 33px
-				width 337px
-				margin 0px 0 0 4px
-			&.control-text .control-input
-				margin 6px 0 0 4px
-				.no-attributes&
-					width 370px
-		.item-details.active &:first-child
-			border-bottom 1px dashed mediumgray
-			display inline-block
-			width 100%
-		&:nth-child(2)
-			margin-top 18px
-		&:nth-child(n+2)
-			margin 15px 15px 0
-		&:first-child
-			margin-bottom 0
-	.control-label
-		font 14px/12px 'ProximaNova-Semibold'
-		color darkpurple
-		margin 0 1px 10px
-.item-details-right
-	height 45px
-	line-height 45px
-	absolute top right
-	margin-right 15px
-
-.item-details-right .preview
-	height 80px
-	margin-bottom 11px
-
-.item-details-delete
-	font-size 12px
-	display inline-block
-	vertical-align middle
-	color darkgray
-	cursor pointer
-	line-height 12px
-	height 12px
-	&:hover
-		color #c4363e
-
-.item-details-toggle
-	display inline-block
-	width 12px
-	height 12px
-	padding 0
-	margin-right 20px
-	cursor pointer
-	background url('img/maximize.png') no-repeat center
-	opacity .6
-	vertical-align middle
-	.item-details.active .item-details-right &
-		background url('img/minimize.png') no-repeat center
-	.no-attributes + .item-details-right &
-		display none
-	&:hover
-		opacity 1
-.item-details.item-invalid
-	.item-details-toggle
-		display none
-
-.isTouch
-	.item-details-toggle
-		width 32px
-		height 45px
-		margin-right 0
-	.item-details-delete
-		width 29px
-		text-align center
-		margin-right -10px

package/css/editor/embed.styl

@@ -1,106 +0,0 @@
-/*! blogvio_editor/editor/embed.styl */
-.embedder .save-editor_overlay
-	background white
-	transition opacity .45s ease .15s
-	opacity 0
-	.anonymous-user &
-		background rgba(white, .7)
-.embedder-content
-	position absolute
-	top 70px
-	bottom 70px
-	left 132px
-	right 132px
-	text-align center
-.embedder-title
-	font 24px/50px 'ProximaNova-Semibold'
-	text-align center
-	color darkpurple
-	height 50px
-	-webkit-font-smoothing: antialiased
-.embedder-text
-	color darkgray
-	font 18px/20px 'ProximaNova-Regular'
-	-webkit-font-smoothing: antialiased
-	margin-bottom 25px
-	
-.save-editor_overlay
-	@extends .popup
-	display block
-	z-index 1
-	top 0
-	bottom -55px
-.anonymous-user
-	.embedder-content
-		display none
-
-.view-comp-btn
-	display inline-block
-	text-transform uppercase
-	font 14px/43px 'ProximaNova-Semibold'
-	height 43px
-	width 226px
-	box-sizing border-box
-	margin-top 102px
-	border-radius 2px
-
-.share-btn
-	@extends .view-comp-btn
-	color white
-	margin-top 10px
-	cursor pointer
-	text-transform none
-	&:hover
-		color white
-	&.fb, &.tw
-		&:before
-			content ""
-			display inline-block
-			vertical-align middle
-			margin-right 10px
-	&.fb
-		background-color #5363bb
-		&:hover
-			background-color lighten(#5363bb, 15%)
-		&:before
-			width 10px
-			height 16px
-			background url('img/fb-logo-icon-w.png') center no-repeat
-	&.tw
-		background-color #4098e8
-		&:hover
-			background-color lighten(#4098e8, 15%)
-		&:before
-			width 20px
-			height 16px
-			background url('img/tw-icon-w.png') center no-repeat
-
-.ready-icon-wrap
-	width 60px
-	height 60px
-	display inline-block
-	margin-top 15px
-
-.ready-icon
-	display none
-	background url('img/check.png') center no-repeat
-	width 60px
-	height 60px
-	animation fadeIcon .45s ease-in
-
-.is-popup
-	.embedder-content
-		padding-top 130px
-	.embedder-text, .share-btn, .view-comp-btn
-		display none	
-
-@keyframes fadeIcon
-	0%
-		opacity 0
-		transform scale(.9)
-	85%
-		opacity .9
-		transform scale(1)
-	100%
-		opacity 1
-		transform scale(1)