.all-used-colors {
    .row {
        .col{
            display: flex;
            width: 100%;
            flex-wrap: wrap;
            gap: 10px;
            h3{
                width: 100%;
                flex: 1 0 auto;
            }
        }
    }
    .var,
    .code {
        width: 100%;
        display: block;
    }
    .box {
        margin-bottom: 35px;
    }
    .colored {
        width: 100px;
        height: 100px;
        display: block;
        border: 1px solid var(--base-1000);
        margin-bottom: 8px;
    }
}