org.eclipse.osbp.themes/scss/layout/_tabsheet.scss

@mixin os-tabsheet {
	.v-tabsheet-tabsheetpanel .v-panel .v-verticallayout-part {
    	border-top: 0px;		//if bordered==true
		}
	
	.vaadock-tabsheet-button-panel {
		float: right;
		position: absolute;
        height: 100%;
		top: 0px;
		right: 0px;
		width: $os-unit-size *2.5;
		background-color: $os-splitter;
		@if $os-bordered == true {
			height: calc(100% - $os-border-width);
        	border-bottom: $os-border;
        	}
		//padding-top: $os-button-height - $os-unit-size;
		.v-vaadock-tabsheet-maximize-button {
			@include os-icon-font ( $size: $os-font-size,
									$float: right,
									$content: '\f096');
			color: valo-font-color($os-splitter);
			&:before {
				vertical-align: middle;
				}
			}
		
		.v-vaadock-tabsheet-minimize-button {						
			@include os-icon-font (	$size: $os-font-size,
									$float: right,
									$content: '\f147');
			color: valo-font-color($os-splitter);
			&:before {
				vertical-align: middle;
				}
			}
		.v-vaadock-tabsheet-restore-button {		
			@include os-icon-font ($float: right,
								   $size: $os-font-size,
								   $content: '\f24d',
								   $mirror: true);
			color: valo-font-color($os-splitter);
			&:before {
				vertical-align: middle;
				}			
			}		
		}
	
	.v-tabsheet-scroller {
		position: absolute;
		top: 0px;
		height: 100%;//$os-unit-size;
		right: $os-unit-size * 2.5;
		@if $os-bordered == true {
        	border-bottom: $os-border;
        	}
       	@else {
       		border-bottom: 0px;
       		}
		padding-left: $os-unit-size / 2;
		@include linear-gradient(to left, $os-splitter 70%, rgba(250,250,250,0) 100%);
		background-color: transparent;
		&:after {
			display: none;
			}
		}
	
	.v-tabsheet-tabcontainer {	
		background: $os-splitter;
	    padding: 0px;
		&:before {
			border: 0px;
			@if $os-bordered==true {
				border-top: $os-border;
				}
			}
		}
	
	.v-tabsheet-tabitemcell {		
		.v-tabsheet-tabitem {
			background-color: $os-dark-contrast;
			color: valo-font-color($os-dark-contrast);
			border-top: ceil($os-unit-size / 11) solid $os-dark-contrast;
			.v-icon {
				width: $os-icon-image-width !important;
				}
	       .v-caption {
				/*background: $os-dark-contrast;*/ 
				font-size: $os-font-size;
				color: valo-font-color($os-dark-contrast);   
				padding-right: floor($os-unit-size/2);        
				padding-left: floor($os-unit-size/2);
				margin-left: 0px;
				}
			.v-caption-closable {
				margin-left: 0px;
				}
			}		
		.v-tabsheet-tabitem-selected {
			border-top: ceil($os-unit-size/11) solid $os-highlight-color;
			background-color: $v-panel-background-color;
			
			&>.v-caption, &>.v-caption.v-caption {
				@if $os-bordered == true {
					border: $os-border;
					}
				border-bottom-color:  $v-panel-background-color;
				color: valo-font-color($v-panel-background-color);
				}	
			}
		}
	
	/* exception for dialogs */	
	.l-control .v-tabsheet-tabitemcell-first {
		.v-tabsheet-tabitem-selected {
			&>.v-caption, &>.v-caption.v-caption {
				@if $os-bordered == true {					
					border-left-width: 0px;
					}
				}
			}
		}
	
	/*
	
	.v-tabsheet-tabitemcell {
		//height: $os-unit-size;
		//padding-top: $os-splitter-size;		
		.v-caption {
			&:hover {
				background: $os-highlight-color;
				color: valo-font-color($os-highlight-color);
				}
	        .v-caption {
			   //border-bottom: none;
			   font-size: $os-font-size;
			   }
			.v-captiontext {
				vertical-align: middle;
				}
			}	
		.v-tabsheet-caption-close {
			font-weight: bold;
		    position: relative;
		    margin: 0px;
		    vertical-align: middle;
		    margin-left: $os-unit-size/3;
		    font-size: $os-font-size*$os-l-font-factor;
		    line-height: 0;
		    width: $os-unit-size;
		    text-align: center;
	    	border-radius: 0px;
	    	color: valo-font-color($os-dark-contrast);
			}
		}
		
		
	.v-tabsheet-tabitem {
		//height: $os-unit-size;
		.v-icon {
			width: $os-icon-image-width !important;
			}
        .v-caption {
        	 background: $os-dark-contrast;
		     color: valo-font-color($os-dark-contrast);   
		     font-size: $os-font-size; 
		     padding-right: floor($os-unit-size/2);        
		     padding-left: floor($os-unit-size/2);
		     margin-left: 0px;
			}
		.v-caption-closable {
			margin-left: 0px;
			}
		}		
	.v-tabsheet-tabitem-selected {
		//border-top: $os-border;
		border-color: $v-panel-background-color;
		.v-caption {
			&:hover {
				background: $v-panel-background-color;
				}
            background-color: $v-panel-background-color;
            font-size: $os-font-size; 
			font-weight: bold;		
			padding-right: floor($os-unit-size/2);
			padding-left: floor($os-unit-size/2);
			border-bottom-color: $v-panel-background-color !important;
			border-bottom-width: 0px;
			
			.v-tabsheet-caption-close {
		    	color: valo-font-color($os-background-color);
				}
			}
		}

	.v-slot-verticaltrimbar {
		background-color: $os-dark-contrast;
		.v-button {
			@include os-button-trimbar;
			} 
		
		}
		
		
	.os-data-component {
		.vaadock-tabsheet-button-panel {
			display: none;
			height: calc(100% - $os-border-width);
			}
		.v-tabsheet-scroller {
			right: 0px;
            border-bottom: $os-border;
			@include linear-gradient(to left, $os-background-color 70%, rgba(250,250,250,0) 100%);
			}			
		.v-tabsheet-tabcontainer {	
			background: $os-background-color;
			&:before {
				border: 0px;
				border-bottom: $os-border;
				border-bottom-width: floor($os-unit-size/11);
				border-bottom-color: $os-mid-contrast;
				}
			}			
		.v-tabsheet-tabitem {
        	.v-caption {
				&:hover {
					background: $os-highlight-color;
					color: valo-font-color($os-highlight-color);
					}
        		background: $os-mid-contrast;
		     	color: valo-font-color($os-mid-contrast);  	
				}
			}
		.v-tabsheet-tabitem-selected {
			border-color: $v-panel-background-color;
			.v-caption {
				&:hover {
					background: $v-panel-background-color;
					color: $os-highlight-color;
					}
        	    background-color: $os-background-color;		
				}
			}
		}	*/
	}