<commit_before>@charset "utf-8";
/* ---------------------------------------------- */
/* ==Les Elements d'un formulaire 	              */
/* Modules, titles, btns, blocks, ...             */
/* ---------------------------------------------- */

//>Couleur de selection dans un champ texte
input[type="text"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="tel"],
textarea
{
	&::-moz-selection {
		background:$color6;
		color:$color3;
	}
	&::selection {
		background:$color6;
		color:$color3;
	} 
}
//>Style du place holder
::-webkit-input-placeholder {
	color:$gris2;
}
:-moz-placeholder { /* Firefox 18- */
	color:$gris2;
}
::-moz-placeholder {  /* Firefox 19+ */
	color:$gris2;
}
:-ms-input-placeholder {
	color:$gris2;
}
input::-moz-placeholder { color:$gris2; }

//>Le labal
.label,
label{
	font-weight:400;
	font-family:$font-R;
	color:$color5;
	font-size:1.2rem;
	text-transform:uppercase;
}

//>Input title (spécial)
input.title{
	padding:13px 0;
	font-family:$font-BL;
	font-size:3.0rem;
	line-height:(3.2/3.0);
	color:$alpha-color;
	border:none;
	border-bottom:1px solid $gris1;
	
	&.focus,
	&:focus{
		border-color:$cVertClair;
	}
}
//>Input
	select,
	input,
	textarea{
		display:inline-block;
		padding:11px 13px;
		font-weight:400;
		color:$alpha-color;
		font-family:$font-M;
		background-color:$base-background;
		border:1px solid $gris2;
		border-radius:0;
		outline: none;
		-webkit-focus-ring-color: none;
		border-radius: 0;
		appearance: none;
	}
	textarea{
		line-height:normal;
		width:100%;
		height:210px;
	}
	[type="text"],
	[type="email"],
	[type="password"]
	{
		//width:100%;
		min-width:200px;
		&.focus,
		&:focus{
			border-bottom-color:$cVertClair;
		}
	}

