@widgetic/editor 3.11.3 → 4.0.1

package/css/editor/skin/editor/tabs.styl

@@ -1,111 +0,0 @@
-.skin-editor-tabs
-	display block
-	padding 0
-	height 69px
-	border-bottom 1px solid mediumgray
-	font-smoothing antialiased
-	background #fafafa
-	position relative
-
-.multi-tabs-toggle
-	display none
-	absolute right 4px top 23px
-	width 19px
-	height 21px
-	border-radius 2px
-	border 1px solid #d5d5d5
-	z-index 2
-	cursor pointer
-	background #fafafa
-	text-align center
-	font-size 13px
-	color darkpurple
-	text-indent 1px
-	line-height 21.5px
-	&:hover
-		color litepurple
-		background white
-	&:before
-		vertical-align middle
-
-.multi-tabs-list
-	margin 5px 2px 2px 2px
-	position relative
-	background #fff
-	border 1px solid #cbcbcb
-	border-radius 4px
-	box-shadow 0 0 2px rgba(0,0,0,0.1)
-	padding 10px 0
-	&:after
-		border 5px solid #fff
-		top -4px
-	&:before
-		border 5px solid #cbcbcb
-		top -5px
-	&:after
-	&:before
-		content ""
-		display block
-		position absolute
-		right 5px
-		border-top 5px
-		border-left-color transparent
-		border-right-color transparent
-.multi-tab-item
-	user-select none
-	font-size 14px
-	color #a0a0a0
-	cursor pointer
-	font-weight normal
-	font-smoothing antialiased
-	line-height 2
-	padding 0 19px
-	white-space nowrap
-	&.empty
-		display none
-	&:hover
-		color #665b68
-
-.skin-editor-tabs-list
-	z-index 0
-	height 70px
-	overflow hidden
-	padding-right 25px
-	.activateable
-		&.hidden, &.empty
-			display none
-		display inline-block
-		vertical-align top
-		margin 0 10px
-		position relative
-		font-size 14px
-		line-height 72px
-		text-transform uppercase
-		color darkgray
-		cursor pointer
-		&:first-child
-			margin-left 30px
-		&:hover
-			color litepurple
-		&.active
-			height 70px
-			padding 0 30px
-			color darkpurple
-			border-left 1px solid mediumgray
-			border-right 1px solid mediumgray
-			background #fff
-			&:first-child
-				border-left none
-				margin-left 0
-			&:after
-				display block
-				content " "
-				position absolute
-				top 0
-				left -1px
-				width 100%
-				height 3px
-				padding 0 1px
-				background-color litepurple
-			&:hover
-				color darkpurple

package/css/editor/skin/index.styl

@@ -1,138 +0,0 @@
-@import './presets'
-@import './editor'
-@import './popup'
-.skin-config
-	position relative
-	height 100%
-	border-right 1px solid #e9e9e9
-	&.activateable
-		visibility hidden
-		z-index -1
-		&.active
-			visibility visible
-			z-index 0
-
-.toggle-skin-edit-wrapper
-	margin 17px 17px 17px 0px
-	height 34px
-	absolute top right
-	overflow hidden
-	padding-left 20px
-
-.toggle-skin-edit-wrapper
-.toggle-skin-edit
-	display inline-block
-	vertical-align top
-.toggle-skin-edit
-	height 32px
-	font 14px/33px 'ProximaNova-Semibold'
-	border 1px solid mediumgray
-	border-left-width 0
-	margin-right 1px
-	border-radius 2px
-	cursor pointer
-	font-smoothing antialiased
-	background #fafafa
-	position relative
-	width 53px
-	transition width .45s ease .25s, padding .35s ease .35s
-	&:hover
-		color litepurple
-		background white
-		&:before
-			background white
-	&:before
-		background #fafafa
-		display block
-		content ""
-		position absolute
-		top 3px
-		left -12px
-		width 22px
-		height 23px
-		transform rotate(45deg)
-		border 1px solid #d5d5d5
-		border-top-color transparent
-		border-right-color transparent
-		border-radius 2px
-		transition .55s ease .25s
-		transition-property top, left, width, opacity, content
-		z-index -1
-	.content
-		display inline-block
-		overflow hidden
-		width 100%
-		height 100%
-		position relative
-		padding 0 10px 0 6px
-		box-sizing border-box
-	.back, .edit
-		display inline-block
-		absolute top
-		text-align center
-		width 100%
-		height 100%
-		box-sizing border-box
-		transition left .45s ease .20s
-	.back
-		left 0
-		padding-right 6px
-	.edit
-		left 86px
-	.skin-presets.expanded &
-		border-left-width 1px
-		width 90px
-		transition width .45s ease .25s, border .35s ease .35s, padding .35s ease .35s
-		.content
-			padding 0 10px
-		.back
-			left -86px
-		.edit
-			left 0
-		&:before
-			opacity 0
-			left 4px
-	&.no-hover, .skin-presets.expanded &.no-hover
-		color darkpurple
-		transition width .45s ease .25s, border .35s ease .35s, padding .35s ease .35s, color .01s ease .35s, background .01s ease .35s
-		&, &:before
-			background #fafafa
-		&:before
-			transition-property top, left, width, opacity, content, background
-	&.no-action
-		cursor default
-		color mediumgray
-		&, &:before
-			background #fafafa
-
-.skin-header
-	text-transform uppercase
-	height 69px
-	border-bottom 1px solid mediumgray
-	position relative
-	z-index 2
-	right 2px
-	background #fafafa
-	color darkpurple
-	white-space nowrap
-	top -70px
-	transition right .01s ease .45s
-	.default
-		display inline-block
-		white-space nowrap
-		overflow hidden
-		opacity 0
-		width 100%
-		transition opacity .3s ease .3s
-		.title
-			width 360px
-			text-align left
-			padding-left 30px
-			display inline-block
-			font 14px/69px 'ProximaNova-Semibold'
-			font-smoothing antialiased
-	.expanded &
-		right 0
-		transition right .01s ease .2s, top .35s ease .15s
-	.editor[current-view] &
-		top 0

