src/playground/interface.css

@import "../css/colors.css";

/* Base styles used by Scratch https://github.com/LLK/scratch-www/blob/develop/src/main.scss */
h1,
h2,
h3,
h4,
h5,
p {
    margin: 0;
    padding: 0;
    border: 0;
}
h1,
h2,
h3,
h4,
h5 {
    font-weight: bold;
    line-height: 1.7em;
}
h1 {
    font-weight: 2.5rem;
}
h2 {
    font-weight: 2rem;
}
h3 {
    font-size: 1.4rem;
}
h4 {
    font-size: 1rem;
}
a {
    color: $link-color;
    cursor: pointer;
    text-decoration: underline;
}

.container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: $page-background;
}

.editor {
    height: 100%;
}
.editor .center {
    height: 100%;
}

.player-only .center {
    margin: auto;
}
.menu {
    margin-bottom: 8px;
}
.section {
    margin: 8px 0 8px 0;
}

.footer {
    padding: 10px 0;
    margin-top: 10px;
    border-top: 2px solid $ui-black-transparent;
}
.footer a {
    font-weight: bold;
    text-decoration: none;
}
.footer-content {
    max-width: 600px;
    margin: auto;
}
.footer-text {
    text-align: center;
    margin: 5px 0 10px 0;
}
.footer-columns {
    display: flex;
    justify-content: center;
    justify-items: center;
    flex-wrap: wrap;
}
.footer-section {
    display: flex;
    flex-direction: column;
    width: 200px;
    margin-bottom: 10px;
}
.footer-section > * {
    margin-bottom: 10px;
}

.infobox {
    line-height: 1.5em;
    padding: 0.5rem;
    margin: 5px 0 8px 0;
    border-radius: 0.5rem;
    border: 1px solid #b9d6ff;
    background-color: #dbebff;
}
.infobox p {
    margin: 4px 0;
}
.infobox a {
    font-weight: bold;
    text-decoration: none;
}

.unshared-update {
    border-color: #ff52526e;
    background-color: #ff525240;
}