<commit_before>@function opencms-color-stops($color) {
  $opacity: 100%;
  $start: blend-overlay(rgba(#fff, $opacity/100%), $color);
  $end: $color;
  @return $start 2%, $end 98%;
}

@mixin workplace-form-wide {
	.o-formlayout-workplace-main { 

		.v-formlayout-row .v-formlayout-captioncell {
			width: 20% !important;   
		}
		
		.v-formlayout-row .v-formlayout-errorcell {
		}
		
		.v-formlayout-row .v-formlayout-contentcell {
			width: 80% !important;   
		}
		
		
	}
	
	
 
}

@mixin workplace-form-narrow {

		
		.o-formlayout-workplace-main { 
			.v-formlayout-row .v-formlayout-captioncell {
				display: inline-block;  
				margin-left: 0px !important; 
				padding-left: 0px !important;
			}
			
			.v-formlayout-row .v-formlayout-errorcell {
				display: inline-block;
				margin-left: 0px !important;   
			}
			
			.v-formlayout-row .v-formlayout-contentcell {
				display: block;  
			}
			
			tr.v-formlayout-row { 
				display: block;
				padding-left: 8px;
				padding-right: 8px;
			}
			
			 .v-formlayout-row > td {
			 	padding-top: 0px !important;
			 }
		 }
}


@mixin opencms {
  @include valo;
  
  .v-Notification.error {
		@include valo-notification-error-style(v-Notification);
		@include valo-notification-closable-style(v-Notification);
  }
  
  /* Overrides to the valo theme */
  div.v-tree-node-caption:after{
  	border-radius: 0;
  }
  
  div.v-table-header-wrap,
  div.v-table-footer-wrap,
  div.v-table-header-drag {
  	@include valo-gradient($o-dark-background-color);
  	font-size: $v-font-size;
  }
  
  div.v-panel-caption {
    @include valo-panel-caption-style($o-dark-background-color);
  }
  
  div.v-table-caption-container {
    border-color: darken($o-dark-background-color, 10%);
  }
  
  .v-formlayout .v-caption{
    font-size: $v-font-size;
  }
  
  /* Fix for disabled menu items - especially for non-collapsible table columns. */
  .gwt-MenuItem span.v-disabled {
  	display: none;
  }
  
  div.v-window {
     max-height: 95%;
 	 
 	 .v-window-header, .v-window-closebox, .v-window-maximizebox, .v-window-restorebox {
 	 	background-color: transparent;
 	 	font-weight: bold;
 	 	color: $gray-lighter;
 	 	font-size: $v-font-size--large;
 	 }
 	 .v-window-closebox:hover, .v-window-maximizebox:hover, .v-window-restorebox:hover {
   	 	color: $v-selection-color;
 	 }
 	 .v-window-outerheader{
	  @include  linear-gradient(to bottom, opencms-color-stops($v-window-background-color), $v-window-background-color);
 	 }
 	 
 	 .o-dialog > .v-spacing, .o-dialog > .v-expand> .v-spacing {
 	 	height: $o-layout-window-margin;
 	 }
 	 
 	 .o-dialog-content, .v-window-contents > .v-scrollable > .o-dialog {
 	 	padding: $o-layout-window-margin;
 	 }
  }
  
  .o-dialog-button-bar .v-button, .v-button.o-button-blue {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold, $background-color: $o-button-blue);
  }
  
  
  .o-dialog-button-bar .v-button.o-button-red, .v-button.o-button-red {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold, $background-color: $red);
  }
  
  .o-dialog-button-bar .v-button.o-button-green, .v-button.o-button-green {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold, $background-color: $green);
  }
  
  .v-button.o-button-plain {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold);
  }
  
  .o-reduced-spacing > .v-spacing{
  	height: $o-layout-reduced-spacing;
  	width: $o-layout-reduced-spacing;
  }
  
 .v-panel-content > .v-margin-left.o-reduced-margin {
  	padding-left: $o-layout-reduced-margin;
  }
  
  .v-panel-content > .v-margin-top.o-reduced-margin {
  	padding-top: $o-layout-reduced-margin;
  }
  
  .v-panel-content > .v-margin-right.o-reduced-margin {
  	padding-right: $o-layout-reduced-margin;
  }
  
  .v-panel-content > .v-margin-bottom.o-reduced-margin {
  	padding-bottom: $o-layout-reduced-margin;
  }
  
  .o-responsive{
  	display: block;
  	background: $v-app-background-color;
  }
  
  .o-state-deleted, .v-table-row-o-state-deleted, .v-tree-node-caption-o-state-deleted{
  	text-decoration: line-through;
  }
  
  .o-state-changed, .v-table-row-o-state-changed, .v-tree-node-caption-o-state-changed{
  	color: $red;
  }
  
  .o-state-new, .v-table-row-o-state-new, .v-tree-node-caption-o-state-new{
  	color: $blue;<commit_msg>Changed state new color.<commit_after>@function opencms-color-stops($color) {
  $opacity: 100%;
  $start: blend-overlay(rgba(#fff, $opacity/100%), $color);
  $end: $color;
  @return $start 2%, $end 98%;
}

@mixin workplace-form-wide {
	.o-formlayout-workplace-main { 

		.v-formlayout-row .v-formlayout-captioncell {
			width: 20% !important;   
		}
		
		.v-formlayout-row .v-formlayout-errorcell {
		}
		
		.v-formlayout-row .v-formlayout-contentcell {
			width: 80% !important;   
		}
		
		
	}
	
	
 
}

@mixin workplace-form-narrow {

		
		.o-formlayout-workplace-main { 
			.v-formlayout-row .v-formlayout-captioncell {
				display: inline-block;  
				margin-left: 0px !important; 
				padding-left: 0px !important;
			}
			
			.v-formlayout-row .v-formlayout-errorcell {
				display: inline-block;
				margin-left: 0px !important;   
			}
			
			.v-formlayout-row .v-formlayout-contentcell {
				display: block;  
			}
			
			tr.v-formlayout-row { 
				display: block;
				padding-left: 8px;
				padding-right: 8px;
			}
			
			 .v-formlayout-row > td {
			 	padding-top: 0px !important;
			 }
		 }
}


@mixin opencms {
  @include valo;
  
  .v-Notification.error {
		@include valo-notification-error-style(v-Notification);
		@include valo-notification-closable-style(v-Notification);
  }
  
  /* Overrides to the valo theme */
  div.v-tree-node-caption:after{
  	border-radius: 0;
  }
  
  div.v-table-header-wrap,
  div.v-table-footer-wrap,
  div.v-table-header-drag {
  	@include valo-gradient($o-dark-background-color);
  	font-size: $v-font-size;
  }
  
  div.v-panel-caption {
    @include valo-panel-caption-style($o-dark-background-color);
  }
  
  div.v-table-caption-container {
    border-color: darken($o-dark-background-color, 10%);
  }
  
  .v-formlayout .v-caption{
    font-size: $v-font-size;
  }
  
  /* Fix for disabled menu items - especially for non-collapsible table columns. */
  .gwt-MenuItem span.v-disabled {
  	display: none;
  }
  
  div.v-window {
     max-height: 95%;
 	 
 	 .v-window-header, .v-window-closebox, .v-window-maximizebox, .v-window-restorebox {
 	 	background-color: transparent;
 	 	font-weight: bold;
 	 	color: $gray-lighter;
 	 	font-size: $v-font-size--large;
 	 }
 	 .v-window-closebox:hover, .v-window-maximizebox:hover, .v-window-restorebox:hover {
   	 	color: $v-selection-color;
 	 }
 	 .v-window-outerheader{
	  @include  linear-gradient(to bottom, opencms-color-stops($v-window-background-color), $v-window-background-color);
 	 }
 	 
 	 .o-dialog > .v-spacing, .o-dialog > .v-expand> .v-spacing {
 	 	height: $o-layout-window-margin;
 	 }
 	 
 	 .o-dialog-content, .v-window-contents > .v-scrollable > .o-dialog {
 	 	padding: $o-layout-window-margin;
 	 }
  }
  
  .o-dialog-button-bar .v-button, .v-button.o-button-blue {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold, $background-color: $o-button-blue);
  }
  
  
  .o-dialog-button-bar .v-button.o-button-red, .v-button.o-button-red {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold, $background-color: $red);
  }
  
  .o-dialog-button-bar .v-button.o-button-green, .v-button.o-button-green {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold, $background-color: $green);
  }
  
  .v-button.o-button-plain {
  		min-width: 100px;
  		@include valo-button-style($unit-size: 30px, $font-weight: bold);
  }
  
  .o-reduced-spacing > .v-spacing{
  	height: $o-layout-reduced-spacing;
  	width: $o-layout-reduced-spacing;
  }
  
 .v-panel-content > .v-margin-left.o-reduced-margin {
  	padding-left: $o-layout-reduced-margin;
  }
  
  .v-panel-content > .v-margin-top.o-reduced-margin {
  	padding-top: $o-layout-reduced-margin;
  }
  
  .v-panel-content > .v-margin-right.o-reduced-margin {
  	padding-right: $o-layout-reduced-margin;
  }
  
  .v-panel-content > .v-margin-bottom.o-reduced-margin {
  	padding-bottom: $o-layout-reduced-margin;
  }
  
  .o-responsive{
  	display: block;
  	background: $v-app-background-color;
  }
  
  .o-state-deleted, .v-table-row-o-state-deleted, .v-tree-node-caption-o-state-deleted{
  	text-decoration: line-through;
  }
  
  .o-state-changed, .v-table-row-o-state-changed, .v-tree-node-caption-o-state-changed{
  	color: $red;
  }
  
  .o-state-new, .v-table-row-o-state-new, .v-tree-node-caption-o-state-new{
  	color: $o-button-blue;
{'fraction_non_alphanumeric': 0.1674233825198638, 'fraction_numerical': 0.009988649262202044, 'mean_word_length': 2.6125461254612548, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1085251', 'n_tokens_mistral': 3876, 'n_tokens_neox': 3504, 'n_words': 482}