<commit_before>// ==========================================================================
//      Variables 
// ==========================================================================

// Basic Colors
@black: #000000;
@white: #ffffff;
@red-1: #D40000;

// Color palette from the styleguide + design color set
// By order of luminance

// Greens 
@greens-1: #003300;
@greens-2: #055905;
@greens-3: #467f0d;
@greens-4: #559f0c;
@greens-5: #57b105; // Or should it be #56b105; ?
@greens-6: #66cc00;

// Oranges 
@oranges-1: #ff6b08;

// Steel gray-blue hues
@steels-1: #282d38;
@steels-2: #383e49;
@steels-3: #4d535f;
@steels-4: #727886;
@steels-5: #9ca3b1;
@steels-6: #bdc3d1;
@steels-7: #d4dae8;
@steels-8: #e3e9f8;
@steels-9: #edf3ff;

// Blues-gray predominatly blue
@blues-1: #6e7f8b;
@blues-2: #baccd9;

// Grays
@grays-1: #333333;
@grays-2: #666666;
@grays-3: #8e8e8e;
@grays-4: #cccccc;


// ==========================================================================
//      Pure mixins
// ==========================================================================

// Border Radius
// Use as .rounded_all(3px); or .rounded_some(5%; 0; 5%; 0);
.rounded_all (@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}
.rounded_some (@top1eft; @topright; @bottomright; @bottomleft) {
  -webkit-border-radius: @arguments;
  -moz-border-radius: @arguments;
  border-radius: @arguments;
}

// Box Shadow
// Use with just one argument, e.g. .boxshadow(none);
// or any number of valid arguments like inset, offset, blur, color...
.boxshadow (@none; ...) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  box-shadow: @arguments;
}

// Cross browser transitions
.transition(@properties) { 
  -webkit-transition: @properties;
  -moz-transition: @properties;
  transition: @properties;
}

// Cross browser transforms
.transform(@properties) {
  -webkit-transform: @properties;
  -moz-transform: @properties;
  -ms-transform: @properties;
  transform: @properties;
}
// Cross browser opacity
.opacity (@opacity) {
  @opacityPercentage: @opacity * 100;
  opacity: @opacity;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))"; 
  filter: ~"alpha(opacity = (@{opacityPercentage}))";
}

/* ==========================================================================
	 Helper classes / mixins
	 ========================================================================== */
/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/*
 * Border radius
 */
.rounded {
	.rounded_all(3px);
}

/*
 * Color palette from the styleguide + design color set
 * By order of luminance
 */
/* Greens */
.greens-txt-1, 
.greens-sec-txt { color: @greens-1; }
.greens-txt-2	 { color: @greens-2; }
.greens-txt-3	 { color: @greens-3; }
.greens-txt-4	 { color: @greens-4; }
.greens-txt-5	 { color: @greens-5; } 
.greens-txt-6,
.greens-txt-pri { color: @greens-6; }
.greens-bg-1, 
.greens-sec-bg	{ background-color: @greens-1; }
.greens-bg-2	{ background-color: @greens-2; }
.greens-bg-3	{ background-color: @greens-3; }
.greens-bg-4	{ background-color: @greens-4; } 
.greens-bg-5	{ background-color: @greens-5; } 
.greens-bg-6, 
.greens-bg-pri	{ background-color: @greens-6; }
/* Oranges */
.oranges-txt-1, 
.oranges-txt-pri{ color: @oranges-1; }
.oranges-bg-1, 
.oranges-bg-pri { background-color: @oranges-1; }
/* Steel gray-blue hues */
.steels-txt-1	 { color:	@steels-1; }
.steels-txt-2	 { color:	@steels-2; }
.steels-txt-3	 { color:	@steels-3; }
.steels-txt-4	 { color:	@steels-4; }
.steels-txt-5	 { color:	@steels-5; }
.steels-txt-6	 { color:	@steels-6; }
.steels-txt-7	 { color:	@steels-7; }
.steels-txt-8	 { color:	@steels-8; }
.steels-txt-9	 { color:	@steels-9; }
.steels-bg-1	{ background-color:	@steels-1; }
.steels-bg-2	{ background-color:	@steels-2; }
.steels-bg-3	{ background-color:	@steels-3; }
.steels-bg-4	{ background-color:	@steels-4; }
.steels-bg-5	{ background-color:	@steels-5; }
.steels-bg-6	{ background-color:	@steels-6; }
.steels-bg-7	{ background-color:	@steels-7; }
.steels-bg-8	{ background-color:	@steels-8; }
.steels-bg-9	{ background-color:	@steels-9; }
/* Blues-gray predominatly blue */
.blues-txt-1	{ color: @blues-1; }
.blues-txt-2	{ color: @blues-2; }
.blues-bg-1	 { background-color: @blues-1; }
.blues-bg-2	 { background-color: @blues-2; }
/* Grays */
.grays-txt-1	{ color: @grays-1 }
.grays-txt-2	{ color: @grays-2 }
.grays-txt-3	{ color: @grays-3 }
.grays-txt-4	{ color: @grays-4 }
.grays-bg-1	 { background-color: @grays-1 }
.grays-bg-2	 { background-color: @grays-2 }
.grays-bg-3	 { background-color: @grays-3 }
.grays-bg-4	 { background-color: @grays-4 }