//>Select customisé
%formSelect,
.formSelect{
	border-radius:0;
	cursor:pointer;
	background-image:url('#{$image-url-parchemin}/css/select-chevron-full--black-x1.png');
	background-position: calc(100% - 12px - 10px) 50% ;
	background-size: 5px 3px;
	background-repeat: no-repeat;
	max-width:100%;//Fix debordement sur petit device
	min-width:200px;
	&:focus{
		outline-offset: -2px;
		outline:transparent;
		//border-bottom-color:red;
	}

&:-moz-focus-inner,
&:-webkit-focus-inner,
&:focus-inner
{
    border:0;
}
&:focus{-moz-outline-style: none;}

	option{
		margin:0;
		padding:0;
		&:hover,
		&:active{
			background: rgba(20, 20, 20, 0.2);
 		}
	}

	option {
		color: red;
	}
	option:checked {
		color:green;
		border-bottom-color:$cVertClair;
	}

	option:hover,
	option:focus,
	option:active,
	option:checked {
		background: linear-gradient(#5A2569, #5A2569);
	}
}
//Pour supprimer la fleche de base dans IE
.basiqForm .formSelect::-ms-expand,
.formSelect::-ms-expand {
	display: none;
}

//>Personnalisation des checkbox et btn radio
.formCase{
	/* Cachons la case à cocher */
	[type="checkbox"]:not(:checked),[type="radio"]:not(:checked),
	[type="checkbox"]:checked,[type="radio"]:checked
	{
		position: absolute;
		left: -9999px;
	}
	/* on prépare le label */
	[type="checkbox"]:not(:checked) + label, [type="radio"]:not(:checked) + label,
	[type="checkbox"]:checked + label, [type="radio"]:checked + label{
		position: relative; /* permet de positionner les pseudo-éléments */
		display:inline-block;
		padding-left: 30px; /* fait un peu d'espace pour notre case à venir */
		cursor: pointer;    /* affiche un curseur adapté */
		color:$alpha-color;
		font-size:1.4rem;
		text-transform:none;

		text-rendering: auto;<commit_msg>Suppression style select (focus, selected)<commit_after>@charset "utf-8";
/* ---------------------------------------------- */
/* ==Les Elements d'un formulaire 	              */
/* Modules, titles, btns, blocks, ...             */
/* ---------------------------------------------- */

//>Couleur de selection dans un champ texte
input[type="text"],
input[type="email"],
input[type="date"],
input[type="search"],
input[type="tel"],
textarea
{
	&::-moz-selection {
		background:$color6;
		color:$color3;
	}
	&::selection {
		background:$color6;
		color:$color3;
	} 
}
//>Style du place holder
::-webkit-input-placeholder {
	color:$gris2;
}
:-moz-placeholder { /* Firefox 18- */
	color:$gris2;
}
::-moz-placeholder {  /* Firefox 19+ */
	color:$gris2;
}
:-ms-input-placeholder {
	color:$gris2;
}
input::-moz-placeholder { color:$gris2; }

//>Le labal
.label,
label{
	font-weight:400;
	font-family:$font-R;
	color:$color5;
	font-size:1.2rem;
	text-transform:uppercase;
}

//>Input title (spécial)
input.title{
	padding:13px 0;
	font-family:$font-BL;
	font-size:3.0rem;
	line-height:(3.2/3.0);
	color:$alpha-color;
	border:none;
	border-bottom:1px solid $gris1;
	
	&.focus,
	&:focus{
		border-color:$cVertClair;
	}
}
//>Input
	select,
	input,
	textarea{
		display:inline-block;
		padding:11px 13px;
		font-weight:400;
		color:$alpha-color;
		font-family:$font-M;
		background-color:$base-background;
		border:1px solid $gris2;
		border-radius:0;
		outline: none;
		-webkit-focus-ring-color: none;
		border-radius: 0;
		appearance: none;
	}
	textarea{
		line-height:normal;
		width:100%;
		height:210px;
	}
	[type="text"],
	[type="email"],
	[type="password"]
	{
		//width:100%;
		min-width:200px;
		&.focus,
		&:focus{
			border-bottom-color:$cVertClair;
		}
	}

//>Select customisé
%formSelect,
.formSelect{
	border-radius:0;
	cursor:pointer;
	background-image:url('#{$image-url-parchemin}/css/select-chevron-full--black-x1.png');
	background-position: calc(100% - 12px - 10px) 50% ;
	background-size: 5px 3px;
	background-repeat: no-repeat;
	max-width:100%;//Fix debordement sur petit device
	min-width:200px;
	&:focus{
		outline-offset: -2px;
		outline:transparent;
		//border-bottom-color:red;
	}

&:-moz-focus-inner,
&:-webkit-focus-inner,
&:focus-inner
{
    border:0;
}
&:focus{-moz-outline-style: none;}
	/*
	option{
		margin:0;
		padding:0;
		&:hover,
		&:active{
			background: rgba(20, 20, 20, 0.2);
 		}
	}

	option {
		color: red;
	}
	option:checked {
		color:green;
		border-bottom-color:$cVertClair;
	}

	option:hover,
	option:focus,
	option:active,
	option:checked {
		background: linear-gradient(#5A2569, #5A2569);
	}
	*/
}
//Pour supprimer la fleche de base dans IE
.basiqForm .formSelect::-ms-expand,
.formSelect::-ms-expand {
	display: none;
}

//>Personnalisation des checkbox et btn radio
.formCase{
	/* Cachons la case à cocher */
	[type="checkbox"]:not(:checked),[type="radio"]:not(:checked),
	[type="checkbox"]:checked,[type="radio"]:checked
	{
		position: absolute;
		left: -9999px;
	}
	/* on prépare le label */
	[type="checkbox"]:not(:checked) + label, [type="radio"]:not(:checked) + label,
	[type="checkbox"]:checked + label, [type="radio"]:checked + label{
		position: relative; /* permet de positionner les pseudo-éléments */
		display:inline-block;
		padding-left: 30px; /* fait un peu d'espace pour notre case à venir */
		cursor: pointer;    /* affiche un curseur adapté */
		color:$alpha-color;
		font-size:1.4rem;
		text-transform:none;

		text-rendering: auto;
{'fraction_non_alphanumeric': 0.2068816585084941, 'fraction_numerical': 0.029657356752087534, 'mean_word_length': 3.476159793814433, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, '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': '3058902', 'n_tokens_mistral': 2936, 'n_tokens_neox': 2650, 'n_words': 479}