@alegendstale/holly-components/dist/components/color-palette/menu/color-palette-menu.styles.js

Reusable UI components created using lit

import { css as r } from "lit";
const t = r`
	:host {
		display: block;
	}

	menu {
		display: grid;
		grid-template-columns: 1fr;
		padding: 0.5rem;
		margin: 0;
		border-radius: 5px;
		color: rgb(245, 245, 245);
		background-color: #222222;
	}

	li {
		display: grid;
		grid-template-columns: subgrid;
		list-style: none;
	}

	button {
		display: grid;
		grid-template-columns: auto 1fr auto;
		align-items: center;
		justify-items: flex-start;
		column-gap: 0.5rem;
		background-color: inherit;
		color: inherit;
		border: none;
		cursor: pointer;
		padding: 4px 8px;
		text-wrap: nowrap;

		&:hover {
			background-color: #323232;
		}

		span {
			font-size: 14px;
		}
	}

	hr {
		width: 95%;
		border-color: rgb(45, 45, 45);
	}
`;
export {
  t as default
};