Spiderpig86/Cirrus

.level.fill-height example in docs isn't performing as expected

EttinCon opened this issue · 1 comments

.level.fill-height example in docs isn't performing as expected.

URL: https://cirrus-ui.netlify.app/layout/level
Screenshots:
image

Hey @EttinCon! Thanks for the report! I have tested the fix and pushed it. This will be out in the next release 0.7.2. Meanwhile, you can add this snippet to your stylesheets for project using 0.6.2 or newer to fix it on your end.

	@media screen and (min-width: 768px) {
		.level-right {
			margin-left: 1rem;
		}

		/* Keep all level children the same height */
		.level.fill-height {
			align-items: stretch;
			display: flex;
		}
	}