// ============================================================================
// 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: 12px;
        padding: 2px;
    }
}