/*
 * Paper Box
 */
.paper {
	position:relative;
	margin:0 0 5px 2px;
	z-index:0;
	border:1px solid #eaeaea;
	.boxshadow(0px; 3px; 6px; 0px; rgba(0, 0, 0, 0.3));
}
.paper-content {
	background-color:#fbfbfb;
	padding:10px;
	min-height:25px;
}
.paper:before,
.paper:after,
.paper-content:before,
.paper-content:after {
	content:"";
	position:absolute;
	width:12px;
	height:12px;
}
.paper:before {
	top:-2px;
	left:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat left top;
}
.paper-content:before {
	top:-2px;
	right:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat right top;
}
.paper:after {
	bottom:-2px;
	left:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat left bottom;
}
.paper-content:after {
	bottom:-2px;
	right:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat right bottom;
}

/* page level configuration shortcuts */
.no-background {
	background:none;
}
.no-social-share .social-share,
.no-breadcrumbs #breadcrumbs {
	display:none;
}
.no-navigation .header #nav,
.no-navigation .header .promoted-links,
.no-navigation .header .search-form,
.no-navigation .header .language-selector {
	visibility:hidden;
}
<commit_msg>cross browser placeholder_color mixin in _helpers<commit_after>// ==========================================================================
//      Variables 
// ==========================================================================

// Basic Colors
@black: #000000;
@white: #ffffff;
@red-1: #D40000;

// Color palette from the styleguide + design color set
// By order of luminance

// Greens 
@greens-1: #003300;
@greens-2: #055905;
@greens-3: #467f0d;
@greens-4: #559f0c;
@greens-5: #57b105; // Or should it be #56b105; ?
@greens-6: #66cc00;

// Oranges 
@oranges-1: #ff6b08;

// Steel gray-blue hues
@steels-1: #282d38;
@steels-2: #383e49;
@steels-3: #4d535f;
@steels-4: #727886;
@steels-5: #9ca3b1;
@steels-6: #bdc3d1;
@steels-7: #d4dae8;
@steels-8: #e3e9f8;
@steels-9: #edf3ff;

// Blues-gray predominatly blue
@blues-1: #6e7f8b;
@blues-2: #baccd9;

// Grays
@grays-1: #333333;
@grays-2: #666666;
@grays-3: #8e8e8e;
@grays-4: #cccccc;


// ==========================================================================
//      Pure mixins
// ==========================================================================

// Border Radius
// Use as .rounded_all(3px); or .rounded_some(5%; 0; 5%; 0);
.rounded_all (@radius) {
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}
.rounded_some (@top1eft; @topright; @bottomright; @bottomleft) {
  -webkit-border-radius: @arguments;
  -moz-border-radius: @arguments;
  border-radius: @arguments;
}

// Box Shadow
// Use with just one argument, e.g. .boxshadow(none);
// or any number of valid arguments like inset, offset, blur, color...
.boxshadow (@none; ...) {
  -webkit-box-shadow: @arguments;
  -moz-box-shadow: @arguments;
  box-shadow: @arguments;
}

// Cross browser transitions
.transition(@properties) { 
  -webkit-transition: @properties;
  -moz-transition: @properties;
  transition: @properties;
}

// Cross browser transforms
.transform(@properties) {
  -webkit-transform: @properties;
  -moz-transform: @properties;
  -ms-transform: @properties;
  transform: @properties;
}
// Cross browser opacity
.opacity (@opacity) {
  @opacityPercentage: @opacity * 100;
  opacity: @opacity;
  -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=(@{opacityPercentage}))"; 
  filter: ~"alpha(opacity = (@{opacityPercentage}))";
}
// Cross browser placeholder text color
.placeholder_color (@color) {
  ::-webkit-input-placeholder { /* WebKit browsers */
    color: @color;
  }
  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: @color;
  }
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: @color;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    color: @color;
  }
}

/* ==========================================================================
	 Helper classes / mixins
	 ========================================================================== */
/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *	`contenteditable` attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements
 *	that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *	`:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

/*
 * Border radius
 */
.rounded {
	.rounded_all(3px);
}

/*
 * Color palette from the styleguide + design color set
 * By order of luminance
 */
/* Greens */
.greens-txt-1, 
.greens-sec-txt { color: @greens-1; }
.greens-txt-2	 { color: @greens-2; }
.greens-txt-3	 { color: @greens-3; }
.greens-txt-4	 { color: @greens-4; }
.greens-txt-5	 { color: @greens-5; } 
.greens-txt-6,
.greens-txt-pri { color: @greens-6; }
.greens-bg-1, 
.greens-sec-bg	{ background-color: @greens-1; }
.greens-bg-2	{ background-color: @greens-2; }
.greens-bg-3	{ background-color: @greens-3; }
.greens-bg-4	{ background-color: @greens-4; } 
.greens-bg-5	{ background-color: @greens-5; } 
.greens-bg-6, 
.greens-bg-pri	{ background-color: @greens-6; }
/* Oranges */
.oranges-txt-1, 
.oranges-txt-pri{ color: @oranges-1; }
.oranges-bg-1, 
.oranges-bg-pri { background-color: @oranges-1; }
/* Steel gray-blue hues */
.steels-txt-1	 { color:	@steels-1; }
.steels-txt-2	 { color:	@steels-2; }
.steels-txt-3	 { color:	@steels-3; }
.steels-txt-4	 { color:	@steels-4; }
.steels-txt-5	 { color:	@steels-5; }
.steels-txt-6	 { color:	@steels-6; }
.steels-txt-7	 { color:	@steels-7; }
.steels-txt-8	 { color:	@steels-8; }
.steels-txt-9	 { color:	@steels-9; }
.steels-bg-1	{ background-color:	@steels-1; }
.steels-bg-2	{ background-color:	@steels-2; }
.steels-bg-3	{ background-color:	@steels-3; }
.steels-bg-4	{ background-color:	@steels-4; }
.steels-bg-5	{ background-color:	@steels-5; }
.steels-bg-6	{ background-color:	@steels-6; }
.steels-bg-7	{ background-color:	@steels-7; }
.steels-bg-8	{ background-color:	@steels-8; }
.steels-bg-9	{ background-color:	@steels-9; }
/* Blues-gray predominatly blue */
.blues-txt-1	{ color: @blues-1; }
.blues-txt-2	{ color: @blues-2; }
.blues-bg-1	 { background-color: @blues-1; }
.blues-bg-2	 { background-color: @blues-2; }
/* Grays */
.grays-txt-1	{ color: @grays-1 }
.grays-txt-2	{ color: @grays-2 }
.grays-txt-3	{ color: @grays-3 }
.grays-txt-4	{ color: @grays-4 }
.grays-bg-1	 { background-color: @grays-1 }
.grays-bg-2	 { background-color: @grays-2 }
.grays-bg-3	 { background-color: @grays-3 }
.grays-bg-4	 { background-color: @grays-4 }

/*
 * Paper Box
 */
.paper {
	position:relative;
	margin:0 0 5px 2px;
	z-index:0;
	border:1px solid #eaeaea;
	.boxshadow(0px; 3px; 6px; 0px; rgba(0, 0, 0, 0.3));
}
.paper-content {
	background-color:#fbfbfb;
	padding:10px;
	min-height:25px;
}
.paper:before,
.paper:after,
.paper-content:before,
.paper-content:after {
	content:"";
	position:absolute;
	width:12px;
	height:12px;
}
.paper:before {
	top:-2px;
	left:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat left top;
}
.paper-content:before {
	top:-2px;
	right:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat right top;
}
.paper:after {
	bottom:-2px;
	left:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat left bottom;
}
.paper-content:after {
	bottom:-2px;
	right:-2px;
	background:transparent url(../../../img/v02/paper-corners.png) no-repeat right bottom;
}

/* page level configuration shortcuts */
.no-background {
	background:none;
}
.no-social-share .social-share,
.no-breadcrumbs #breadcrumbs {
	display:none;
}
.no-navigation .header #nav,
.no-navigation .header .promoted-links,
.no-navigation .header .search-form,
.no-navigation .header .language-selector {
	visibility:hidden;
}

{'fraction_non_alphanumeric': 0.22717869149211276, 'fraction_numerical': 0.037820015515903804, 'mean_word_length': 3.6762394195888755, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1422806', 'n_tokens_mistral': 6308, 'n_tokens_neox': 5930, 'n_words': 1301}