RVFET's Codepen by rvfet

/* ==UserStyle==
@name           RVFET's Codepen
@namespace      Some little tweaks to make Codepen's editor look simpler
@version        1.0.0
==/UserStyle== */
@-moz-document regexp("https://codepen.io/.*/pen/.*") {
#react-pen-footer {
    display: none;
}

body {
    padding: 0;
}

header,
header * {
    max-height: 40px;
}

header button {
    transform: scale(0.8);
}

.ItemTitle_text-L5Z9D {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

.powers {
    height: 20px;
}

h2.box-title {
    height: 20px;
}

@-moz-document domain("codepen.io") {

    body.layout-side .top-boxes {
        min-width: 0;
    }
    body.layout-top .top-boxes {
        height: 0;
        min-height: 0;
    }
    .main-header {
        min-width: 0;
    }

    .pen-settings-modal {
        min-width: 75vw;
    }

    @media (max-width: 720px) {
        html {
            font-size: 10px;
        }
        .primary-actions > a,
        .primary-actions > button,
        .primary-actions > .button,
        .primary-actions > .file-upload-button,
        .primary-actions > .multi-button,
        .view-switcher-area .button {
            font-size: 0;
        }
        #save-as-private::before {
            content: '(';
            font-size: 1rem;
        }
        #save-as-private::after {
            content: ')';
            font-size: 1rem;
        }
    }
}
}