LESS mixin для верстки моделью grid с обводкой

LESS mixin для верстки моделью grid с обводкой

.bordered-grid(@cols, @border_size: 1px, @border_style: solid, @border_color: #666)	{ border: @border_size @border_style @border_color; border-top: 0; display: grid; grid-template-columns: repeat(@cols, 1fr);
	& > div.interim       { display: contents; }
	& > div.interim > div { padding: 1rem 3rem; border-right: @border_size @border_style @border_color; border-top: @border_size @border_style @border_color; }
	& > div.interim > div:nth-child(@{cols}n + @{cols}) { border-right: 0; }
	& > div.interim:nth-child(odd) > div  { background-color: #ddd; }
	& > div.interim:nth-child(even) > div { background-color: #fefefe; }
}