react-hartan/Components/Snippet/Snippet.module.css

A simple components library for React

/* Snippet Styling */


/* snippet container */
.snippet{
    background-color: rgb(30, 29, 29);
    border: .3rem solid #1e90ff;
    border-radius: .5rem;
    padding: .7rem 2rem;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* container for snippet and copy/copied icon */
.snippet pre code{
display: flex;
justify-content: center;
align-items: center;
gap: 1.33rem;
}

/* snippet text styling */
.snippetText{
    font-size: medium;
    font-family: 'Cascadia Code', sans-serif;
    font-weight: 300;
    color: #fff;
}