////
/// @group components/focus
////

/// Focus style for formlayout captions.
@mixin os-caption-focus {
	color: $v-focus-color;
	border-bottom-color: $v-focus-color; 
	}
	
/// Focus style for panel borders.
/// @todo does this work?
@mixin os-panel-focus{
    border-color: $v-focus-color;
    border-width: 1px;
	}

/// @todo something's missing here...
@mixin test {
	/* --- TESTS bzgl. HAS FOCUS ... */
	.v-panel-os-has-focus .v-panel-captionwrap {
		background-color: yellow !important;
		}
	.v-panel-os-has-focus .v-panel-caption span {
		background-color: yellow !important;
		color: red !important;
		}
	.v-textfield-os-has-focus {
		color: red !important;
		}
	.v-customcomponent-os-has-focus {
		color: red !important;
		}
	.v-filterselect-os-has-focus {
		color: red !important;
		}
	.v-checkbox-os-has-focus {
		color: red !important;
		}
	.v-datefield-os-has-focus {
		color: red !important;
		}
	.v-caption-os-has-focus {
		background-color: yellow !important;
		color: red !important;
		}
	.v-button-os-has-focus {
		background-color: yellow !important;
		color: red !important;
		}
	}