SCSS dump

Harry, 7 months ago

Current SCSS dump:

// Animation
@keyframes fader {
    0% {
        opacity: 0;
        transform: translateY(25%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
$dark-gray: #1e1e1e;
$light-gray: #494949;
$basically-black: #0f0f0f;
$text: white;
div {
    animation: 1s fader ease;
} 
& {
    display: block;
    background-color: $dark-gray;
    h1, h2, h3 ,h4 ,h5 ,h6, p, pre {
        color: $text !important;
    }
    * p {
        color: $text !important;
    }
    min-height: 100vh !important;
    * {
        outline: 0px !important;
    }
    + .footer {
        background-color: $dark-gray;
        text-align: center;
        align-content: center;
        vertical-align: middle;
        height: 50px;
        padding-bottom: 5rem;
        & + .container p {
             color: $text !important;
        }
        &::before {
            content: "Developer Information:";
            color: #626262;
            font-size: 11px;
            font-weight: bolder;
        }
    }
    .comment-header-text, .d-inline-block {
        color: #605e5e;
    }
}
.content-column {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    vertical-align: middle;
    margin: 0 auto;
}
.sidebar {
    h4::after {
        content: "CSS GOD";
        margin-left: 5px;
        font-size: 10px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 5px;
        padding: 2px;
        font-weight: bolder;
        border: 1px solid black;
        background: red;
        color:black;
    }
}
.hljs {
        background-color: $basically-black;
        color: $text;
        .hljs-name {
            color: $text !important;
        }
        .hljs-tag {
            color: red !important;
        }
}
.section {
    & pre, .CodeMirror-scroll {
        background: $basically-black;
        border-radius: 5px;
        color: $text;
    }
    &.list.posts {
        padding-bottom: 0px;
        &::before {
            content: "Posts:";
            color: red;
            font-size: 20px;
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
    }
    &.list-item.post {
        color: $text;
        background: $basically-black;
        padding: 35px 44px;
        border-radius: 8px;
        margin: -5px auto 55px auto;
        width: 90%;
        word-wrap: break-word;
    }
}
.sidebar-column, .sidebar {
    text-align: center;
    .rounded {
        border-radius: 100% !important;
        height: 100%;
    }
    .nav.flex-column {
        text-align: left;
    }
    .text-muted {
        color: $light-gray !important;
    }
}
.editor-toolbar {
    border:0;
    background: $basically-black;
    a {
        color :red !important;
    }
    & i.separator {
        border-left: 1px solid #f00;
        border-right: 1px solid #f00;
    }
}
.CodeMirror-scroll {
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}