@widgetic/editor 3.11.4 → 4.0.1

package/css/browser/entries/image.styl

@@ -1,26 +0,0 @@
-.browser-image.activateable
-	background-color #f5f5f5
-	.browser-entry-prew
-		height 73px
-		width 112px
-		overflow hidden
-		&:after
-			border-radius 4px
-			line-height 73px
-			top -1px
-			left -1px
-			right -1px
-			bottom -1px
-			border 1px solid white
-		&+.browser-entry-info
-			display none
-		.spinner
-			display none
-.browser-image-prew_img
-	absolute top left
-	width 100%
-	height 100%
-	border-radius 4px
-	background-size cover !important
-	opacity 0
-	transition opacity 1s ease .05s

package/css/browser/entries/index.styl

@@ -1,66 +0,0 @@
-.browser-entry
-	display inline-block
-	width 112px
-	height 73px
-	margin 20px 20px 0 0
-	vertical-align top
-	text-align center
-	cursor pointer
-	font-smoothing antialiased
-	border-radius 4px
-	position relative
-	&.private-entry:before
-		absolute bottom 1px right 1px
-		display block
-		width 38px
-		height 9px
-		background #ff4c4c
-		z-index 1
-		content "PRIVATE"
-		border-radius 0 0 2px 0
-		color white
-		font 8px/10px Arial, Arial, Helvetica, sans-serif
-
-.browser-entry-prew
-	position relative
-	overflow hidden
-	font-family 'BlogvioEditor'
-	height 50px
-	width 112px
-	border-radius 4px
-	border 1px solid white
-	display inline-block
-	box-sizing border-box
-	.browser-entry-icon
-		height 44px
-		width 100%
-		display inline-block
-		position relative
-		overflow hidden
-		&:before
-			content ""
-			display inline-block
-			line-height 44px
-			font-size 42px
-			font-smoothing subpixel-antialiased
-
-.browser-entry-info
-	font-size 13px
-	color darkpurple
-	padding 3px 0 5px
-	max-height 2.6em
-	overflow hidden
-	text-overflow ellipsis
-	white-space nowrap
-	word-break break-all
-	display inline-block
-	text-overflow -o-ellipsis-lastline
-	absolute bottom left
-	right 0
-
-@import './folder'
-@import './activateable'
-@import './image'
-@import './audio'
-@import './video'
-@import './rss'

package/css/browser/entries/rss.styl

@@ -1,11 +0,0 @@
-.browser-rss
-	.browser-entry-icon
-		box-sizing border-box
-		z-index 1
-		&:before
-			background url('img/content/rss-icon.png') center bottom no-repeat
-			width 48px
-			height 44px			
-	.browser-entry-info
-		&:hover
-			color litepurple

package/css/browser/entries/video.styl

@@ -1,11 +0,0 @@
-.browser-video
-	.browser-entry-icon
-		box-sizing border-box
-		z-index 1
-		&:before
-			background url('img/content/video-icon.png') center bottom no-repeat
-			width 48px
-			height 44px
-	.browser-entry-info
-		&:hover
-			color litepurple

package/css/browser/index.styl

@@ -1,86 +0,0 @@
-@import './intent'
-@import './nav'
-@import './entries'
-@import './social-browser'
-
-browserNoFiles(type, contentText)
-	.browser.no-items
-		&[data-filetype={type}]
-			background-image url("img/content/no-files-"+type+".png")
-			&:after
-				content contentText
-
-.browser
-	height 100%
-	position relative
-	.scroll-content
-		display flex
-		flex-wrap wrap
-		align-content flex-start
-		right -15px !important
-	&.loading:after
-		content ""
-		position absolute
-		top 0
-		right 0
-		bottom 0
-		left 0
-		background url(img/loader.gif) no-repeat center center
-	&[authenticated="false"].loading:after
-		content none
-	&.no-items
-		background url("img/content/no-files.png") no-repeat center
-		height 510px
-		&:after
-			content "No acceptable files available."
-			display block
-			position absolute
-			top 290px
-			left 0
-			right 0
-			color darkpurple
-			font 24px/42px 'ProximaNova-Regular'
-			text-align center
-	&.no-items.loading:after
-		background none
-
-browserNoFiles('image', 'No image files available.')
-browserNoFiles('audio', 'No audio files available.')
-browserNoFiles('video', 'No video files available.')
-
-.browser-nav
-.browser-login
-.browser.scroll-box .scrolling-container
-	display none
-
-.browser[authenticated='true']
-	.browser-login
-		display none
-	.browser-intent-logout
-		display block
-	.browser-nav
-	&>.scrolling-container
-		display block
-.browser[authenticated='false']
-	.browser-login
-		display block
-	.browser-intent-logout
-		display none
-	&.no-items
-		background white none
-		&:after
-			content none
-
-.add-content-instr-link
-	font 12px/14px 'ProximaNova-Semibold'
-	color darkpurple
-	text-decoration underline
-	absolute bottom 18px left 50%
-	margin-left -80px
-	display none
-	.no-items &
-		display block
-	&:hover
-		color litepurple
-	.browser-popup &
-		bottom -40px

