react-elegant-ui/components/Menu/_size/Menu_size_l.css

Elegant UI components, made by BEM best practices for react

.Menu_size_l .Menu-Container {
	font-size: var(--menu-size-l-font-size);
}

/* edge gaps */
.Menu_size_s .Menu-Container::before,
.Menu_size_s .Menu-Container::after {
	display: block;
	content: '';
	height: var(--menu-size-m-container-indent);
}

.Menu_size_l .Menu-Item {
	padding: 0 var(--menu-size-m-item-indent);
	line-height: var(--menu-size-m-item-line-height);
}

.Menu_size_l .Menu-Item_raw {
	padding: 0;
}

.Menu_size_l .Menu-GroupTitle {
	line-height: var(--menu-size-m-title-line-height);
	padding: 0 var(--menu-size-m-title-indent);
}

.Menu_size_l .Menu-ItemContent:not(.Menu-ItemContent_raw) {
	padding: 0 var(--menu-size-m-item-indent);
}

.Menu_size_l .Menu-ItemContent:not(.Menu-ItemContent_raw) > *:not(:last-child) {
	margin-inline-end: var(--menu-indent-m);
}