<commit_before><link rel="import" href="../../bower_components/polymer/polymer.html">

<link rel="import" href="../qb-ui-styles/qb-ui-styles.html">

<dom-module id="qb-ui-toolbar-button-styles">
	<template>
		<style>

			:host .qb-toolbar-button{
				display: inline-block;
				@apply(--layout-horizontal);
				@apply(--layout-center);
				background-color: var(--qb-white);
				min-width: 0;
				min-height: 0;
				padding: 0.2em 0.4em;
				margin: 0 0.29em;
				border-radius: 10px;
				border: solid 2px var(--qb-interactive-color-transparent);
				box-shadow: 0 0 0 2px var(--qb-interactive-color-transparent);
				text-transform: inherit;
				color: var(--qb-black);
			}
			:host .qb-toolbar-button iron-icon{
				--iron-icon-width: 30px;
				--iron-icon-height: 30px;
			}
			:host .qb-toolbar-button .label{
				font-size: 0.5rem;
				margin: 0 0.3rem;
			}
			/*:host .qb-toolbar-button paper-tooltip{
				--paper-tooltip:{
					z-index: 999;
					min-width: 70px;
				};
			}*/
			:host .qb-toolbar-button .hover{
				display: none;
			}
			:host .qb-toolbar-button .hover{
				display: none;
			}
			:host .qb-toolbar-button:hover .hover{
				display: inline-block;
			}
			:host .qb-toolbar-button .normal{
				display: inline-block;
			}
			:host .qb-toolbar-button:hover .normal{
				display: none;
			}

			@media (max-width: 500px) {
				:host .qb-toolbar-button .label{
					display: none;
				}
			}
		</style>
	</template>
</dom-module><commit_msg>Added more styles to toolbar button<commit_after><link rel="import" href="../../bower_components/polymer/polymer.html">

<link rel="import" href="../qb-ui-styles/qb-ui-styles.html">

<dom-module id="qb-ui-toolbar-button-styles">
	<template>
		<style>

			:host .qb-toolbar-button{
				display: inline-block;
				@apply(--layout-horizontal);
				@apply(--layout-center);
				background-color: var(--qb-white);
				min-width: 0;
				min-height: 0;
				padding: 0.2rem 0.4rem;
				margin: 0 0.29rem;
				border-radius: 10px;
				border: solid 2px var(--qb-interactive-color-transparent);
				box-shadow: 0 0 0 2px var(--qb-interactive-color-transparent);
				text-transform: inherit;
				color: var(--qb-black);
			}
			:host([no-border]) .qb-toolbar-button{
				border: none;
				box-shadow: none;
			}
			:host .qb-toolbar-button iron-icon{
				--iron-icon-width: 30px;
				--iron-icon-height: 30px;
			}
			:host .qb-toolbar-button .text{
				@apply(--layout-vertical);
				margin: 0 0.3rem;
			}
			:host .qb-toolbar-button .label{
				font-size: 0.6rem;

			}
			:host .qb-toolbar-button .header{
				font-weight: bold;
				font-size: 0.8rem;
			}
			:host([error]) .qb-toolbar-button .header{
				color: var(--qb-red);
			}
			:host([success]) .qb-toolbar-button .header{
				color: var(--qb-green-dark);
			}
			/*:host .qb-toolbar-button paper-tooltip{
				--paper-tooltip:{
					z-index: 999;
					min-width: 70px;
				};
			}*/
			:host .qb-toolbar-button .hover{
				display: none;
			}
			:host .qb-toolbar-button .hover{
				display: none;
			}
			:host .qb-toolbar-button:hover .hover{
				display: inline-block;
			}
			:host .qb-toolbar-button .normal{
				display: inline-block;
			}
			:host .qb-toolbar-button:hover .normal{
				display: none;
			}

			@media (max-width: 500px) {
				:host .qb-toolbar-button .header,
				:host .qb-toolbar-button .label{
					display: none;
				}
			}
		</style>
	</template>
</dom-module>
{'fraction_non_alphanumeric': 0.17757557968887586, 'fraction_numerical': 0.02054593484003522, 'mean_word_length': 2.4493927125506074, 'pattern_counts': {'":': 0, '<': 19, '<?xml version=': 0, '>': 19, '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': '6989430', 'n_tokens_mistral': 1673, 'n_tokens_neox': 1295, 'n_words': 240}