package/css/browser/intent/index.styl

@@ -1,61 +0,0 @@
-.browser-login,
-.browser-intent-logout
-	position absolute
-	top 0
-	left 0
-	right 0
-	bottom 0
-	text-align center
-	font-smoothing antialiased
-	&:after
-		content ""
-		vertical-align middle
-		display inline-block
-		width 0
-		height 100%
-
-.browser-login-cont
-	vertical-align middle
-	display inline-block
-
-.browser-login-message
-	color #665b68
-	padding-bottom 20px
-
-.browser-login-button
-	display inline-block
-	border-radius 2px
-	height 50px
-	line-height 50px
-	color #fff
-	overflow hidden
-	cursor pointer
-	text-shadow 0 1px rgba(0,0,0,0.2)
-	transition opacity 0.15s ease
-
-	&:hover
-		opacity 0.87
-
-	&:after, .after
-	&:before, .before
-		display inline-block
-		vertical-align top
-
-	&:before, .before
-		content ""
-		border-right 1px solid rgba(0,0,0,0.2)
-		width 50px
-		height 50px
-		background-position -25px 16px !important
-		background-repeat no-repeat !important
-	.before
-		background-color darken(litepurple, 20%)
-
-	&:after, .after
-		content "Connect your account"
-		width 213px
-	.after
-		background-color litepurple
-	&[data-content="true"]
-		&:before, &:after
-			content none

package/css/browser/nav/index.styl

@@ -1,73 +0,0 @@
-.browser-nav
-	position absolute
-	top 0
-	left 0
-	right 0
-	height 24px
-	background #fafafa
-	border-bottom 1px solid #d5d5d5
-	color #a0a0a0
-	white-space nowrap
-
-.browser-nav-item.root
-	padding-left 8px
-	line-height 25px
-	&:after
-		font-family 'BlogvioEditor'
-		content '☖'
-		font-weight normal
-		font-style normal
-
-.browser-nav-item
-	display inline-block
-	vertical-align top
-	font-size 11px
-	line-height 27px
-	text-transform uppercase
-	font-smoothing antialiased
-	padding-right 4px
-	cursor pointer
-	text-overflow ellipsis
-	overflow hidden
-	white-space nowrap
-	max-width 125px
-	vertical-align top
-	&:hover
-		color #0055FF
-	&.active
-		color darkpurple
-		cursor default
-	+ .browser-nav-item:before
-		content ""
-		display inline-block
-		pointer-events none
-		height 24px
-		width 8px
-		margin-right 7px
-		vertical-align top
-		box-sizing border-box
-		background url('img/browser-folder-separator.png') no-repeat center
-	&:nth-child(n+3)
-		display none
-	&:nth-last-child(-n+4)
-		display inline-block
-		width 20px
-	&:nth-last-child(-n+3)
-		display inline-block
-		width auto
-
-.browser-nav-item.root
-	width 15px
-
-.browser-logout
-	color #a0a0a0
-	display inline-block
-	line-height 28px
-	height 25px
-	font-size 13px
-	width 30px
-	text-align center
-	border-right 1px solid #d5d5d5
-	cursor pointer
-	&:hover
-		color darkpurple

package/css/browser/social-browser.styl

@@ -1,23 +0,0 @@
-.social-browser ul
-  margin 0
-  padding 0
-
-.social-browser__input
-  display block
-  padding-top 0
-  padding-bottom 0
-  margin 21px 0
-
-  .control-dropdown
-    margin-right 20px
-
-.social-browser__control span
-  position absolute
-  z-index 100
-  top 9px
-  color #a0a0a0
-  left 10px
-
-.social-browser__control input
-  padding-left 23px
-  padding-right 0

package/css/controls/clock.styl

