Foundation Breakpoint Indicator

// Add to footer.php before </body> closing tag
<?php if(is_user_logged_in()):
?>

	<!--
	DeBugger - breakpoint indicator
	Inspired by Darin @ Meta13
	-->
	<div class="breakpoint-indicator"></div>
<?php endif; ?>

// Add to footer.scss
// DeBugger - breakpoint indicator
// Inspired by Darin @ Meta13
// Adapted by Chris @ Meta13
.breakpoint-indicator {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 4px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;

    &:after{
        @include breakpoint(small only) {
            content: 'small';
        }

        @include breakpoint(medium only) {
            content: 'medium';
        }

        @include breakpoint(large only) {
            content: 'large';
        }

        @include breakpoint(xlarge only) {
            content: 'xlarge';
        }

        @include breakpoint(xxlarge only) {
            content: 'xxlarge';
        }

    }
}