package/css/editor/skin/popup.styl

@@ -1,152 +0,0 @@
-.popup
-	position absolute
-	left 0
-	right 0
-	top 0
-	bottom 0
-	background rgba(255,255,255,0.7)
-	text-align center
-	border-radius 4px
-	z-index 4
-	&:after
-		content ""
-		display inline-block
-		vertical-align middle
-		height 100%
-
-.popup-wrapper
-	display inline-block
-	vertical-align middle
-	background rgba(0,0,0,0.3)
-	padding 5px
-	border-radius 6px
-	width 307px
-
-.popup-inner
-	background #fff
-	border-radius 4px
-	text-align left
-
-.popup-header
-	padding 0 30px
-	border-bottom 1px dashed #d5d5d5
-	line-height 60px
-	height 60px
-	background #fafafa
-	position relative
-	.close
-		width 13px
-		height 13px
-		cursor pointer
-		position absolute
-		color #a0a0a0
-		right 30px
-		top 24.5px
-		font-size 13px
-		&:hover
-			color #675c68
-		&:before
-			display block
-.popup-title
-	font-smoothing antialiased
-	font-size 14px
-	span
-		line-height 16px
-		display inline-block
-		vertical-align middle
-		padding-right 15px
-
-.popup-content
-	padding 30px
-	label
-		font-size 12px
-		display block
-		font-family 'ProximaNova-Semibold'
-		color #665b68
-	div
-		margin-top 20px
-		display inline-block
-	label
-		margin-top 9px
-
-	.no-icons
-		&.confirm-button, &.cancel-button
-			margin-top 0
-			padding 0 10px
-		&.confirm-button
-			margin-right 15px
-		&.cancel-button
-			margin-left 15px
-	.button--save
-	.button--overwrite
-	.popup-content-separator
-		display block
-
-.popup-content-separator
-	border-bottom 1px dashed #d5d5d5
-
-.skin-save-popup
-	display none
-	z-index 5
-	.popup-content
-		.general-input
-			padding-left 35px
-			background url(img/skin/popup-name-icon.png) no-repeat 11px center
-.skin-delete-popup
-	display none
-	z-index 5
-	.popup-title
-		max-height 60px
-		overflow hidden
-		text-overflow ellipsis
-		max-width 230px
-		white-space nowrap
-	.popup-button
-		text-transform uppercase
-		font-size 14px
-		color #fff
-		display inline-block
-		vertical-align top
-		height 35px
-		line-height 37px
-		border-radius 2px
-		padding-left 20px
-		padding-right 20px
-		font-smoothing antialiased
-		cursor pointer
-		text-shadow
-		text-shadow 0 1px #9854a5
-		margin-top 0
-		position relative
-		&:hover:after
-			position absolute
-			content ""
-			display block
-			top 0
-			left 0
-			right 0
-			bottom 0
-			background #fff
-			opacity 0.10
-			z-index 1
-		&:before
-			font-size 12px
-			padding-right 9px
-	.red-button
-		background #c63840
-		text-shadow none
-		&:before
-			content "⏍"
-			font-family 'BlogvioEditor'
-	.dark-purple-button
-		background #635965
-		float right
-		&:before
-			content 'x'
-			font-family 'BlogvioEditor'
-			speak none
-			font-weight normal
-			font-variant normal
-			text-transform none
-			line-height 1
-			font-smoothing antialiased

