ITTF explorer

Project Docs Github
/ittf/site/docs/styles/t/highlight.css.ittf (primary)
                                            edit
                                            $group
    < pre, code
        white-space pre
        $$ display inline-block
        margin 0
        font 14px/1.8em Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace
        padding 0 0.5em

    - ========================================
        - WIZZI PRETTY PRINT
        - ----------------------------------------
    
    . pln
        color #F1F2F3

    . tag
        color #77f328

    . str
        color #EC7600  $$ string content
    . kwd
        color #f79256  $$ a keyword
    . com
        color #66747B  $$ a comment
    . typ
        color #678CB1  $$ a type name
    . lit
        color #FACD22  $$ a literal value
    . mix               
        color #ff0040  $$  mixin call
        cursor pointer
    . tag
        color #77f328  $$ a markup tag name
    . atn
        color #E0E2E4  $$ a markup attribute name
    . atv
        color #EC7600  $$ a markup attribute value
    . expr
        color #f3e877  $$ a declaration; a variable name
    . fun
        color red  $$ a function name
    . arg
        color yellow  $$ a mixin arg

    . pp-ln
        color #999
    . pp-pln
        color #f1ebeb
    . pp-str
        color #EC7600  $$ string content
    . pp-kwd
        color #f79256  $$ a keyword
    . pp-com
        color #66747B  $$ a comment
    . pp-typ
        color #678CB1  $$ a type name
    . pp-lit
        color #FACD22  $$ a literal value
    . pp-mix               
        color #ff0040  $$  mixin call
        cursor pointer
    . pp-tag
        color #77f328  $$ a markup tag name
    . pp-atn
        color #E0E2E4  $$ a markup attribute name
    . pp-atv
        color #EC7600  $$ a markup attribute value
    . pp-expr
        color #f3e877  $$ a declaration; a variable name
    . pp-fun
        color red  $$ a function name
    . pp-arg
        color yellow  $$ a mixin arg

    < pre.prettyprint
        $$ padding 0.8rem
        $$ border-left 5px solid #999
        $$ font-size 1rem
        overflow auto
        $$ background #2B3A42
        $$ background #3e586d
        $$ margin-bottom 1rem
        $$ text-shadow 0 1px #888
        font-family Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace
        text-align left
        white-space pre
        word-spacing normal
        word-break normal
        word-wrap normal
        line-height 1.3
        tab-size 4
        hyphens none

        background-color #2b2b2b
        color #fff
        $$ max-width 100%
        $$ overflow-x auto
        vertical-align middle
        border-radius 5px
        box-shadow inset 0 1px 10px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.1), 0 -1px 0 rgba(0,0,0,.5)

        < ol
            padding-left 2rem
    
    . L0
        + .L1
        + .L2
        + .L3
        + .L4
        + .L5
        + .L6
        + .L7
        + .L8
        + .L9
        color #777
        margin-left 0.3rem
        padding-left 0.3rem
        list-style-type decimal

    # Alternate shading for lines
    . L1
        + .L3
        + .L5
        + .L7
        + .L9
        $$ background #013a56
        $$ background #2A3941
        background-color #2f2f2f

    . prettyprint-js
        background #fff

    # Alternate shading for lines
    . J1
        + .J3
        + .J5
        + .J7
        + .J9
        background #ddd

    . linenums
        color #fff

    media screen and (max-width: 1028px)

        . pp-pln
            color #FFF

        < pre.prettyprint
                padding 1.2rem
                border-left 5px solid #999
                font-size 2rem
                line-height 3rem
                overflow auto        

    $*
    media (min-width: 768px)
        < pre, code
            font-size 16px

    . highlight
        + p > pre
        + p > code
        + p > nobr > code
        + li > code
        + li> pre
        + h5 > code
        + .note > code
            background-color #2b2b2b
            color #fff
            max-width 100%
            overflow-x auto
            vertical-align middle
            border-radius 5px
            box-shadow inset 0 1px 10px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.1), 0 -1px 0 rgba(0,0,0,.5)

    . note .highlight
        width 94%
        < pre code
            font-size 0.9em
            background-color transparent
            box-shadow none

    . note code
        background-color #333
        background-color rgba(0,0,0,0.2)
        margin-left 2.5px
        margin-right 2.5px
        font-size 0.8em

    . code-block
        margin 10px 0
        < code
            background none

    . highlight
        margin 1em 0
        width 100%
        overflow auto

    < pre.highlight
        padding 10px 0.5em

    . highlighter-rouge .highlight
        @extend .highlight
        margin 0
    *$

    . highlight-code
        white-space nowrap
        padding 4px 8px 4px 0px
        background-color #2b2b2b
        color #fff
        max-width 100%
        overflow-x auto
        vertical-align middle
        -webkit-border-radius 5px
        -moz-border-radius 5px
        border-radius 5px
        box-shadow inset 0 1px 10px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.1),0 -1px 0 rgba(0,0,0,0.5)
                                        
   1 $group
   2     < pre, code
   3         white-space pre
   4         $$ display inline-block
   5         margin 0
   6         font 14px/1.8em Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace
   7         padding 0 0.5em
   8     - ========================================
   9         - WIZZI PRETTY PRINT
  10         - ----------------------------------------
  11     . pln
  12         color #F1F2F3
  13     . tag
  14         color #77f328
  15     . str
  16         color #EC7600  $$ string content
  17     . kwd
  18         color #f79256  $$ a keyword
  19     . com
  20         color #66747B  $$ a comment
  21     . typ
  22         color #678CB1  $$ a type name
  23     . lit
  24         color #FACD22  $$ a literal value
  25     . mix
  26         color #ff0040  $$  mixin call
  27         cursor pointer
  28     . tag
  29         color #77f328  $$ a markup tag name
  30     . atn
  31         color #E0E2E4  $$ a markup attribute name
  32     . atv
  33         color #EC7600  $$ a markup attribute value
  34     . expr
  35         color #f3e877  $$ a declaration; a variable name
  36     . fun
  37         color red  $$ a function name
  38     . arg
  39         color yellow  $$ a mixin arg
  40     . pp-ln
  41         color #999
  42     . pp-pln
  43         color #f1ebeb
  44     . pp-str
  45         color #EC7600  $$ string content
  46     . pp-kwd
  47         color #f79256  $$ a keyword
  48     . pp-com
  49         color #66747B  $$ a comment
  50     . pp-typ
  51         color #678CB1  $$ a type name
  52     . pp-lit
  53         color #FACD22  $$ a literal value
  54     . pp-mix
  55         color #ff0040  $$  mixin call
  56         cursor pointer
  57     . pp-tag
  58         color #77f328  $$ a markup tag name
  59     . pp-atn
  60         color #E0E2E4  $$ a markup attribute name
  61     . pp-atv
  62         color #EC7600  $$ a markup attribute value
  63     . pp-expr
  64         color #f3e877  $$ a declaration; a variable name
  65     . pp-fun
  66         color red  $$ a function name
  67     . pp-arg
  68         color yellow  $$ a mixin arg
  69     < pre.prettyprint
  70         $$ padding 0.8rem
  71         $$ border-left 5px solid #999
  72         $$ font-size 1rem
  73         overflow auto
  74         $$ background #2B3A42
  75         $$ background #3e586d
  76         $$ margin-bottom 1rem
  77         $$ text-shadow 0 1px #888
  78         font-family Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace
  79         text-align left
  80         white-space pre
  81         word-spacing normal
  82         word-break normal
  83         word-wrap normal
  84         line-height 1.3
  85         tab-size 4
  86         hyphens none
  87         background-color #2b2b2b
  88         color #fff
  89         $$ max-width 100%
  90         $$ overflow-x auto
  91         vertical-align middle
  92         border-radius 5px
  93         box-shadow inset 0 1px 10px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.1), 0 -1px 0 rgba(0,0,0,.5)
  94         < ol
  95             padding-left 2rem
  96     . L0
  97         + .L1
  98         + .L2
  99         + .L3
 100         + .L4
 101         + .L5
 102         + .L6
 103         + .L7
 104         + .L8
 105         + .L9
 106         color #777
 107         margin-left 0.3rem
 108         padding-left 0.3rem
 109         list-style-type decimal
 110     # Alternate shading for lines
 111     . L1
 112         + .L3
 113         + .L5
 114         + .L7
 115         + .L9
 116         $$ background #013a56
 117         $$ background #2A3941
 118         background-color #2f2f2f
 119     . prettyprint-js
 120         background #fff
 121     # Alternate shading for lines
 122     . J1
 123         + .J3
 124         + .J5
 125         + .J7
 126         + .J9
 127         background #ddd
 128     . linenums
 129         color #fff
 130     media screen and (max-width: 1028px)
 131         . pp-pln
 132             color #FFF
 133         < pre.prettyprint
 134             padding 1.2rem
 135             border-left 5px solid #999
 136             font-size 2rem
 137             line-height 3rem
 138             overflow auto
 139     $*
 140     media (min-width: 768px)
 141         < pre, code
 142             font-size 16px
 143     . highlight
 144         + p > pre
 145         + p > code
 146         + p > nobr > code
 147         + li > code
 148         + li> pre
 149         + h5 > code
 150         + .note > code
 151             background-color #2b2b2b
 152             color #fff
 153             max-width 100%
 154             overflow-x auto
 155             vertical-align middle
 156             border-radius 5px
 157             box-shadow inset 0 1px 10px rgba(0,0,0,.3), 0 1px 0 rgba(255,255,255,.1), 0 -1px 0 rgba(0,0,0,.5)
 158     . note .highlight
 159         width 94%
 160         < pre code
 161             font-size 0.9em
 162             background-color transparent
 163             box-shadow none
 164     . note code
 165         background-color #333
 166         background-color rgba(0,0,0,0.2)
 167         margin-left 2.5px
 168         margin-right 2.5px
 169         font-size 0.8em
 170     . code-block
 171         margin 10px 0
 172         < code
 173             background none
 174     . highlight
 175         margin 1em 0
 176         width 100%
 177         overflow auto
 178     < pre.highlight
 179         padding 10px 0.5em
 180     . highlighter-rouge .highlight
 181         @extend .highlight
 182         margin 0
 183     *$
 184     . highlight-code
 185         white-space nowrap
 186         padding 4px 8px 4px 0px
 187         background-color #2b2b2b
 188         color #fff
 189         max-width 100%
 190         overflow-x auto
 191         vertical-align middle
 192         -webkit-border-radius 5px
 193         -moz-border-radius 5px
 194         border-radius 5px
 195         box-shadow inset 0 1px 10px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.1),0 -1px 0 rgba(0,0,0,0.5)