//
//** Code Component
//

//== Component Base
@mixin m-build-component--typography-code-base() {
    code {
    	padding: 0.2rem 0.4rem;
    }
}


//== Component Skin
@mixin m-build-component--typography-code-skin($skin) {
    code {
        background: get-color($skin, panel);    
    }
}

//== Build Component Base
@include m-build-component--typography-code-base();

//== Build Component - Light Skin
@include m-build-component--typography-code-skin(light);