html {
    font-size: 14px;
}

.header {
    background: #2980b9;
    padding: 1rem;
    text-align: center;

    h1 {
        margin: 0;
        font-size: 2rem;
        font-family: $title-font;

        a {
            color: white;
            text-decoration: none;

            .octicon {
                width: 2rem;
                height: 2.8rem;
                margin-right: 0.5rem;
            }
        }
    }

    .shell {
        width: 85%;
        margin: 1rem auto 0;

        .CodeMirror {
            height: 100%;
            text-align: left;
            padding: 0 8px;
            border-radius: 10px;
        }
    }
}

table {
    width: 100%;
    font-size: 1rem;
    font-family: $mono-font;

    tr {
        cursor: pointer;
        color: $text-blue;
        border-bottom: 1px solid $border-black-fade;

        &:hover {
            background-color: $blue-000;
        }

        &.up-tree {
            font-weight: bold;
        }
    }

    td {
        line-height: 1.5rem;
        padding: 0.5rem 0.3rem;

        &.icon {
            color: rgba($blue-800, 0.5);
            padding-left: 0.7rem;
            padding-right: 0.2rem;
            width: 1.4rem;

            .octicon {
                vertical-align: sub;
            }
        }

        &.size {
            color: $text-gray;
        }
    }
}

.editor {
    height: 100%;
}

.markdown-body {
    padding: 10px;
    /*
    * 统一prism与@primer的代码背景色
    */
    pre[class*="language-"] {
        background-color: rgba($black, 0.05);
    }
}
/*
* 修正 shell编辑器
*/
.cm-s-default .cm-def {
    font-style: normal;
}

.CodeMirror {
    font-family: $mono-font;
}
/*
* 修正 内容编辑器初始化的颜色等
*/
.CodeMirror.cm-s-darcula {
    background: #2b2b2b;
    height: 100%;
    font-family: $mono-font;
}
/*
* 编辑器和markdown默认不显示
*/
.hidden {
    display: none;
}
/*
* 修复markdown模式时不能滚动的问题
*/
.overflow {
    overflow: auto;
}