.dokk-editor
    background-color #f7f7f7
    min-height 100%
    
    > header
        display grid
        grid-template-columns 1fr 1fr
        grid-template-rows auto
        grid-gap 1rem
        justify-content space-between
        align-content start
        padding 1rem
        
        > .title
            > .pagename
                display flex
                justify-content left
                align-items center
        
        > .user
            display flex
            justify-content right
            align-items center
        
    > .menu
        border-bottom 1px solid #960018
        
        > a
            border-bottom 0px
            display     inline-block
            padding     .2rem .5rem
            
            &.active
                background-color #960018
                border-bottom 0px
                border-top-left-radius .3rem
                border-top-right-radius .3rem
                color #fff
    
    > main
        margin 0rem 0 0 0
        
        > .article
            shadowUnder(#aaa)
            
            border 1px solid #ddd
            display grid
            grid-template-columns 50% 50%
            grid-template-rows auto
            position relative
            
            #preview
                background-color #fff
                border-left 1px solid #000
                padding     .5rem
        
        > .inference
            /**/
        
        > .query
            /**/
        
        > .template
            /**/
        
        > .topic
            /**/
        
        > .merge
            > .alert
                padding 2rem 2rem
            
            > .three_way
                display grid
                grid-template-columns 33% 33% 33%
                grid-template-rows auto
                justify-content space-between
                
                background-color #000
                color #fff
                font-size .8rem
                text-align center
                
                textarea
                    width 100%
                    height 10rem
        
        > .revisions
            padding 1rem 5% 4rem 5%
            
            > .revision
                margin-bottom 1rem
        
        > .old_revision
            > .info
                padding 2rem
            
            > .edit_summary
                font-size   1.5rem
                padding     0 2rem
        
        footer
            padding 4rem 20%
            
            > .licensing
                color   #555
                padding 1.5rem 0
            
            input[type=text]
                margin  .5rem 0
                width   100%
            
            input[type=submit]
                margin  0 1rem 0 0

/* Style rules for CodeMirror editor */

.CodeMirror
    border      1px solid #ddd
    font-family Inconsolata
    height      100%
    font-size   1rem
    
    pre
        padding 0 .5rem

.CodeMirror-lines
    padding .5rem 0
