/ittf/site/docs/styles/save_docs.css.ittf (primary)

                                            
   1 css
   2     $include _layouts/page-layout
   3     $include home/header/index
   4     $include home/content/index
   5     $include home/footer/index
   6     $$ No More (see _layouts/page-layout) $include base
   7     $include aside-right
   8     < article
   9         background-color ${wzCtx.Colors.bg_dark_medium}
  10         border-radius 10px
  11         padding 20px
  12         margin 0 5px 3px 5px
  13         box-shadow 0 3px 5px rgba(0,0,0,0.1)
  14         font-size 16px
  15     media (min-width: 768px)
  16         < article
  17             padding 40px 40px 30px
  18             font-size 21px
  19             margin 0 10px 10px 10px
  20             box-shadow 0 5px 10px rgba(0,0,0,0.1)
  21     . doc-container
  22         margin 0 auto
  23         width 60%
  24         display flex
  25     . w-1-5
  26         width 20%
  27     . w-4-5
  28         width 80%
  29     . doc-title
  30         font-size 1.5rem
  31         font-weight 600
  32         border-bottom 1px solid #999
  33     . ittf-panel
  34         $$ background-color #aaa
  35         $$ padding 20px
  36         margin-bottom 20px
  37     . ittf-panel-title
  38         font-size 1rem
  39         font-weight 700
  40         margin-bottom 2px
  41     media (min-width: 768px)
  42         . ittf-panel-title
  43             font-size 19px
  44             font-weight 700
  45             margin-bottom 4px
  46     . link
  47         float 'right'
  48         paddingLeft '10px'
  49     . cheatsheet
  50     . cheatsheet-page
  51         display flex
  52         padding 25px
  53         position fixed
  54         height 100vh
  55         width 100%
  56     . cheatsheet-sidebar
  57         display flex
  58         min-width 300px
  59         margin 5px
  60         flex-direction column
  61         overflow auto
  62     . cheatsheet-sidebar-schemas
  63         display flex
  64         flex-direction column
  65         border 1px solid gray
  66         margin-bottom 5px
  67     . cheatsheet-sidebar-element-title
  68         padding-left 15px
  69         font-weight 600
  70     . cheatsheet-sidebar-items
  71         border 1px solid gray
  72     . cheatsheet-content
  73         flex 1 1 auto
  74         margin 5px
  75         overflow auto
  76     . cheatsheet-item
  77         display flex
  78         background-color #3e5a6d
  79     . cheatsheet-ittf
  80         padding 10px
  81         border 1px solid gray
  82         margin 5px
  83         width 50%
  84         < pre
  85             width 100%
  86             padding 10px
  87     . cheatsheet-generated
  88         padding 10px
  89         border 1px solid gray
  90         margin 5px
  91         width 50%
  92         background-color #dedede
  93         < pre
  94             width 100%
  95             padding 10px
  96     . cheatsheet-element-title
  97         background-color #bbb
  98         width 100%
  99         padding 15px 5px 15px 15px
 100         margin 20px 0 10px 0
 101         font-size 1.2rem
 102         font-weight 600
 103     . cheatsheet-item-title
 104         padding 5px 10px 0px 10px
 105         font-weight 700
 106     $include highlight
 107     $ var opt = wzCtx.Fonts
 108     css/fonts( &opt)

/ittf/site/docs/styles/t/aside-right.css.ittf

                                            
   1 $group
   2     . aside-right
   3         padding-top 30px
   4         < h4
   5             text-transform uppercase
   6             font-size 14px
   7             font-weight 700
   8             padding 0 0 10px 30px
   9             margin-left -30px
  10             display inline-block
  11             border-bottom 1px solid #c00
  12         < ul
  13             padding-left 0
  14             & :first-child
  15                 margin-top 0
  16         < li
  17             list-style-type none
  18             < a
  19                 position relative
  20             & .current
  21                 < div:before
  22                     content ""
  23                     border-color transparent transparent transparent #444
  24                     border-style solid
  25                     border-width 10px
  26                     width 0
  27                     height 0
  28                     position absolute
  29                     top 0
  30                     left -30px
  31             & .current div
  32                 color #f90

/ittf/site/docs/styles/t/highlight.css.ittf

                                            
   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)

/ittf/site/docs/t/css/fonts.css.ittf

                                            
   1 $group
   2     $params &opt
   3     $if opt.useMaterialIcons
   4         font-face
   5             font-family 'Material Icons'
   6             font-style normal
   7             font-weight ${opt.materialIcons.fontWeight}
   8             - For IE6-8
   9             src url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.eot)
  10             src local('Material Icons'),
  11                 \b local('MaterialIcons-Regular'),
  12                 \b url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.woff2) format('woff2'),
  13                 \b url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.woff) format('woff'),
  14                 \b url(${opt.materialIcons.baseUrl}/MaterialIcons-Regular.ttf) format('truetype')
  15         . material-icons
  16             font-family 'Material Icons'
  17             font-weight normal
  18             font-style normal
  19             - Preferred icon size
  20             font-size ${opt.materialIcons.size}
  21             display inline-block
  22             line-height 1
  23             text-transform none
  24             letter-spacing normal
  25             word-wrap normal
  26             white-space nowrap
  27             direction ltr
  28             - Support for all WebKit browsers.
  29             -webkit-font-smoothing antialiased
  30             - Support for Safari and Chrome.
  31             text-rendering optimizeLegibility
  32             - Support for Firefox.
  33             -moz-osx-font-smoothing grayscale
  34             - Support for IE.
  35             @ font-feature-settings 'liga'
  36         - Rules for sizing the icon.
  37         . material-icons.md-18
  38             font-size 18px
  39         . material-icons.md-24
  40             font-size 24px
  41         . material-icons.md-36
  42             font-size 36px
  43         . material-icons.md-48
  44             font-size 48px
  45         - Rules for using icons as black on a light background.
  46         . material-icons.md-dark
  47             color rgba(0, 0, 0, 0.54)
  48         . material-icons.md-dark.md-inactive
  49             color rgba(0, 0, 0, 0.26)
  50         - Rules for using icons as white on a dark background.
  51         . material-icons.md-light
  52             color rgba(255, 255, 255, 1)
  53         . material-icons.md-light.md-inactive
  54             color rgba(255, 255, 255, 0.3)
  55     $if opt.useFontAwesome
  56         font-face
  57             font-family 'FontAwesome'
  58             src url('${opt.fontAwesome.baseUrl}/FontAwesome.eot?9h6hxj')
  59             src url('${opt.fontAwesome.baseUrl}/FontAwesome.eot?9h6hxj#iefix') format('embedded-opentype'),
  60                 \b url('${opt.fontAwesome.baseUrl}/FontAwesome.woff?9h6hxj') format('woff'),
  61                 \b url('${opt.fontAwesome.baseUrl}/FontAwesome.ttf?9h6hxj') format('truetype'),
  62                 \b url('${opt.fontAwesome.baseUrl}/FontAwesome.svg?9h6hxj#FontAwesome') format('svg')
  63             font-weight normal
  64             font-style normal
  65         . fa
  66             display inline-block
  67             font normal normal normal 14px/1 FontAwesome
  68             font-size inherit
  69             text-rendering auto
  70             -webkit-font-smoothing antialiased
  71             -moz-osx-font-smoothing grayscale
  72         . fa-link:before
  73             content "\f0c1"
  74         . fa-pencil:before
  75             content "\f040"