<commit_before>//
// Content pages
//

//
// list
//
.content-list {
    position: absolute;
    width: 33%;
    bottom: 0;
    top: 0;
    left: 0;

    border-right: $lightbrown 1px solid;
    background: #fff;

    .content-list-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        z-index: 400;

        padding: 10px 20px;

        box-shadow: rgba(0, 0, 0, 0.03) 0 2px 3px;

        font-size: 1.3rem;
        color: $brown;
        text-transform: uppercase;

        .content-list-title {
            font-size: 0.85em;
        }

        .content-add {
            position: absolute;
            top: 10px;
            right: 20px;

            .fa {
                margin-right: 5px;
            }
        }
    }

    .content-list-items {
        position: absolute;
        top: 40px;
        right: 0;
        bottom: 0;
        left: 0;

        overflow: auto;

        padding: 0;
        margin: 0;

        list-style: none;

        border-top: $lightbrown 1px solid;

        li {
            margin: 0;
            padding: 0;

            border-bottom: $lightbrown 1px solid;

            a {
                display: block;
                padding: 20px 20px;
                color: rgba(0,0,0,0.5);
                text-decoration: none;
            }
        }

        li.active {
            border-bottom: lighten($midgrey, 40%) 1px solid;
            background: lighten($lightbrown, 5%);
            box-shadow:
                lighten($midgrey, 40%) 0 -1px 0, // top border
                rgba(0,0,0,0.06) 7px 0 0 inset, // big left border
                lighten($midgrey, 40%) 1px 0 0 inset; // small left border
        }

        .item-title {
            font-size: 1.6rem;
            line-height: 1.25em;
            font-weight: normal;

            margin: 0 0 0.3em 0;
        }

        .item-meta {
            // @todo
        }
    }
}

//
// item
//
.content-item {
    position: absolute;
    width: 67%;
    bottom: 0;
    top: 0;
    right: 0;

    overflow: auto;

    background: #fff;
}

.content-item-menu {
    height: $content-item-menu-height;
    border-bottom: $lightbrown 1px solid;
    box-shadow: rgba(0, 0, 0, 0.03) 0 2px 3px;

    .content-date {
        float: left;
        margin: 15px;

        font-size: 0.85em;
    }

    .content-action-button {
        position: relative;

        float: right;
        margin: 20px 15px 15px 0px;

        .fa {
            margin-right: 5px;
        }
    }
}

.content-item-content {
    position: absolute;
    top: $content-item-menu-height;
    left: 0px;
    right: 0px;
    bottom: 0px;

    padding: 2% 5% 5% 5%;
    margin: 0 auto;
    overflow: auto;
}

//
// view item
//

.content-view-item {

}

//
// edit item
//

.content-item-menu {
    .edit-item-title {
        width: 80%;
        border: 0;
        margin: 10px 15px;
        padding: 0;
        font-size: 3.6rem;
        font-weight: bold;
        letter-spacing: -1px;
        background: transparent;
    }
}

.content-edit-item {
    .CodeMirror {
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;<commit_msg>Decreases post/edit title input field width<commit_after>//
// Content pages
//

//
// list
//
.content-list {
    position: absolute;
    width: 33%;
    bottom: 0;
    top: 0;
    left: 0;

    border-right: $lightbrown 1px solid;
    background: #fff;

    .content-list-header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        z-index: 400;

        padding: 10px 20px;

        box-shadow: rgba(0, 0, 0, 0.03) 0 2px 3px;

        font-size: 1.3rem;
        color: $brown;
        text-transform: uppercase;

        .content-list-title {
            font-size: 0.85em;
        }

        .content-add {
            position: absolute;
            top: 10px;
            right: 20px;

            .fa {
                margin-right: 5px;
            }
        }
    }

    .content-list-items {
        position: absolute;
        top: 40px;
        right: 0;
        bottom: 0;
        left: 0;

        overflow: auto;

        padding: 0;
        margin: 0;

        list-style: none;

        border-top: $lightbrown 1px solid;

        li {
            margin: 0;
            padding: 0;

            border-bottom: $lightbrown 1px solid;

            a {
                display: block;
                padding: 20px 20px;
                color: rgba(0,0,0,0.5);
                text-decoration: none;
            }
        }

        li.active {
            border-bottom: lighten($midgrey, 40%) 1px solid;
            background: lighten($lightbrown, 5%);
            box-shadow:
                lighten($midgrey, 40%) 0 -1px 0, // top border
                rgba(0,0,0,0.06) 7px 0 0 inset, // big left border
                lighten($midgrey, 40%) 1px 0 0 inset; // small left border
        }

        .item-title {
            font-size: 1.6rem;
            line-height: 1.25em;
            font-weight: normal;

            margin: 0 0 0.3em 0;
        }

        .item-meta {
            // @todo
        }
    }
}

//
// item
//
.content-item {
    position: absolute;
    width: 67%;
    bottom: 0;
    top: 0;
    right: 0;

    overflow: auto;

    background: #fff;
}

.content-item-menu {
    height: $content-item-menu-height;
    border-bottom: $lightbrown 1px solid;
    box-shadow: rgba(0, 0, 0, 0.03) 0 2px 3px;

    .content-date {
        float: left;
        margin: 15px;

        font-size: 0.85em;
    }

    .content-action-button {
        position: relative;

        float: right;
        margin: 20px 15px 15px 0px;

        .fa {
            margin-right: 5px;
        }
    }
}

.content-item-content {
    position: absolute;
    top: $content-item-menu-height;
    left: 0px;
    right: 0px;
    bottom: 0px;

    padding: 2% 5% 5% 5%;
    margin: 0 auto;
    overflow: auto;
}

//
// view item
//

.content-view-item {

}

//
// edit item
//

.content-item-menu {
    .edit-item-title {
        width: 60%;
        border: 0;
        margin: 10px 15px;
        padding: 0;
        font-size: 3.6rem;
        font-weight: bold;
        letter-spacing: -1px;
        background: transparent;
    }
}

.content-edit-item {
    .CodeMirror {
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
{'fraction_non_alphanumeric': 0.12407063197026022, 'fraction_numerical': 0.04337050805452292, 'mean_word_length': 1.2537521815008725, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2633935', 'n_tokens_mistral': 2446, 'n_tokens_neox': 2094, 'n_words': 528}