//
// Component: Thumbnail
//
// ========================================================================


// Variables
// ========================================================================

@thumbnail-border:                              rgba(0,0,0,0);
@thumbnail-background:                          rgba(0,0,0,0);
@thumbnail-hover-border:                        rgba(0,0,0,0);
@thumbnail-hover-background:                    rgba(0,0,0,0);

@thumbnail-caption-color:                       @global-color;
@thumbnail-padding: 							0;
@thumbnail-border-width:						0;

// Component
// ========================================================================

.hook-thumbnail() {
	box-shadow: 10px 0 30px 0 fade(@global-primary-4-background, 40%);
}

.hook-thumbnail-hover() {}


// Caption
// ========================================================================

.hook-thumbnail-caption() {
	padding: 10px;
}


// Miscellaneous
// ========================================================================

.hook-thumbnail-misc() {}