view static/css/code.less @ 137:00c71a6192de

Make line numbers work for real This commit has a very long and tragic backstory. For details: http://dellsystem.me/posts/line-numbering/
author dellsystem <ilostwaldo@gmail.com>
date Sat, 29 Sep 2012 18:03:07 -0400
parents 5f5f838c1e32
children d14822d10833
line wrap: on
line source

.snippet {
    width: 670px;
    font-family: monospace;
    position: relative;

    .code-lines {
        position: relative;
        left: 40px;
        padding: 10px;
        border: 1px solid @lightGrey;
        .border-radius(7px);

        .line p {
            white-space: pre-wrap;
        }
    }

    .line-counters {
        position: absolute;
        top: 0;
        font-weight: bold;

        p {
            width: 30px;
            text-align: right;
            position: absolute;
        }
    }
}