<commit_before>/*
Popovers

Popovers are used to provide additional content to a user on pages that have
limited space. Content elements, such as paragraphs, divs, or table cells,
will have an icon inserted at the end of the element automatically to provide
an obvious interaction point for a user.

Action elements, such as buttons, links, or inputs, will have a popup on focus
or hover, but it is up to the implementer to provide an icon.

markup:
<div>
	<button popover="Look a popover!">Sample Popover</button>
    <button popover popover-title="Example Popover Title" popover="This is a popover with a title">Popover With Title</button>
    <button popover popover-template="">Complex Popover</button>
	<p popover="Some extra information about this paragraph" popover-title="Sample Title">
		Very soon the Rabbit noticed Alice, as she went hunting about, and called out to her in an angry tone, `Why, <NAME>, what are you doing out here? Run home this moment, and fetch me a pair of gloves and a fan! Quick, now!' And Alice was so much frightened that she ran off at once in the direction it pointed to, without trying to explain the mistake it had made.
	</p>
    <form>
		<label for="examplePopoverInput">Example Input Popover</label>
		<input id="examplePopoverInput" type="text" popover="This is how an input popover looks" />
		<!-- <label><input type="checkbox" ng-value="disableInputPopover" />Disable input popover</label> -->
    </form>
</div>

Styleguide 1.5
*/

.popover > h3 {
	background-color: $background-color-alt;
	color: $brand-primary;
	font-size: 1em;
	line-height: 1em;
	padding: 0.5em 2em;
	margin: 0em;<commit_msg>Tweaked header styles and close button location<commit_after>/*
Popovers

Popovers are used to provide additional content to a user on pages that have
limited space. Content elements, such as paragraphs, divs, or table cells,
will have an icon inserted at the end of the element automatically to provide
an obvious interaction point for a user.

Action elements, such as buttons, links, or inputs, will have a popup on focus
or hover, but it is up to the implementer to provide an icon.

markup:
<div>
	<button popover="Look a popover!">Sample Popover</button>
    <button popover popover-title="Example Popover Title" popover="This is a popover with a title">Popover With Title</button>
    <button popover popover-template="">Complex Popover</button>
	<p popover="Some extra information about this paragraph" popover-title="Sample Title">
		Very soon the Rabbit noticed Alice, as she went hunting about, and called out to her in an angry tone, `Why, <NAME>, what are you doing out here? Run home this moment, and fetch me a pair of gloves and a fan! Quick, now!' And Alice was so much frightened that she ran off at once in the direction it pointed to, without trying to explain the mistake it had made.
	</p>
    <form>
		<label for="examplePopoverInput">Example Input Popover</label>
		<input id="examplePopoverInput" type="text" popover="This is how an input popover looks" />
		<!-- <label><input type="checkbox" ng-value="disableInputPopover" />Disable input popover</label> -->
    </form>
</div>

Styleguide 1.5
*/

.popover > button.close {
	position: absolute;
	top: 0px;
	right: 0px;
}

.popover > h3 {
	background-color: $background-color-alt;
	color: $brand-primary;
	font-size: 1em;
	line-height: 1em;
	padding: 0.5em;
	padding-right: 2em;
	margin: 0em;
{'fraction_non_alphanumeric': 0.09498680738786279, 'fraction_numerical': 0.005863383172090296, 'mean_word_length': 4.494363929146538, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 46, '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': '5992069', 'n_tokens_mistral': 1018, 'n_tokens_neox': 984, 'n_words': 456}