@mixin lui_raised($z: 1) {
	box-shadow: unquote(map-get(luiTheme(adjective, raised, elevations), $z));
}

%lui_no_shadow_top {
	clip: rect(0px, 100vw, 100vh, -100vw);
}


// Z-depth levels based on Material Design
// Based on https://medium.com/@Florian/freebie-google-material-design-shadow-helper-2a0501295a2d

// Level 1: switch
// Level 2: raised button, card, search box, refresh indicator
// Level 3: menu, sub menu, bottom nav bar
// Level 4: nav drawer, right drawer, modal bottom sheet
// Level 5: dialog, picker
// ====
@if luiTheme(adjective, raised, enabled) {
	#{$prefix}.raised {
		@include lui_raised(1);
	}
	@for $i from 1 through length(luiTheme(adjective, raised, elevations)) {
		#{$prefix}.raised[elevation="#{$i}"] {
			@include lui_raised($i);
		}
	}
}