import { css } from 'lit';

export const refButtonBaseStyles = css`
	:host {
		box-sizing: border-box;
		display: flex;
		align-items: center;
		max-width: 100%;
	}

	* {
		box-sizing: border-box;
	}
`;

export const pickerIconStyles = css`
	code-icon.picker-icon {
		/* margin-top: 0.4rem; */
		margin-right: -0.25rem;
		font-size: var(--gl-font-micro);
	}

	code-icon.picker-icon::before {
		margin-left: -0.4rem;
	}
`;

export const truncatedButtonStyles = css`
	.truncated-button {
		min-width: 0;
		max-width: 100%;
	}

	gl-button[disabled] {
		cursor: default;
		opacity: 1;
	}

	.truncated-button__label {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
`;
