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

///
/// 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;
    }
}