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

//// 
/// @group components/bits
/// - test this formatting
////

/// Progress bar style inside "grid" components
@mixin os-progress-gridview {
	.v-progressbar-wrapper {
		outline: $v-border;
		outline-color: $v-app-background-color;

		.v-progressbar-indicator {
			border: 0px;
			}
		}
	}

/// Small progress bar in login panel area
/// @todo please refine the CSS ...
///  - smaller font size, so that a long message can be displayed
///  - bolder font color like the login caption text
@mixin os-progress-login {
	.v-caption-initialization-progress .v-captiontext {
		font-size: $v-font-size * $v-scaling-factor--small !important;
		color: valo-font-color($v-app-background-color) !important;
		}
	}


/// @param {string} $type
/// Deactivate transitions with "none"; Include a transition by setting its type.
@mixin os-transition($type) {
    -moz-transition:    $type;
    -o-transition:      $type;
    -webkit-transition: $type;
    transition:         $type;
	}

/// @param {number} $top
/// @param {number} $left
/// @param {number} $blur
/// @param {number} $color
/// @param {boolean} $inset
/// Some elements need box-shadow despite box-shadow being deactivated. Sass/Valo box-shadow function doesn't work in this case.'
/// Needed for tooltips.
@mixin os-important-box-shadow($top, $left, $blur, $color, $inset: false) {
  @if $inset {
    -webkit-box-shadow:inset $top $left $blur $color !important;
    -moz-box-shadow:inset $top $left $blur $color !important;
    box-shadow:inset $top $left $blur $color !important;
  } @else {
    -webkit-box-shadow: $top $left $blur $color !important;
    -moz-box-shadow: $top $left $blur $color !important;
    box-shadow: $top $left $blur $color !important;
  }
}

/// Set spacing between elements (POS/Cash-Area)
/// @todo needs separate definitions for vertical and horizontal spacing
@mixin os-spacer($direction, $size-mod ) {	
	$size-mod: $size-mod * 0.5;
	margin-#{$direction}: ($v-unit-size * 2 * $os-cash-zoom-factor * $size-mod) + ($size-mod * $v-layout-spacing-horizontal) !important;
	}


/// @deprecated Attempt at styling scrollbars, but completely useless as no browser supports it properly. Don't try again.
@mixin os-scrollbar {
	::-webkit-scrollbar {
    	background: $os-light-contrast;
		}
	::-webkit-scrollbar-thumb {
	    background: $os-mid-contrast;
	    border: $v-app-background-color solid 2px;
		}
	::-webkit-scrollbar-button {
    	background: $os-light-contrast;
		}
	::-webkit-scrollbar-button:vertical:decrement {
		background: white;
		content: '123';
		@include os-icon-font($content: '12',
							  $placement: after);
		color: black;
		}
	/*
	::-webkit-scrollbar-corner {
	    background: $os-dark-contrast;
	    border: $v-border;
		}*/
	}