documize/gui/app/styles/core/widget/widget.scss

// Copyright (c) 2015 Documize Inc.

.transition-shadow {
	transition: box-shadow 0.25s;
}

.transition-all {
	transition: all 0.25s;
}

.z-depth-0 {
	box-shadow: none !important;
}

.z-depth-tiny {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.z-depth-half {
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half {
	/* used on hover states */
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.drag-handle {
	font-size: 1.5rem;
	color: map-get($gray-shades, 300);
	cursor: pointer;
}

.drag-indicator-dropzone {
	opacity: 1 !important;
	border: 2px dotted map-get($gray-shades, 300);
}

.drag-indicator-chosen {
	opacity: 1 !important;
	background: map-get($gray-shades, 100);
}

.drag-indicator-dragged {
	opacity: 1 !important;
	@include card();
}

@import "widget-avatar";
@import "widget-checkbox";
@import "widget-list-picker";
@import "widget-notification";
@import "widget-symbol";
@import "widget-table";
@import "widget-tabnav";