diff --git a/_layouts/default.html b/_layouts/default.html index 422d650bb..ff716cc37 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -14,6 +14,7 @@ + diff --git a/_posts/2012-09-01-a-full-and-comprehensive-style-test.html b/_posts/2012-09-01-a-full-and-comprehensive-style-test.html index cc576feed..5b21fa039 100644 --- a/_posts/2012-09-01-a-full-and-comprehensive-style-test.html +++ b/_posts/2012-09-01-a-full-and-comprehensive-style-test.html @@ -149,7 +149,7 @@

Code

{% endhighlight %} -{% highlight javascript %} +{% highlight javascript linenos %} // javascript code sample $.ajax({ type: 'POST', diff --git a/assets/built/screen.edited.css b/assets/built/screen.edited.css index 4da2ad769..42c341b55 100644 --- a/assets/built/screen.edited.css +++ b/assets/built/screen.edited.css @@ -1,2 +1,2 @@ -.pagination{position:relative;width:80%;max-width:800px;margin:4rem auto;font-family:Open Sans,sans-serif;font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#3eb0ef;transition:all .2s ease}.newer-posts,.older-posts{position:absolute;display:inline-block;padding:0 15px;border:1px solid #bfc8cd;text-decoration:none;border-radius:4px;transition:border .3s ease}.older-posts{right:0}.page-number{display:inline-block;padding:2px 0;min-width:100px}.newer-posts{left:0}.newer-posts:hover,.older-posts:hover{color:#3eb0ef;border-color:#98a0a4}.extra-pagination{display:none;border-bottom:1px solid #ebf2f6}.extra-pagination:after{display:block;content:"";width:7px;height:7px;border:1px solid #e7eef2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#fff;border-radius:100%;box-shadow:0 0 0 5px #fff}.extra-pagination .pagination{width:auto}.paged .main-header{max-height:30vh}.paged .extra-pagination{display:block}.pagination{padding-top:4rem;border-top:1px solid #bfc8cd;word-wrap:break-word}.pagination:before{display:block;content:"";width:7px;height:7px;border:1px solid #bfc8cd;position:absolute;top:-5px;left:50%;margin-left:-5px;background:#f4f8fb;border-radius:100%;box-shadow:0 0 0 5px #f4f8fb} +.pagination{position:relative;width:80%;max-width:800px;margin:4rem auto;font-family:Open Sans,sans-serif;font-size:1.3rem;color:#9eabb3;text-align:center}.pagination a{color:#3eb0ef;transition:all .2s ease}.newer-posts,.older-posts{position:absolute;display:inline-block;padding:0 15px;border:1px solid #bfc8cd;text-decoration:none;border-radius:4px;transition:border .3s ease}.older-posts{right:0}.page-number{display:inline-block;padding:2px 0;min-width:100px}.newer-posts{left:0}.newer-posts:hover,.older-posts:hover{color:#3eb0ef;border-color:#98a0a4}.extra-pagination{display:none;border-bottom:1px solid #ebf2f6}.extra-pagination:after{display:block;content:"";width:7px;height:7px;border:1px solid #e7eef2;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#fff;border-radius:100%;box-shadow:0 0 0 5px #fff}.extra-pagination .pagination{width:auto}.paged .main-header{max-height:30vh}.paged .extra-pagination{display:block}.pagination{padding-top:4rem;border-top:1px solid #bfc8cd;word-wrap:break-word}.pagination:before{display:block;content:"";width:7px;height:7px;border:1px solid #bfc8cd;position:absolute;top:-5px;left:50%;margin-left:-5px;background:#f4f8fb;border-radius:100%;box-shadow:0 0 0 5px #f4f8fb}.highlight code,.highlight pre,.highlight table,.highlight tbody,.highlight tr,figure.highlight,td.code{border:none;min-width:100%;max-width:100%}.highlight table,.highlight td pre{padding:0;margin:0}.highlight table td{border:none;margin:none;padding:none}.highlight table td:first-child,.highlight table td:last-child{background:none} /*# sourceMappingURL=screen.edited.css.map */ diff --git a/assets/built/screen.edited.css.map b/assets/built/screen.edited.css.map index 7b60ebdbc..5ae3dd0f5 100644 --- a/assets/built/screen.edited.css.map +++ b/assets/built/screen.edited.css.map @@ -1 +1 @@ -{"version":3,"sources":["screen.edited.css"],"names":[],"mappings":"AAcA,YACI,kBAAmB,AACnB,UAAW,AACX,gBAAiB,AACjB,iBAAkB,AAClB,iCAAqC,AACrC,iBAAkB,AAClB,cAAe,AACf,iBAAmB,CACtB,AAED,cACI,cAAe,AACf,uBAA0B,CAC7B,AAGD,0BAEI,kBAAmB,AACnB,qBAAsB,AACtB,eAAgB,AAChB,yBAA0B,AAC1B,qBAAsB,AACtB,kBAAmB,AACnB,0BAA6B,CAChC,AAED,aACI,OAAS,CACZ,AAED,aACI,qBAAsB,AACtB,cAAe,AACf,eAAiB,CACpB,AAED,aACI,MAAQ,CACX,AAED,sCAEI,cAAe,AACf,oBAAsB,CACzB,AAED,kBACI,aAAc,AACd,+BAAiC,CACpC,AACD,wBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,yBAA2B,CAC9B,AACD,8BACI,UAAY,CACf,AAGD,oBACI,eAAiB,CACpB,AAGD,yBACI,aAAe,CAClB,AAGD,YACI,iBAAkB,AAClB,6BAA8B,AAC9B,oBAAsB,CACzB,AAID,mBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,iBAAkB,AAClB,mBAAoB,AACpB,mBAAoB,AACpB,4BAA8B,CACjC","file":"screen.edited.css","sourcesContent":["/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n12. Pagination\n\n*/\n\n/* 12. Pagination - Tools to let you flick between pages\n/* ---------------------------------------------------------- */\n\n/* The main wrapper for our pagination links */\n.pagination {\n position: relative;\n width: 80%;\n max-width: 800px;\n margin: 4rem auto;\n font-family: \"Open Sans\", sans-serif;\n font-size: 1.3rem;\n color: #9EABB3;\n text-align: center;\n}\n\n.pagination a {\n color: #3eb0ef;\n transition: all 0.2s ease;\n}\n\n/* Push the previous/next links out to the left/right */\n.older-posts,\n.newer-posts {\n position: absolute;\n display: inline-block;\n padding: 0 15px;\n border: #bfc8cd 1px solid;\n text-decoration: none;\n border-radius: 4px;\n transition: border 0.3s ease;\n}\n\n.older-posts {\n right: 0;\n}\n\n.page-number {\n display: inline-block;\n padding: 2px 0;\n min-width: 100px;\n}\n\n.newer-posts {\n left: 0;\n}\n\n.older-posts:hover,\n.newer-posts:hover {\n color: #3eb0ef;\n border-color: #98a0a4;\n}\n\n.extra-pagination {\n display: none;\n border-bottom: #EBF2F6 1px solid;\n}\n.extra-pagination:after {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #E7EEF2 1px solid;\n position: absolute;\n bottom: -5px;\n left: 50%;\n margin-left: -5px;\n background: #FFF;\n border-radius: 100%;\n box-shadow: #FFF 0 0 0 5px;\n}\n.extra-pagination .pagination {\n width: auto;\n}\n\n/* On page2+ make all the headers smaller */\n.paged .main-header {\n max-height: 30vh;\n}\n\n/* On page2+ show extra pagination controls at the top of post list */\n.paged .extra-pagination {\n display: block;\n}\n\n/* Every post, on every page, gets this style on its
tag */\n.pagination {\n padding-top: 4rem;\n border-top: #bfc8cd 1px solid;\n word-wrap: break-word;\n}\n\n/* Add a little circle in the middle of the border-bottom on our .post\n just for the lolz and stylepoints. */\n.pagination:before {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #bfc8cd 1px solid;\n position: absolute;\n top: -5px;\n left: 50%;\n margin-left: -5px;\n background: #f4f8fb;\n border-radius: 100%;\n box-shadow: #f4f8fb 0 0 0 5px;\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file +{"version":3,"sources":["screen.edited.css"],"names":[],"mappings":"AAcA,YACI,kBAAmB,AACnB,UAAW,AACX,gBAAiB,AACjB,iBAAkB,AAClB,iCAAqC,AACrC,iBAAkB,AAClB,cAAe,AACf,iBAAmB,CACtB,AAED,cACI,cAAe,AACf,uBAA0B,CAC7B,AAGD,0BAEI,kBAAmB,AACnB,qBAAsB,AACtB,eAAgB,AAChB,yBAA0B,AAC1B,qBAAsB,AACtB,kBAAmB,AACnB,0BAA6B,CAChC,AAED,aACI,OAAS,CACZ,AAED,aACI,qBAAsB,AACtB,cAAe,AACf,eAAiB,CACpB,AAED,aACI,MAAQ,CACX,AAED,sCAEI,cAAe,AACf,oBAAsB,CACzB,AAED,kBACI,aAAc,AACd,+BAAiC,CACpC,AACD,wBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,yBAA2B,CAC9B,AACD,8BACI,UAAY,CACf,AAGD,oBACI,eAAiB,CACpB,AAGD,yBACI,aAAe,CAClB,AAGD,YACI,iBAAkB,AAClB,6BAA8B,AAC9B,oBAAsB,CACzB,AAID,mBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,iBAAkB,AAClB,mBAAoB,AACpB,mBAAoB,AACpB,4BAA8B,CACjC,AAED,wGAOI,YAAa,AACb,eAAgB,AAChB,cAAgB,CACnB,AAED,mCAEI,UAAW,AACX,QAAU,CACb,AAED,oBACI,YAAa,AACb,YAAa,AACb,YAAc,CACjB,AAED,+DAEI,eAAiB,CACpB","file":"screen.edited.css","sourcesContent":["/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n12. Pagination\n\n*/\n\n/* 12. Pagination - Tools to let you flick between pages\n/* ---------------------------------------------------------- */\n\n/* The main wrapper for our pagination links */\n.pagination {\n position: relative;\n width: 80%;\n max-width: 800px;\n margin: 4rem auto;\n font-family: \"Open Sans\", sans-serif;\n font-size: 1.3rem;\n color: #9EABB3;\n text-align: center;\n}\n\n.pagination a {\n color: #3eb0ef;\n transition: all 0.2s ease;\n}\n\n/* Push the previous/next links out to the left/right */\n.older-posts,\n.newer-posts {\n position: absolute;\n display: inline-block;\n padding: 0 15px;\n border: #bfc8cd 1px solid;\n text-decoration: none;\n border-radius: 4px;\n transition: border 0.3s ease;\n}\n\n.older-posts {\n right: 0;\n}\n\n.page-number {\n display: inline-block;\n padding: 2px 0;\n min-width: 100px;\n}\n\n.newer-posts {\n left: 0;\n}\n\n.older-posts:hover,\n.newer-posts:hover {\n color: #3eb0ef;\n border-color: #98a0a4;\n}\n\n.extra-pagination {\n display: none;\n border-bottom: #EBF2F6 1px solid;\n}\n.extra-pagination:after {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #E7EEF2 1px solid;\n position: absolute;\n bottom: -5px;\n left: 50%;\n margin-left: -5px;\n background: #FFF;\n border-radius: 100%;\n box-shadow: #FFF 0 0 0 5px;\n}\n.extra-pagination .pagination {\n width: auto;\n}\n\n/* On page2+ make all the headers smaller */\n.paged .main-header {\n max-height: 30vh;\n}\n\n/* On page2+ show extra pagination controls at the top of post list */\n.paged .extra-pagination {\n display: block;\n}\n\n/* Every post, on every page, gets this style on its
tag */\n.pagination {\n padding-top: 4rem;\n border-top: #bfc8cd 1px solid;\n word-wrap: break-word;\n}\n\n/* Add a little circle in the middle of the border-bottom on our .post\n just for the lolz and stylepoints. */\n.pagination:before {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #bfc8cd 1px solid;\n position: absolute;\n top: -5px;\n left: 50%;\n margin-left: -5px;\n background: #f4f8fb;\n border-radius: 100%;\n box-shadow: #f4f8fb 0 0 0 5px;\n}\n\nfigure.highlight,\n.highlight pre,\n.highlight code,\n.highlight table,\n.highlight tbody,\n.highlight tr,\ntd.code {\n border: none;\n min-width: 100%;\n max-width: 100%;\n}\n\n.highlight table,\n.highlight td pre {\n padding: 0;\n margin: 0;\n}\n\n.highlight table td {\n border: none;\n margin: none;\n padding: none;\n}\n\n.highlight table td:first-child,\n.highlight table td:last-child {\n background: none;\n}\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/assets/built/syntax.css b/assets/built/syntax.css new file mode 100644 index 000000000..7b3a93ec9 --- /dev/null +++ b/assets/built/syntax.css @@ -0,0 +1,2 @@ +a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}img{max-width:100%}html{box-sizing:border-box;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}a{background-color:transparent}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn,em,i{font-style:italic}h1{margin:.67em 0;font-size:2em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}mark{background-color:#fdffb6}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{margin:0;color:inherit;font:inherit}button{overflow:visible;border:none}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input{line-height:normal}input:focus{outline:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{box-sizing:content-box;-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{padding:0;border:0}textarea{overflow:auto}table{border-spacing:0;border-collapse:collapse}td,th{padding:0}html{overflow-y:scroll;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,html{overflow-x:hidden}body{color:#3c484e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.5rem;line-height:1.6em;font-weight:400;font-style:normal;letter-spacing:0;text-rendering:optimizeLegibility;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga" on}::-moz-selection{text-shadow:none;background:#cbeafb}::selection{text-shadow:none;background:#cbeafb}hr{position:relative;display:block;width:100%;margin:2.5em 0 3.5em;padding:0;height:1px;border:0;border-top:1px solid #e3e9ed}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0;padding:0;border:0}textarea{resize:vertical}blockquote,dl,ol,p,ul{margin:0 0 1.5em}ol,ul{padding-left:1.3em;padding-right:1.5em}ol ol,ol ul,ul ol,ul ul{margin:.5em 0 1em}ul{list-style:disc}ol{list-style:decimal}li{margin:.5em 0;padding-left:.3em;line-height:1.6em}dt{float:left;margin:0 20px 0 0;width:120px;color:#15171a;font-weight:500;text-align:right}dd{margin:0 0 5px;text-align:left}blockquote{margin:1.5em 0;padding:0 1.6em;border-left:.5em solid #e5eff5}blockquote p{margin:.8em 0;font-size:1.2em;font-weight:300}blockquote small{display:inline-block;margin:.8em 0 .8em 1.5em;font-size:.9em;opacity:.8}blockquote small:before{content:"\2014 \00A0"}blockquote cite{font-weight:700}blockquote cite a{font-weight:400}a{color:#26a8ed;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.15;font-weight:700;text-rendering:optimizeLegibility}h1{margin:0 0 .5em;font-size:5rem;font-weight:700}@media (max-width:500px){h1{font-size:2.2rem}}h2{margin:1.5em 0 .5em;font-size:2rem}@media (max-width:500px){h2{font-size:1.8rem}}h3{margin:1.5em 0 .5em;font-size:1.8rem;font-weight:500}@media (max-width:500px){h3{font-size:1.7rem}}h4{margin:1.5em 0 .5em;font-size:1.6rem;font-weight:500}h5,h6{margin:1.5em 0 .5em;font-size:1.4rem;font-weight:500}.highlight .hll,.highlight pre{background:#0e0f11}.highlight .c{color:#75715e}.highlight .err{color:#960050;background-color:#1e0010}.highlight .k{color:#66d9ef}.highlight .l{color:#ae81ff}.highlight .n{color:#f8f8f2}.highlight .o{color:#f92672}.highlight .p{color:#f8f8f2}.highlight .c1,.highlight .cm,.highlight .cp,.highlight .cs{color:#75715e}.highlight .ge{font-style:italic}.highlight .gs{font-weight:700}.highlight .kc,.highlight .kd{color:#66d9ef}.highlight .kn{color:#f92672}.highlight .kp,.highlight .kr,.highlight .kt{color:#66d9ef}.highlight .ld{color:#e6db74}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#f8f8f2}.highlight .nc{color:#a6e22e}.highlight .no{color:#66d9ef}.highlight .nd{color:#a6e22e}.highlight .ni{color:#f8f8f2}.highlight .ne,.highlight .nf{color:#a6e22e}.highlight .nl,.highlight .nn{color:#f8f8f2}.highlight .nx{color:#a6e22e}.highlight .py{color:#f8f8f2}.highlight .nt{color:#f92672}.highlight .nv{color:#f8f8f2}.highlight .ow{color:#f92672}.highlight .w{color:#f8f8f2}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#ae81ff}.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd{color:#e6db74}.highlight .se{color:#ae81ff}.highlight .s1,.highlight .sh,.highlight .si,.highlight .sr,.highlight .ss,.highlight .sx{color:#e6db74}.highlight .bp,.highlight .vc,.highlight .vg,.highlight .vi{color:#f8f8f2}.highlight .il{color:#ae81ff}.highlight .gu{color:#75715e}.highlight .gd{color:#f92672}.highlight .gi{color:#a6e22e} +/*# sourceMappingURL=syntax.css.map */ diff --git a/assets/built/syntax.css.map b/assets/built/syntax.css.map new file mode 100644 index 000000000..2e007a29d --- /dev/null +++ b/assets/built/syntax.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["global.css","syntax.css"],"names":[],"mappings":"AAqBA,8YA6EI,SAAU,AACV,UAAW,AACX,SAAU,AACV,aAAc,AACd,eAAgB,AAChB,uBAAyB,CAC5B,AACD,KACI,aAAe,CAClB,AACD,MAEI,eAAiB,CACpB,AACD,aAEI,WAAa,CAChB,AACD,oDAII,WAAY,AACZ,YAAc,CACjB,AAKD,IACI,cAAgB,CACnB,AACD,KACI,sBAAuB,AACvB,uBAAwB,AAExB,0BAA2B,AAC3B,6BAA+B,CAClC,AACD,iBAGI,kBAAoB,CACvB,AACD,EACI,4BAA8B,CACjC,AACD,iBAEI,SAAW,CACd,AACD,SAEI,eAAkB,CACrB,AACD,SAGI,iBAAmB,CACtB,AACD,GACI,eAAiB,AACjB,aAAe,CAClB,AACD,MACI,aAAe,CAClB,AACD,QAEI,kBAAmB,AACnB,cAAe,AACf,cAAe,AACf,uBAAyB,CAC5B,AACD,IACI,SAAY,CACf,AACD,IACI,aAAgB,CACnB,AACD,IACI,QAAU,CACb,AACD,eACI,eAAiB,CACpB,AACD,KACI,wBAA0B,CAC7B,AACD,kBAII,gCAAkC,AAClC,aAAe,CAClB,AACD,sCAKI,SAAU,AACV,cAAe,AACf,YAAc,CACjB,AACD,OACI,iBAAkB,AAClB,WAAa,CAChB,AACD,cAEI,mBAAqB,CACxB,AACD,oEAKI,eAAgB,AAEhB,yBAA2B,CAC9B,AACD,sCAEI,cAAgB,CACnB,AACD,iDAEI,UAAW,AACX,QAAU,CACb,AACD,MACI,kBAAoB,CACvB,AACD,YACI,YAAc,CACjB,AACD,uCAEI,sBAAuB,AACvB,SAAW,CACd,AACD,4FAEI,WAAa,CAChB,AACD,mBACI,uBAAwB,AAExB,4BAA8B,CACjC,AACD,+FAEI,uBAAyB,CAC5B,AACD,OACI,UAAW,AACX,QAAU,CACb,AACD,SACI,aAAe,CAClB,AACD,MACI,iBAAkB,AAClB,wBAA0B,CAC7B,AACD,MAEI,SAAW,CACd,AAOD,KAEI,kBAAmB,AACnB,gBAAiB,AAEjB,yCAA8C,CACjD,AACD,UANI,iBAAmB,CAqBtB,AAfD,KAEI,cAAqC,AACrC,yHAAyI,AACzI,iBAAkB,AAClB,kBAAmB,AACnB,gBAAiB,AACjB,kBAAmB,AACnB,iBAAkB,AAClB,kCAAmC,AACnC,gBAAiB,AAEjB,mCAAoC,AACpC,kCAAmC,AACnC,oCAAsC,CACzC,AAED,iBACI,iBAAkB,AAClB,kBAA+C,CAClD,AAHD,YACI,iBAAkB,AAClB,kBAA+C,CAClD,AAED,GACI,kBAAmB,AACnB,cAAe,AACf,WAAY,AACZ,qBAAsB,AACtB,UAAW,AACX,WAAY,AACZ,SAAU,AACV,4BAAsD,CACzD,AAED,kCAMI,qBAAuB,CAC1B,AAED,SACI,SAAU,AACV,UAAW,AACX,QAAU,CACb,AAED,SACI,eAAiB,CACpB,AAED,sBAKI,gBAAoB,CACvB,AAED,MAEI,mBAAoB,AACpB,mBAAqB,CACxB,AAED,wBAII,iBAAoB,CACvB,AAED,GACI,eAAiB,CACpB,AAED,GACI,kBAAoB,CACvB,AAED,GACI,cAAgB,AAChB,kBAAoB,AACpB,iBAAmB,CACtB,AAED,GACI,WAAY,AACZ,kBAAmB,AACnB,YAAa,AACb,cAAuB,AACvB,gBAAiB,AACjB,gBAAkB,CACrB,AAED,GACI,eAAkB,AAClB,eAAiB,CACpB,AAED,WACI,eAAgB,AAChB,gBAAyB,AACzB,8BAA0C,CAC7C,AAED,aACI,cAAgB,AAChB,gBAAiB,AACjB,eAAiB,CACpB,AAED,iBACI,qBAAsB,AACtB,yBAA4B,AAC5B,eAAiB,AACjB,UAAa,CAChB,AAED,wBACI,qBAAuB,CAC1B,AAED,gBACI,eAAkB,CACrB,AACD,kBACI,eAAoB,CACvB,AAED,EACI,cAAiC,AACjC,oBAAsB,CACzB,AAED,QACI,yBAA2B,CAC9B,AAED,kBAMI,aAAc,AACd,iBAAkB,AAClB,gBAAiB,AACjB,iCAAmC,CACtC,AAED,GACI,gBAAoB,AACpB,eAAgB,AAChB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,cAAgB,CACnB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AACD,yBACI,GACI,gBAAkB,CACrB,CACJ,AAED,GACI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CACpB,AAQD,MALI,oBAAwB,AACxB,iBAAkB,AAClB,eAAiB,CAOpB,AC/dD,+BAAkB,kBAA0C,CAAE,AAC9D,cAAgB,aAAc,CAAE,AAChC,gBAAkB,cAAe,AAAC,wBAAyB,CAAE,AAC7D,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAIhC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,iBAAkB,CAAE,AACrC,eAAiB,eAAiB,CAAE,AAEpC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAGjC,6CAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,cAAgB,aAAc,CAAE,AAIhC,4DAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAMjC,0FAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAGjC,eAAiB,aAAe,CAAE,AAClC,eAAiB,aAAe,CAAE,AAClC,eAAiB,aAAe,CAAE","file":"syntax.css","sourcesContent":["/* Variables\n/* ---------------------------------------------------------- */\n\n:root {\n /* Colours */\n --blue: #3eb0ef;\n --green: #a4d037;\n --purple: #ad26b4;\n --yellow: #fecd35;\n --red: #f05230;\n --darkgrey: #15171A;\n --midgrey: #738a94;\n --lightgrey: #c5d2d9;\n --whitegrey: #e5eff5;\n --pink: #fa3a57;\n --brown: #a3821a;\n}\n\n/* Reset\n/* ---------------------------------------------------------- */\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\nbody {\n line-height: 1;\n}\nol,\nul {\n list-style: none;\n}\nblockquote,\nq {\n quotes: none;\n}\nblockquote:before,\nblockquote:after,\nq:before,\nq:after {\n content: \"\";\n content: none;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\nimg {\n max-width: 100%;\n}\nhtml {\n box-sizing: border-box;\n font-family: sans-serif;\n\n -ms-text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n}\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\na {\n background-color: transparent;\n}\na:active,\na:hover {\n outline: 0;\n}\nb,\nstrong {\n font-weight: bold;\n}\ni,\nem,\ndfn {\n font-style: italic;\n}\nh1 {\n margin: 0.67em 0;\n font-size: 2em;\n}\nsmall {\n font-size: 80%;\n}\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nimg {\n border: 0;\n}\nsvg:not(:root) {\n overflow: hidden;\n}\nmark {\n background-color: #fdffb6;\n}\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0; /* 3 */\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n}\nbutton {\n overflow: visible;\n border: none;\n}\nbutton,\nselect {\n text-transform: none;\n}\nbutton,\nhtml input[type=\"button\"],\n/* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n cursor: pointer; /* 3 */\n\n -webkit-appearance: button; /* 2 */\n}\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\ninput {\n line-height: normal;\n}\ninput:focus {\n outline: none;\n}\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\ninput[type=\"search\"] {\n box-sizing: content-box; /* 2 */\n\n -webkit-appearance: textfield; /* 1 */\n}\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\nlegend {\n padding: 0; /* 2 */\n border: 0; /* 1 */\n}\ntextarea {\n overflow: auto;\n}\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\ntd,\nth {\n padding: 0;\n}\n\n\n/* ==========================================================================\n Base styles: opinionated defaults\n ========================================================================== */\n\nhtml {\n overflow-x: hidden;\n overflow-y: scroll;\n font-size: 62.5%;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n overflow-x: hidden;\n color: color(var(--midgrey) l(-25%));\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 1.5rem;\n line-height: 1.6em;\n font-weight: 400;\n font-style: normal;\n letter-spacing: 0;\n text-rendering: optimizeLegibility;\n background: #fff;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -moz-font-feature-settings: \"liga\" on;\n}\n\n::selection {\n text-shadow: none;\n background: color(var(--blue) lightness(+30%));\n}\n\nhr {\n position: relative;\n display: block;\n width: 100%;\n margin: 2.5em 0 3.5em;\n padding: 0;\n height: 1px;\n border: 0;\n border-top: 1px solid color(var(--lightgrey) l(+10%));\n}\n\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\ntextarea {\n resize: vertical;\n}\n\np,\nul,\nol,\ndl,\nblockquote {\n margin: 0 0 1.5em 0;\n}\n\nol,\nul {\n padding-left: 1.3em;\n padding-right: 1.5em;\n}\n\nol ol,\nul ul,\nul ol,\nol ul {\n margin: 0.5em 0 1em;\n}\n\nul {\n list-style: disc;\n}\n\nol {\n list-style: decimal;\n}\n\nli {\n margin: 0.5em 0;\n padding-left: 0.3em;\n line-height: 1.6em;\n}\n\ndt {\n float: left;\n margin: 0 20px 0 0;\n width: 120px;\n color: var(--darkgrey);\n font-weight: 500;\n text-align: right;\n}\n\ndd {\n margin: 0 0 5px 0;\n text-align: left;\n}\n\nblockquote {\n margin: 1.5em 0;\n padding: 0 1.6em 0 1.6em;\n border-left: var(--whitegrey) 0.5em solid;\n}\n\nblockquote p {\n margin: 0.8em 0;\n font-size: 1.2em;\n font-weight: 300;\n}\n\nblockquote small {\n display: inline-block;\n margin: 0.8em 0 0.8em 1.5em;\n font-size: 0.9em;\n opacity: 0.8;\n}\n/* Quotation marks */\nblockquote small:before {\n content: \"\\2014 \\00A0\";\n}\n\nblockquote cite {\n font-weight: bold;\n}\nblockquote cite a {\n font-weight: normal;\n}\n\na {\n color: color(var(--blue) l(-5%));\n text-decoration: none;\n}\n\na:hover {\n text-decoration: underline;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n line-height: 1.15;\n font-weight: 700;\n text-rendering: optimizeLegibility;\n}\n\nh1 {\n margin: 0 0 0.5em 0;\n font-size: 5rem;\n font-weight: 700;\n}\n@media (max-width: 500px) {\n h1 {\n font-size: 2.2rem;\n }\n}\n\nh2 {\n margin: 1.5em 0 0.5em 0;\n font-size: 2rem;\n}\n@media (max-width: 500px) {\n h2 {\n font-size: 1.8rem;\n }\n}\n\nh3 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.8rem;\n font-weight: 500;\n}\n@media (max-width: 500px) {\n h3 {\n font-size: 1.7rem;\n }\n}\n\nh4 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.6rem;\n font-weight: 500;\n}\n\nh5 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n\nh6 {\n margin: 1.5em 0 0.5em 0;\n font-size: 1.4rem;\n font-weight: 500;\n}\n","@import \"global.css\";\n.highlight pre { background: color(var(--darkgrey) l(-3%)); }\n.highlight .hll { background: color(var(--darkgrey) l(-3%)); }\n.highlight .c { color: #75715e } /* Comment */\n.highlight .err { color: #960050; background-color: #1e0010 } /* Error */\n.highlight .k { color: #66d9ef } /* Keyword */\n.highlight .l { color: #ae81ff } /* Literal */\n.highlight .n { color: #f8f8f2 } /* Name */\n.highlight .o { color: #f92672 } /* Operator */\n.highlight .p { color: #f8f8f2 } /* Punctuation */\n.highlight .cm { color: #75715e } /* Comment.Multiline */\n.highlight .cp { color: #75715e } /* Comment.Preproc */\n.highlight .c1 { color: #75715e } /* Comment.Single */\n.highlight .cs { color: #75715e } /* Comment.Special */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .kc { color: #66d9ef } /* Keyword.Constant */\n.highlight .kd { color: #66d9ef } /* Keyword.Declaration */\n.highlight .kn { color: #f92672 } /* Keyword.Namespace */\n.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */\n.highlight .kr { color: #66d9ef } /* Keyword.Reserved */\n.highlight .kt { color: #66d9ef } /* Keyword.Type */\n.highlight .ld { color: #e6db74 } /* Literal.Date */\n.highlight .m { color: #ae81ff } /* Literal.Number */\n.highlight .s { color: #e6db74 } /* Literal.String */\n.highlight .na { color: #a6e22e } /* Name.Attribute */\n.highlight .nb { color: #f8f8f2 } /* Name.Builtin */\n.highlight .nc { color: #a6e22e } /* Name.Class */\n.highlight .no { color: #66d9ef } /* Name.Constant */\n.highlight .nd { color: #a6e22e } /* Name.Decorator */\n.highlight .ni { color: #f8f8f2 } /* Name.Entity */\n.highlight .ne { color: #a6e22e } /* Name.Exception */\n.highlight .nf { color: #a6e22e } /* Name.Function */\n.highlight .nl { color: #f8f8f2 } /* Name.Label */\n.highlight .nn { color: #f8f8f2 } /* Name.Namespace */\n.highlight .nx { color: #a6e22e } /* Name.Other */\n.highlight .py { color: #f8f8f2 } /* Name.Property */\n.highlight .nt { color: #f92672 } /* Name.Tag */\n.highlight .nv { color: #f8f8f2 } /* Name.Variable */\n.highlight .ow { color: #f92672 } /* Operator.Word */\n.highlight .w { color: #f8f8f2 } /* Text.Whitespace */\n.highlight .mf { color: #ae81ff } /* Literal.Number.Float */\n.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */\n.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */\n.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */\n.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */\n.highlight .sc { color: #e6db74 } /* Literal.String.Char */\n.highlight .sd { color: #e6db74 } /* Literal.String.Doc */\n.highlight .s2 { color: #e6db74 } /* Literal.String.Double */\n.highlight .se { color: #ae81ff } /* Literal.String.Escape */\n.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */\n.highlight .si { color: #e6db74 } /* Literal.String.Interpol */\n.highlight .sx { color: #e6db74 } /* Literal.String.Other */\n.highlight .sr { color: #e6db74 } /* Literal.String.Regex */\n.highlight .s1 { color: #e6db74 } /* Literal.String.Single */\n.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */\n.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */\n.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */\n.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */\n.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */\n.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */\n\n.highlight .gh { } /* Generic Heading & Diff Header */\n.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */\n.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */\n.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */\n"],"sourceRoot":"/source/"} \ No newline at end of file diff --git a/assets/css/screen.edited.css b/assets/css/screen.edited.css index a697ef12b..76b935f29 100644 --- a/assets/css/screen.edited.css +++ b/assets/css/screen.edited.css @@ -115,3 +115,32 @@ production stylesheet in assets/built/screen.css border-radius: 100%; box-shadow: #f4f8fb 0 0 0 5px; } + +figure.highlight, +.highlight pre, +.highlight code, +.highlight table, +.highlight tbody, +.highlight tr, +td.code { + border: none; + min-width: 100%; + max-width: 100%; +} + +.highlight table, +.highlight td pre { + padding: 0; + margin: 0; +} + +.highlight table td { + border: none; + margin: none; + padding: none; +} + +.highlight table td:first-child, +.highlight table td:last-child { + background: none; +} diff --git a/assets/css/syntax.css b/assets/css/syntax.css new file mode 100644 index 000000000..3a48227f9 --- /dev/null +++ b/assets/css/syntax.css @@ -0,0 +1,66 @@ +@import "global.css"; +.highlight pre { background: color(var(--darkgrey) l(-3%)); } +.highlight .hll { background: color(var(--darkgrey) l(-3%)); } +.highlight .c { color: #75715e } /* Comment */ +.highlight .err { color: #960050; background-color: #1e0010 } /* Error */ +.highlight .k { color: #66d9ef } /* Keyword */ +.highlight .l { color: #ae81ff } /* Literal */ +.highlight .n { color: #f8f8f2 } /* Name */ +.highlight .o { color: #f92672 } /* Operator */ +.highlight .p { color: #f8f8f2 } /* Punctuation */ +.highlight .cm { color: #75715e } /* Comment.Multiline */ +.highlight .cp { color: #75715e } /* Comment.Preproc */ +.highlight .c1 { color: #75715e } /* Comment.Single */ +.highlight .cs { color: #75715e } /* Comment.Special */ +.highlight .ge { font-style: italic } /* Generic.Emph */ +.highlight .gs { font-weight: bold } /* Generic.Strong */ +.highlight .kc { color: #66d9ef } /* Keyword.Constant */ +.highlight .kd { color: #66d9ef } /* Keyword.Declaration */ +.highlight .kn { color: #f92672 } /* Keyword.Namespace */ +.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */ +.highlight .kr { color: #66d9ef } /* Keyword.Reserved */ +.highlight .kt { color: #66d9ef } /* Keyword.Type */ +.highlight .ld { color: #e6db74 } /* Literal.Date */ +.highlight .m { color: #ae81ff } /* Literal.Number */ +.highlight .s { color: #e6db74 } /* Literal.String */ +.highlight .na { color: #a6e22e } /* Name.Attribute */ +.highlight .nb { color: #f8f8f2 } /* Name.Builtin */ +.highlight .nc { color: #a6e22e } /* Name.Class */ +.highlight .no { color: #66d9ef } /* Name.Constant */ +.highlight .nd { color: #a6e22e } /* Name.Decorator */ +.highlight .ni { color: #f8f8f2 } /* Name.Entity */ +.highlight .ne { color: #a6e22e } /* Name.Exception */ +.highlight .nf { color: #a6e22e } /* Name.Function */ +.highlight .nl { color: #f8f8f2 } /* Name.Label */ +.highlight .nn { color: #f8f8f2 } /* Name.Namespace */ +.highlight .nx { color: #a6e22e } /* Name.Other */ +.highlight .py { color: #f8f8f2 } /* Name.Property */ +.highlight .nt { color: #f92672 } /* Name.Tag */ +.highlight .nv { color: #f8f8f2 } /* Name.Variable */ +.highlight .ow { color: #f92672 } /* Operator.Word */ +.highlight .w { color: #f8f8f2 } /* Text.Whitespace */ +.highlight .mf { color: #ae81ff } /* Literal.Number.Float */ +.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */ +.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */ +.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */ +.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */ +.highlight .sc { color: #e6db74 } /* Literal.String.Char */ +.highlight .sd { color: #e6db74 } /* Literal.String.Doc */ +.highlight .s2 { color: #e6db74 } /* Literal.String.Double */ +.highlight .se { color: #ae81ff } /* Literal.String.Escape */ +.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */ +.highlight .si { color: #e6db74 } /* Literal.String.Interpol */ +.highlight .sx { color: #e6db74 } /* Literal.String.Other */ +.highlight .sr { color: #e6db74 } /* Literal.String.Regex */ +.highlight .s1 { color: #e6db74 } /* Literal.String.Single */ +.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */ +.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */ +.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */ +.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */ +.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */ +.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */ + +.highlight .gh { } /* Generic Heading & Diff Header */ +.highlight .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */ +.highlight .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */ +.highlight .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */