JSFiddle - React, Tailwind, and code Playground

by Wagner Souza

CSS

.log {
        font: 100 12px 'Trebuchet MS', sans-serif;
    }
    
    .log.debug {
        color: hsl(0, 0%, 60%);
    }
    
    .log.success {
        color: hsl(85, 79%, 35%);
    }
    
    .log.error {
        color: hsl(11, 68%, 52%);
    }
    
    .log.info {
        color: hsl(200, 53%, 37%);
    }