Tiny File Manager

Back Back Up Advanced Editor

[class*="wp-block-generateblocks-"] {
	& > .block-list-appender {
		position: relative;
		width: 35px;
		padding: 0;

&:not(:first-child) {
			margin-top: 10px;
		}

&:empty {
			display: none;
		}
	}

button.components-button.gb-block-appender__button {
		background: #000;
		color: #fff;
		padding: 5px;
		height: 35px;
		width: 35px;
		min-height: 35px;
		box-sizing: border-box;
		padding: 5px;

&:hover {
			background-color: var(--wp-admin-theme-color);
			color: #fff;
		}

&:not(:hover) {
			box-shadow: inset 0 0 0 1px #444;
		}
	}
}

.components-button.gblocks-element-selector {
	display: block;
	text-align: left;
	color: inherit;
	padding: 0;
	border: 0;
	height: 35px;

.gblocks-element-selector__icon {
		background: #fff;
		opacity: 0.3;
		display: inline-flex;
		height: 35px;
		width: 35px;
		align-items: center;
		justify-content: center;
		border-radius: 2px;
		transition: opacity 500ms ease;

svg {
			width: 35px;
			height: 35px;
			transform: scale(0.7);
			color: #000;
		}
	}

&:hover, &:focus {
		.gblocks-element-selector__icon {
			opacity: 0.4;
		}
	}
}