package/css/editor/skin/presets/dropdown.styl

@@ -1,61 +0,0 @@
-.presets-dropdown
-	text-align center
-	text-transform uppercase
-	height 69px
-	border-bottom 1px solid mediumgray
-	position relative
-	z-index 2
-	right 1px
-	cursor pointer
-	.dropdown-arrow
-		top 31px
-		background url(img/control-spinner-buttons-hover.png) no-repeat 0 -10px
-	.input-dropdown:focus
-		&,.input-dropdown-default
-			box-shadow none
-	.input-dropdown:focus,.input-dropdown:hover
-		.dropdown-arrow
-			background url(img/skin/presets-arrow-purple.png) no-repeat 0 -10px
-		.input-dropdown-default
-			color litepurple
-	.input-dropdown-default:hover
-		color litepurple
-	.input-dropdown-default
-		height 69px
-		line-height 69px
-		border none
-		text-transform uppercase
-		font-size 14px
-		white-space nowrap
-		text-overflow ellipsis
-		overflow hidden
-		background #fafafa
-		color darkpurple
-.input-dropdown-list.presets-dropdown-list
-	text-align center
-	text-transform uppercase
-	box-shadow none
-	font-size 14px
-	z-index 2
-	border-left 0
-	border-right 0
-	box-shadow none
-	border 1px dashed #d5d5d5
-	box-sizing border-box
-	width 121px !important
-	border-radius  0
-	>li
-		line-height 50px
-		&:hover
-			color litepurple
-.editor[skins='0'],.editor:not([skins])
-	.presets-dropdown
-		pointer-events none
-		.input-dropdown-default
-			padding 0
-			&:after
-				content "PRESETS"
-			span 
-				display none
-		.dropdown-arrow
-			display none

package/css/editor/skin/presets/index.styl

@@ -1,86 +0,0 @@
-@import 'list'
-@import 'dropdown'
-.skin-presets
-	display inline-block
-	vertical-align top
-	height 100%
-	position relative
-	transition width .55s ease .15s, background .55s ease .15s
-	.after
-		content ""
-		display block
-		position absolute
-		width 0
-		right 0
-		top 0
-		bottom 0
-		border-right 2px dashed mediumgray
-		opacity 1
-		transition opacity .1s ease .1s
-
-.skin-config .skin-presets
-	background #fafafa
-	z-index 2
-	width 20.5%
-
-.skin-preset-tooltip
-	display block
-	position absolute
-	transition opacity 0.4s
-	z-index 20
-	height 30px
-	background rgba(0,0,0,0.9)
-	border-radius 2px
-	color #fff
-	font-size 14px
-	line-height 30px
-	font-smoothing antialiased
-	padding 0 12px
-	font-family 'ProximaNova-Semibold',Helvetica,sans-serif
-	box-sizing border-box
-	max-width 200px
-	div
-		max-width 100%
-		overflow hidden
-		text-align left
-		text-overflow ellipsis
-		white-space nowrap
-	&:before
-		content ""
-		display block
-		position absolute
-		border 4px solid rgba(0,0,0,0.9)
-		left -4px
-		top 10px
-		border-left 4px
-		border-top-color transparent
-		border-bottom-color transparent
-
-.skin-presets.expanded
-	width 100%
-	background white
-	.after
-		opacity 0
-		transition opacity .1s ease .55s
-	.skin-header 
-		.default
-			display inline-block
-			width 100%
-			opacity 1
-	.presets-list-item
-		display inline-block
-		vertical-align top
-		width 50%
-		margin 0px
-		padding-top 20px
-		transition width .01s ease .01s, opacity .3s ease, top .5s ease .2s, left .5s ease .2s
-		&:first-child
-			padding-top 0
-			margin-top 20px
-			height 40px
-	.presets-list-colors .before
-		opacity 0
-		transition opacity .2s ease .01s
-	.presets-list-name
-		opacity 1
-		transition opacity .15s ease .3s