@@ -1,110 +0,0 @@
-.clockpicker .input-group-addon
-	cursor pointer
-
-.clockpicker-moving
-	cursor move
-
-.clockpicker-plate
-	background-color #fff
-	border 1px solid #cbcbcb
-	border-radius 50%
-	width 160px
-	height 160px
-	overflow visible
-	position relative
-	user-select none
-
-.clockpicker-canvas
-.clockpicker-dial
-	absolute left -1px top -1px
-	width 160px
-	height 160px
-
-.clockpicker-minutes
-	visibility hidden
-
-.clockpicker-tick
-	border-radius 50%
-	color #666
-	line-height 26px
-	text-align center
-	width 26px
-	height 26px
-	position absolute
-	cursor pointer
-	font-size 13px
-
-.clockpicker-minutes .clockpicker-tick
-.clockpicker-tick.inner
-	font-size 14px
-
-.clockpicker-tick.active,
-.clockpicker-tick:hover
-	background-color rgb(#d6bcdb)
-	background-color rgba(darken(#d6bcdb,.75), .25)
-
-.clockpicker-button
-	background-image none
-	background-color #fff
-	border-width 1px 0 0
-	border-top-left-radius 0
-	border-top-right-radius 0
-	margin 0
-	padding 10px 0
-
-.clockpicker-button:hover
-	background-image none
-	background-color #ebebeb
-
-.clockpicker-button:focus
-	outline none!important
-
-.clockpicker-dial
-	transition transform 350ms, opacity 350ms
-
-.clockpicker-dial-out
-	opacity 0
-
-.clockpicker-hours.clockpicker-dial-out
-	transform scale(1.2, 1.2)
-
-.clockpicker-minutes.clockpicker-dial-out
-	transform scale(.8, .8)
-
-.clockpicker-canvas
-	transition opacity 175ms
-
-.clockpicker-canvas-out
-	opacity 0.25
-
-.clockpicker-canvas-fg
-	stroke none
-	fill #9858a4
-
-.clockpicker-canvas-bearing
-	fill #9858a4
-
-.clockpicker-canvas-bg
-	stroke none
-	fill #d6bcdb
-
-.clockpicker-canvas-bg-trans
-	fill rgba(darken(#d6bcdb,.75), .5)
-
-.clockpicker-canvas line
-	stroke #9858a4
-	stroke-width 2
-	stroke-linecap round
-	/*shape-rendering: crispEdges;*/
-
-.clockpicker-button.am-button
-	margin 1px
-	padding 5px
-	border 1px solid rgba(0, 0, 0, .2)
-	border-radius 4px
-
-.clockpicker-button.pm-button
-	margin 1px 1px 1px 136px
-	padding 5px
-	border 1px solid rgba(0, 0, 0, .2)
-	border-radius 4px

package/css/controls/config.styl

@@ -1,6 +0,0 @@
-darkpurple = #665b68
-litepurple = #0055FF
-darkgray = #a0a0a0
-mediumgray = #d5d5d5
-litegray = #e6e6e6
-bgreen = #a6cd3b

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

@@ -1,63 +0,0 @@
-.control.control-audio-details .input-audio
-	display inline-block
-	height 45px
-	.control-input
-		margin-left 24px
-		width 360px
-		height 20px
-		position absolute
-		bottom 5px
-		font-size 12px
-		background transparent
-		border 0 none
-	.url-thumb
-		display none
-	> .icon
-		display inline-block
-		width 38px
-		height 45px
-		absolute top left
-		z-index 1
-		background url('img/content/audio-icon.png') center center no-repeat
-		cursor pointer
-
-	.audio-title
-		font 14px/14px 'ProximaNova-Regular'
-		margin 8px 0 0 36px
-		color darkpurple
-		cursor pointer
-		white-space nowrap
-		overflow hidden
-		text-overflow ellipsis
-		max-width 310px
-		&:hover
-			color litepurple
-			&:before 
-				border-color transparent transparent transparent litepurple
-		&:before
-			content ""
-			width 0
-			height 0
-			border-style solid
-			border-width 5px 0 5px 6px
-			border-color transparent transparent transparent darkpurple
-			display inline-block
-			margin-right 5px
-			margin-left 1px
-.control.control-audio-details.playing .audio-title
-	&:hover:before
-		border-color litepurple
-	&:before
-		width 2px
-		margin 0 2px
-		height 10px
-		border-width 0 3px 0 3px
-		border-color darkpurple
-.control.control-audio-details .input-audio
-	.item-invalid &
-		.audio-title
-			color #c4363e
-			margin-left 37px
-			cursor default
-			&:before
-				content none

package/css/controls/control-audio.styl

@@ -1,28 +0,0 @@
-.control-audio
-	.url-thumb
-		overflow hidden
-		background-color transparent
-		pointer-events none
-		cursor pointer
-	&.valid
-		.url-thumb
-			pointer-events auto
-			background-color #d5d5d5
-			&:hover
-				background-color #665b68
-		.play-btn
-			display block
-		.pause-btn
-			display none
-		&.playing
-			.pause-btn
-				display block
-			.play-btn
-				display none
-	.play-btn
-	.pause-btn
-		display none
-		text-align center
-		line-height 34px
-		color #fff
-		font-size 15px

package/css/controls/control-browser.styl

@@ -1,48 +0,0 @@
-.control-browser
-	.control-url
-		.item-details &
-			width 392px
-		width 320px
-		float left
-		.input-text
-			cursor pointer
-			pointer-events auto
-.input-browser
-	overflow hidden
-	padding 2px
-	margin -2px
-.input-browser-browse
-	@extend .item-details-toggle
-	height 35px
-	line-height 40px
-	margin-left 10px
-	margin-right 0
-	float left
-	cursor pointer
-.browser-popup
-	width 358px
-	height 418px
-	border 1px solid #cbcbcb
-	background #fff
-	box-shadow 0 1px 2px 0 rgba(0,0,0,0.1),0 0 3px 0 rgba(0,0,0,0.1)
-	z-index 4
-	.browser.no-items
-		height 350px
-		&:after
-			top 230px
-	.browser-login-message
-		display none
-	.browser-login-button
-		max-width 221px
-		&:before
-			display none
-
-.directinputpopup
-	padding 21px 5px 15px 15px
-	.control
-		width 240px
-	&.old .field-delete
-		display inline-block
-	.field-delete
-		display none
-		margin-left 10px