/*
 * Plugin Name: Front End CodeMirror
 * Plugin URI:
 * Description: Add CodeMirror to the front end
 * Author: Gareth Hadfield
 * Author URI:
 * Version: 0.0.1
 */


/* CodeMirror auto height */

.front_end_code_mirror.CodeMirror{
	height:auto;
 	border:solid #f0f0f0 1px;
 	clear:both;
}

.front_end_code_mirror .CodeMirror-scroll{
	max-height:400px;
}


/* Fix Scrollbars on dark backgrounds */

body{
  --scrollbar-color:#c0c0c0;
  --scrollbar-thumb-color:#a0a0a0;
}

.front_end_code_mirror div{
  scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-color);
}

.front_end_code_mirror div::-webkit-scrollbar{
  width:10px;
}

.front_end_code_mirror div::-webkit-scrollbar-track{
  background:var(--scrollbar-color);
	opacity:0.5;
}

.front_end_code_mirror div::-webkit-scrollbar-thumb{
  background-color:var(--scrollbar-thumb-color);
}


/* Theme Selector */

.front_end_code_mirror_theme_selector{
	font-size:10px;
	float:right;
}

.front_end_code_mirror_theme_selector>button, .front_end_code_mirror_theme_selector>div{
	display:inline-block;
}

.front_end_code_mirror_theme_selector>div{
	text-align:center;
	width:100px;
	max-width:100px;
	white-space:nowrap;
	overflow:hidden;
	padding:0px;
}

.front_end_code_mirror_theme_selector>button{
	cursor:pointer;
	margin:2px;
	padding-top:0px;
	padding-bottom:0px;
}

.front_end_code_mirror_theme_selector>button:hover{
	background-color:#f0f0f0;
}

/* Copy Button */

.front_end_code_mirror_copy_button{
	margin:2px;
	text-align:center;
	float:right;
	width:auto;
}

.front_end_code_mirror_copy_button>button{
	font-size:16px;
	display:inline-block;
	cursor:pointer;
	margin:2px;
	padding-top:0px;
	padding-bottom:0px;
}

.front_end_code_mirror_copy_button>button:hover{
	background-color:#f0f0f0;
}