org.eclipse.osbp.themes/scss/components/_textfield.scss

/* extends .v-textfield */

@mixin os-textfield {
	background-color: $os-light-contrast;
	border-top: transparent;
	border-left: transparent;
	border-right: transparent;
	/*position: relative !important;*/
	&:focus{
		background-color: $os-focus-color;	
		color: valo-font-color($os-focus-color);
		}
	&:hover{
		border-bottom-color: $os-highlight-color;
		}
	}

@mixin os-textfield-readonly {
	background-color: transparent;
	}

@mixin os-textfield-gridview {
	width: calc(100% + ($v-grid-cell-padding-horizontal*2));
	margin-left: $v-grid-cell-padding-horizontal * -1;
	}	

@mixin os-error-textfield {
	/*background:  repeating-linear-gradient(
		 135deg,  $os-focus-color,   $os-focus-color 10px,  $os-light-contrast 10px,  $os-light-contrast 20px );
    border-color: $os-border-color !important;
	*/
    color: $v-error-indicator-color;
    border-bottom-style: dashed;
	}
	
@mixin os-error-button {
	border-color: $os-border-color !important;
	/*
	border-style: dashed;
	*/
	color: $v-error-indicator-color;
	}	
	

@mixin os-textfield-filterspanel {
	text-align: center;
	white-space: normal;
	color: valo-font-color($os-light-contrast);
	background-color: $os-light-contrast;
	border-right-width: 0px;
	border-top-width: 0px;
	border-left: $os-border;
	border-left-color: $os-background-color;
	
	/* Erstes Element
	&:nth-child(1) {
		border-left-color: transparent;
		}*/
		
	&:focus, .v-textfield-focus  {
		background-color: $os-focus-color;
		color: valo-font-color($os-focus-color);
		border-right-width: 0px;
		border-top-width: 0px;
		border-left: $os-border;
		border-left-color: $os-background-color;
		border-bottom-color: $os-highlight-color;
		}	
	}
	
@mixin os-textfield-login {
	height: $os-unit-size * 1.5;
	//background-color: $os-background-color;
	background-color: $os-light-contrast;
	//border: 1px;
	margin-bottom: ceil($os-unit-size /5);
	border-radius: floor($os-unit-size/5);
		&:focus{
		background-color: $os-focus-color;	
		}
	&:hover{
		border-color: $os-highlight-color;
		}	
	}
	
@mixin os-textfield-cash {
	font-size: $os-font-size * 2 !important;
	height: $os-unit-size * 2 !important; 
	&.v-disabled {
		@include os-textfield-readonly; 
		opacity: 0.75;
		}	
	}