.blog-edit {
    .article-form {
        input,
        textarea {
            padding: .1rem;
            width: calc(100% - .2rem);
            margin: 0;
        }

        .controls {
            width: 100%;
        }

        input {
            border-radius: 5px;
        }

        .md-editor {
            margin-top: .5rem;

            :first-child {
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
            }

            :last-child {
                border-bottom-left-radius: 5px;
                border-bottom-right-radius: 5px;
            }

            &> * {
                border-width: 3px;
            }

            .controls {
                background-color: $background-lighter;
                border-color: $background-darker;
                border-bottom-width: 0;
                border-style: solid;

                ul {
                    display: flex;
                    list-style: none;
                    padding: .25rem;
                    margin: 0;

                    li {
                        a {
                            display: inline-block;
                            width: 32px;
                            height: 32px;

                            i {
                                width: 100%;
                                max-height: 100%;
                                font-size: 24px;
                                text-align: center;
                                vertical-align: baseline;
                            }
                        }
                    }
                }
            }
        }

        input,
        textarea,
        button {
            background-color: $background-lighter;
            border-color: $background-darker;
            color: $text-color;
        }
    }
}