// ============================================================================
// StyleScape | Development | Debug
// ============================================================================

// Debug Mixin
// A debug mixin to output property values directly into the DOM for quick
// debugging purposes, particularly useful during development.
@mixin debug($property, $value) {
    &:after {
        content: "#{$property}: #{$value}";
        display: block;
        background-color: yellow;
        color: black;
        font-size: q(12);
        padding: q(2);
    }
}