/ittf/site/docs/styles/docs.css.ittf (primary)
1 css 2 $include models/docs/site.wzctx 3 < body 4 margin 0 5 padding 0 6 color #eee 7 background-color #494949 8 font-family roboto,verdana,arial 9 < nav 10 < ul 11 list-style-type none 12 < a 13 text-decoration none 14 # main-container 15 width 70% 16 margin 0 auto 17 display flex 18 flex-direction column 19 font-size 16px 20 line-height 24px 21 word-spacing 1px 22 color #eee 23 background-color #515151 24 # header 25 border-bottom 1px solid #a0a0a0 26 display flex 27 flex-direction row 28 padding 10px 20px 29 # logo 30 $$ margin 16px 31 . logo-a 32 align-self flex-start 33 display flex 34 flex-shrink 0 35 padding 0.5rem 0.375rem 36 transform translateX(-0.375rem) 37 text-decoration none 38 font-weight 600 39 align-items center 40 margin-right 1.25rem 41 # top-nav 42 display flex 43 justify-content space-between 44 list-style-type none 45 padding-top 16px 46 < ul 47 margin-bottom 0 48 < li 49 display inline-block 50 padding-right 30px 51 font-size 24px 52 color #ddd 53 < a 54 color #eee 55 . current 56 font-weight 700 57 color palegoldenrod 58 # middle-container 59 display flex 60 flex-direction row 61 # content 62 margin 0 auto 63 width 80% 64 $$ display flex 65 $$ flex-direction column 66 padding 30px 30px 67 $$ line-height 24px 68 word-spacing 2px 69 $$ font-size 18px 70 # left-nav 71 $$ border-right 1px solid #a0a0a0 72 padding 10px 10px 73 < li 74 margin-top 20px 75 font-size 18px 76 < a 77 color #eee 78 # right-nav 79 $$ border-left 1px solid #a0a0a0 80 padding 10px 20px 81 < ul 82 margin-left 0 83 < li 84 font-size 14px 85 < a 86 color #eee 87 # footer 88 $$ border-top 1px solid #a0a0a0 89 display grid 90 grid-template-columns 1fr 1fr 91 padding 20px 92 $include aside-right 93 < article 94 background-color ${wzCtx.Colors.bg_dark_medium} 95 border-radius 10px 96 padding 20px 97 margin 0 5px 3px 5px 98 box-shadow 0 3px 5px rgba(0,0,0,0.1) 99 font-size 16px 100 media (min-width: 768px) 101 < article 102 padding 40px 40px 30px 103 font-size 16px 104 margin 0 10px 10px 10px 105 box-shadow 0 5px 10px rgba(0,0,0,0.1) 106 . doc-container 107 margin 0 auto 108 width 60% 109 display flex 110 . w-1-5 111 width 20% 112 . w-4-5 113 width 80% 114 . doc-title 115 font-size 1.4rem 116 font-weight 600 117 padding-bottom 5px 118 border-bottom 1px solid #999 119 . doc-title-2 120 font-size 1.2rem 121 font-weight 600 122 padding-bottom 3px 123 . doc-summary 124 padding 15px 125 < h4 126 color #eee 127 . ittf-panel 128 $$ background-color #aaa 129 $$ padding 20px 130 margin-bottom 20px 131 . ittf-panel-title 132 font-size 0.8rem 133 font-weight 700 134 . js-panel 135 margin-bottom 20px 136 . js-panel-title 137 font-size 0.8rem 138 font-weight 700 139 padding-left 10px 140 . bash-panel 141 margin-bottom 20px 142 . bash-panel-title 143 font-size 0.8rem 144 font-weight 700 145 padding-left 10px 146 media (min-width: 768px) 147 . ittf-panel-title 148 font-size 16px 149 font-weight 700 150 $$ margin-bottom 2px 151 . link 152 float 'right' 153 paddingLeft '10px' 154 . cheatsheet 155 . cheatsheet-page 156 display flex 157 padding 25px 158 position fixed 159 height 100vh 160 width 100% 161 . cheatsheet-sidebar 162 display flex 163 min-width 300px 164 margin 5px 165 flex-direction column 166 overflow auto 167 . cheatsheet-sidebar-schemas 168 display flex 169 flex-direction column 170 border 1px solid gray 171 margin-bottom 5px 172 . cheatsheet-sidebar-element-title 173 padding-left 15px 174 font-weight 600 175 . cheatsheet-sidebar-items 176 border 1px solid gray 177 . cheatsheet-content 178 flex 1 1 auto 179 margin 5px 180 overflow auto 181 . cheatsheet-item 182 display flex 183 background-color #3e5a6d 184 . cheatsheet-ittf 185 padding 10px 186 border 1px solid gray 187 margin 5px 188 width 50% 189 < pre 190 width 100% 191 padding 10px 192 . cheatsheet-generated 193 padding 10px 194 border 1px solid gray 195 margin 5px 196 width 50% 197 background-color #dedede 198 < pre 199 width 100% 200 padding 10px 201 . cheatsheet-element-title 202 background-color #bbb 203 width 100% 204 padding 15px 5px 15px 15px 205 margin 20px 0 10px 0 206 font-size 1.2rem 207 font-weight 600 208 . cheatsheet-item-title 209 padding 5px 10px 0px 10px 210 font-weight 700 211 . scrollbar-thin 212 @ scrollbar-color #6D6D6D #4D4D4D 213 @ scrollbar-width thin 214 $include highlight 215 $ var opt = wzCtx.Fonts 216 css/fonts( &opt) 217 $include tables
/t/models/docs/site.wzctx.ittf
1 $group 2 $global 3 var wzCtx = { 4 name: "stfnbssl.github.io/wizzi", 5 version: "0.7.1", 6 description: "Wizzi github page", 7 author: "Stefano Bassoli", 8 license: "MIT", 9 Params: { 10 title: "Wizzi", 11 baseUrl: "https://stfnbssl.github.io/wizzi" 12 }, 13 Section: { 14 items: [ 15 { 16 title: "Concepts", 17 url: "/ittf/site/docs/concepts/overview.html.ittf" 18 }, 19 { 20 title: "Howtos", 21 url: "/ittf/site/docs/howtos/getstarted.html.ittf" 22 }, 23 /* 24 { 25 title: "Sample code", 26 url: "/ittf/site/docs/samplecode/overview.html.ittf" 27 }, 28 { 29 title: "Geeky", 30 url: "/ittf/site/docs/geeky/overview.html.ittf" 31 }, 32 */ 33 { 34 title: "Cheatsheets", 35 url: "/wizzi/docs/cheatsheet/html" 36 }, 37 { 38 title: "Play", 39 url: "/ittf/site/docs/play/index.html.ittf" 40 } 41 ] 42 }, 43 Concepts: { 44 items: [ 45 { 46 title: "Overview", 47 url: "./overview.html.ittf" 48 }, 49 { 50 title: "Ittf Documents", 51 url: "./ittfdocuments.html.ittf" 52 }, 53 { 54 title: "Template Engine", 55 url: "./templateengine.html.ittf" 56 }, 57 { 58 title: "JsWizzi", 59 url: "./jswizzi.html.ittf" 60 }, 61 { 62 title: "mTrees", 63 url: "./mtrees.html.ittf" 64 }, 65 { 66 title: "Wizzi Schemas", 67 url: "./wizzischemas.html.ittf" 68 }, 69 { 70 title: "Wizzi Model DOMs", 71 url: "./wizzimodeldoms.html.ittf" 72 }, 73 { 74 title: "Wizzi Model Instances", 75 url: "./wizzimodelinstances.html.ittf" 76 }, 77 { 78 title: "Model Transformers", 79 url: "./modeltransformers.html.ittf" 80 }, 81 { 82 title: "Artifact Generators", 83 url: "./artifactgenerators.html.ittf" 84 }, 85 { 86 title: "Wizzi Jobs", 87 url: "./wizzijobs.html.ittf" 88 }, 89 { 90 title: "Wizzi Meta Productions", 91 url: "./wizzimetaproductions.html.ittf" 92 }, 93 { 94 title: "Wizzi Plugins", 95 url: "./wizziplugins.html.ittf" 96 }, 97 { 98 title: "Wizzi Meta Plugins", 99 url: "./wizzimetaplugins.html.ittf" 100 }, 101 { 102 title: "Wizzi API", 103 url: "./wizziapi.html.ittf" 104 }, 105 { 106 title: "Wizzi CLI", 107 url: "./wizzicli.html.ittf" 108 }, 109 { 110 title: "Virtual Store System", 111 url: "./virtualstoresystem.html.ittf" 112 }, 113 { 114 title: "Glossary", 115 url: "./glossary.html.ittf" 116 } 117 ] 118 }, 119 Howtos: { 120 items: [ 121 { 122 title: "Get started", 123 url: "./getstarted.html.ittf" 124 }, 125 { 126 title: "Wizzi API", 127 url: "./wizziapi.html.ittf" 128 } 129 ] 130 }, 131 SampleCode: { 132 items: [ 133 { 134 title: "Overview", 135 url: "./overview.html.ittf" 136 }, 137 { 138 title: "Template Engine", 139 url: "./templateengine.html.ittf" 140 }, 141 { 142 title: "JsWizzi", 143 url: "./jswizzi.html.ittf" 144 }, 145 { 146 title: "mTrees", 147 url: "./mtrees.html.ittf" 148 }, 149 { 150 title: "Wizzi Schemas", 151 url: "./wizzischemas.html.ittf" 152 }, 153 { 154 title: "Wizzi Model DOMs", 155 url: "./wizzimodeldoms.html.ittf" 156 }, 157 { 158 title: "Model Transformers", 159 url: "./modeltransformers.html.ittf" 160 }, 161 { 162 title: "Artifact Generators", 163 url: "./artifactgenerators.html.ittf" 164 }, 165 { 166 title: "Wizzi Jobs", 167 url: "./wizzijobs.html.ittf" 168 }, 169 { 170 title: "Wizzi Plugins", 171 url: "./wizziplugins.html.ittf" 172 }, 173 { 174 title: "Wizzi API", 175 url: "./wizziapi.html.ittf" 176 }, 177 { 178 title: "Virtual Store System", 179 url: "./virtualstoresystem.html.ittf" 180 }, 181 { 182 title: "Glossary", 183 url: "./glossary.html.ittf" 184 } 185 ] 186 }, 187 Geeky: { 188 items: [ 189 { 190 title: "Overview", 191 url: "./overview.html.ittf" 192 }, 193 { 194 title: "Template Engine", 195 url: "./templateengine.html.ittf" 196 }, 197 { 198 title: "JsWizzi", 199 url: "./jswizzi.html.ittf" 200 }, 201 { 202 title: "mTrees", 203 url: "./mtrees.html.ittf" 204 }, 205 { 206 title: "Wizzi Schemas", 207 url: "./wizzischemas.html.ittf" 208 }, 209 { 210 title: "Wizzi Model DOMs", 211 url: "./wizzimodeldoms.html.ittf" 212 }, 213 { 214 title: "Model Transformers", 215 url: "./modeltransformers.html.ittf" 216 }, 217 { 218 title: "Artifact Generators", 219 url: "./artifactgenerators.html.ittf" 220 }, 221 { 222 title: "Wizzi Jobs", 223 url: "./wizzijobs.html.ittf" 224 }, 225 { 226 title: "Wizzi Plugins", 227 url: "./wizziplugins.html.ittf" 228 }, 229 { 230 title: "Wizzi API", 231 url: "./wizziapi.html.ittf" 232 }, 233 { 234 title: "Wizzi CLI", 235 url: "./wizzicli.html.ittf" 236 }, 237 { 238 title: "Virtual Store System", 239 url: "./virtualstoresystem.html.ittf" 240 }, 241 { 242 title: "Glossary", 243 url: "./glossary.html.ittf" 244 } 245 ] 246 }, 247 Starter: { 248 "items": [ 249 { 250 title: "wizzi-starter-wizzi-plugin", 251 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-wizzi-plugin" 252 }, 253 { 254 title: "wizzi-starter-webpack-react", 255 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-webpack-react" 256 }, 257 { 258 title: "wizzi-starter-mern", 259 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-mern" 260 }, 261 { 262 title: "wizzi-starter-nextjs", 263 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-nextjs" 264 }, 265 { 266 title: "wizzi-starter-gatsby", 267 url: "https://github.com/wizzifactory/wizzi-examples/tree/master/packages/wizzi-starter-gatsby" 268 } 269 ] 270 }, 271 "Plugin": { 272 items: [ 273 { 274 title: "wizzi-js", 275 url: "https://github.com/wizzifactory/wizzi/tree/master/packages/wizzi-js/dist" 276 }, 277 { 278 title: "wizzi-web", 279 url: "https://github.com/wizzifactory/wizzi/tree/master/packages/wizzi-web/dist" 280 }, 281 { 282 title: "wizzi-lab", 283 url: "https://github.com/wizzifactory/wizzi/tree/master/packages/wizzi-lab/dist" 284 } 285 ] 286 }, 287 Colors: { 288 "bg_0": "#333", 289 "bg_f_0": "#000", 290 "c_0": "#fff", 291 "bg_dark": "#333", 292 "bg_dark_medium": "#444", 293 "c_dark": "#ddd", 294 "c_dark_medium": "#bbb", 295 "h3_c_dark": "#fc0" 296 }, 297 Fonts: { 298 "useMaterialIcons": true, 299 "materialIcons": { 300 "baseUrl": "https://stfnbssl.github.io/wizzi/fonts", 301 "fontWeight": "400", 302 "size": "24px" 303 } 304 }, 305 Styles: { 306 shellColors: { 307 mainHeaderBg: "#0D0D0D", 308 mainHeader: "#dedede", 309 mainContentBg: "#2D2D2D", 310 mainContent: "#dedede", 311 mainContentLeftBarBg: "#1D1D1D", 312 mainContentLeftBar: "#dedede", 313 mainFooterBg: "#0D0D0D", 314 mainFooter: "#dedede", 315 } 316 } 317 } 318 var mpage = { 319 Colors: { 320 background: "#ffffff", 321 scheme1Fade90: "whiteFade-90,rgba(255,255,255,0.9)", 322 themeBack: "#ffffff", 323 primary: "#BDF3EE", 324 primaryDark: "#122944", 325 primary30: "#BDF3EE", 326 gray70: "grey-70,#222B31", 327 grad1: "#81B6CF", 328 grad2: "#222B31" 329 } 330 }
/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"
/ittf/site/docs/styles/t/tables.css.ittf
1 $group 2 . table-docs 3 < table 4 font-size 0.8rem 5 line-height 16px 6 < td 7 vertical-align top 8 . table-glo 9 < table 10 font-size 0.8rem 11 line-height 18px 12 < td 13 vertical-align top 14 . title 15 font-weight 700