diff --git a/.jsbeautifyrc b/.jsbeautifyrc
index b8b7d57..40a72e4 100644
--- a/.jsbeautifyrc
+++ b/.jsbeautifyrc
@@ -1,41 +1,50 @@
{
- "editorconfig" : true,
- "indent_size" : 2,
+ "editorconfig": true,
+ "indent_char": " ",
+ "force_indentation": true,
+ "preserve_newlines": false,
+ "indent_with_tabs": false,
+ "keep_array_indentation": false,
+ "break_chained_methods": false,
+ "indent_scripts": "keep",
+ "brace_style": "collapse",
+ "space_before_conditional": true,
+ "unescape_strings": false,
+ "jslint_happy": false,
+ "end_with_newline": true,
+ "wrap_line_length": "0",
+ "indent_inner_html": true,
+ "comma_first": false,
+ "e4x": true,
+ "indent_empty_lines": false,
+
+ "beautifiers": [
+ "JS-Beautify",
+ "Prettier",
+ "Pretty Diff",
+ "ESLint"
+ ],
"html": {
- "indent_size" : 4,
- "indent_char" : " ",
- "end_with_newline" : true,
- "wrap_attributes" : "force-aligned",
- "brace_style" : "end-expand",
- "unformatted" : ["abbr", "area", "audio", "b", "bdi", "bdo", "br","canvas", "cite", "code", "data", "datalist", "del", "dfn", "em", "embed", "i", "iframe", "img", "ins", "kbd", "keygen", "label", "map", "mark", "math", "meter", "noscript", "object", "output", "progress", "q", "ruby", "s", "samp", "select", "small", "span", "strong", "sub", "sup", "svg", "template", "textarea", "time", "u", "var", "video", "wbr", "text", "acronym", "address", "big", "dt", "ins", "strike", "tt", "link", "meta", "option", "script"],
- "beautifiers" : [
- "JS-Beautify"
- ],
- "js": {
- "indent_size": 2
- },
- "css": {
- "indent_size": 2
- }
+ "allowed_file_extensions": ["htm", "html", "xhtml", "xml"],
+ "indent_size": 4,
+ "wrap_attributes": "auto",
+ "unformatted": ["img", "code", "pre", "sub", "sup", "em", "strong", "b", "i", "u", "strike", "big", "small", "pre", "svg"]
},
"css": {
- "beautifiers" : [
- "Prettier",
- "Pretty Diff",
- "JS-Beautify"
- ],
- "align_assignments" : true,
- "indent_size" : 2,
- "end_with_comma" : true,
- "end_with_newline" : true
+ "allowed_file_extensions": ["css", "scss", "sass", "less"],
+ "indent_size": 2,
+ "align_assignments": true,
+ "end_with_comma": true
},
- "JavaScript": {
- "indent_size" : 2,
- "indent_char" : " ",
- "align_assignments" : true,
- "preserve-newlines" : true,
- "beautifiers" : [
- "Pretty Diff"
- ]
+ "js": {
+ "allowed_file_extensions": ["js", "json", "jshintrc", "jsbeautifyrc"],
+ "indent_size": 2,
+ "indent_level": 0,
+ "quotes": "single",
+ "align_assignments": true,
+ "space_after_anon_function": true,
+ "space_in_empty_paren": true,
+ "end_with_comma": true,
+ "end_with_semicolon": true
}
}
diff --git a/gh-pages/css/main.min.css b/gh-pages/css/main.min.css
index 126a180..d86592c 100644
--- a/gh-pages/css/main.min.css
+++ b/gh-pages/css/main.min.css
@@ -1 +1 @@
-a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,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,i,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,u,ul,var,video{margin:0;padding:0;vertical-align:baseline;border:0;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{background-color:#e7e7e7;font-family:"Open Sans", sans-serif;font-size:1.6rem;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:"";content:none}q:after,q:before{content:"";content:none}.cd-main-content:after,.cd-tab-filter-wrapper:after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#41307c}.cd-header{position:relative;height:150px}.cd-header h1{color:#fff;font-size:2.4rem;font-weight:300}@media only screen and (min-width: 1170px){.cd-header{height:180px}.cd-header h1{line-height:180px}}.cd-main-content{position:relative;min-height:100vh}.cd-main-content.is-fixed .cd-tab-filter-wrapper{position:fixed;top:0;left:0;width:100%}.cd-main-content.is-fixed .cd-gallery{padding-top:76px}.cd-main-content.is-fixed .cd-filter{position:fixed;overflow:hidden;height:100vh}.cd-main-content.is-fixed .cd-filter form{overflow:auto;-webkit-overflow-scrolling:touch;height:100vh}.cd-main-content.is-fixed .cd-filter-trigger{position:fixed}@media only screen and (min-width: 768px){.cd-main-content.is-fixed .cd-gallery{padding-top:90px}}@media only screen and (min-width: 1170px){.cd-main-content.is-fixed .cd-gallery{padding-top:75pt}}.cd-tab-filter-wrapper{z-index:1;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.08);box-shadow:0 1px 1px rgba(0,0,0,0.08)}.cd-tab-filter{position:relative;z-index:1;width:140px;height:50px;margin:0 auto}.cd-tab-filter::after{position:absolute;top:50%;right:14px;bottom:auto;display:inline-block;width:1pc;height:1pc;content:"";-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;background:url("../img/cd-icon-arrow.svg") center center no-repeat}.cd-tab-filter ul{position:absolute;top:0;left:0;background-color:#fff;-webkit-box-shadow:inset 0 -2px 0 #41307c;box-shadow:inset 0 -2px 0 #41307c}.cd-tab-filter li{display:none}.cd-tab-filter li:first-child{display:inline-block}.cd-tab-filter a{display:block;width:140px;height:50px;padding-left:14px;line-height:50px}.cd-tab-filter a.selected{color:#fff;background:#41307c}.cd-tab-filter.is-open::after{-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.cd-tab-filter.is-open ul{-webkit-box-shadow:inset 0 -2px 0 #41307c,0 2px 10px rgba(0,0,0,0.2);box-shadow:inset 0 -2px 0 #41307c,0 2px 10px rgba(0,0,0,0.2)}.cd-tab-filter.is-open ul li{display:block}.cd-tab-filter.is-open .placeholder a{opacity:0.4}@media only screen and (min-width: 768px){.cd-tab-filter{width:auto;cursor:auto}.cd-tab-filter::after{display:none}.cd-tab-filter ul{position:static;text-align:center;background:0 0;-webkit-box-shadow:none;box-shadow:none}.cd-tab-filter li{display:inline-block}.cd-tab-filter li.placeholder{display:none !important}.cd-tab-filter.is-open ul li,.cd-tab-filter a{display:inline-block}.cd-tab-filter a{width:auto;padding:0 1em;text-transform:uppercase;color:#9a9a9a;font-size:1.3rem;font-weight:700}.no-touch .cd-tab-filter a:hover{color:#41307c}.cd-tab-filter a.selected{color:#41307c;background:0 0;-webkit-box-shadow:inset 0 -2px 0 #41307c;box-shadow:inset 0 -2px 0 #41307c}}.cd-filter{position:absolute;z-index:2;top:0;left:0}.cd-filter::before{position:absolute;z-index:2;top:0;left:0}@media only screen and (min-width: 1170px){.cd-tab-filter{float:right;width:100%;margin:0;-webkit-transition:width 0.3s;transition:width 0.3s}.cd-tab-filter.filter-is-visible{width:80%}}.cd-gallery{width:100%;padding:26px 5%}.cd-gallery li{display:inline-block;margin-right:2em;margin-bottom:1.6em;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1)}.cd-gallery li.gap{display:inline-block;height:0;opacity:0}.cd-gallery img{display:block;width:100%}.cd-gallery .cd-fail-message{display:none;text-align:center}@media only screen and (min-width: 768px){.cd-gallery{padding:40px 3%}.cd-gallery ul{text-align:justify}.cd-gallery ul:after{display:table;clear:both;content:""}.cd-gallery li{width:48%;margin-bottom:2em}}@media only screen and (min-width: 1170px){.cd-gallery{float:right;padding:50px 2%;-webkit-transition:width 0.3s;transition:width 0.3s}.cd-gallery li{width:23%}.cd-gallery.filter-is-visible{width:80%}}.cd-filter{width:280px;height:100%;-webkit-transition:-webkit-transform 0.3s, box-shadow 0.3s;-webkit-transition:-webkit-transform 0.3s, -webkit-box-shadow 0.3s;transition:-webkit-transform 0.3s, -webkit-box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;-webkit-transform:translateZ(0);-webkit-transform:translateX(-100%);transform:translateZ(0);transform:translateX(-100%);background:#fff;-webkit-box-shadow:4px 4px 20px transparent;box-shadow:4px 4px 20px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-filter::before{width:100%;height:50px;content:""}.cd-filter .cd-close{position:absolute;z-index:3;top:0;height:50px;line-height:50px}.cd-filter-trigger{position:absolute;z-index:3;top:0;height:50px;line-height:50px}.cd-filter form{padding:70px 20px}.cd-filter .cd-close{right:0;width:60px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;text-align:center;opacity:0;color:#fff;font-size:1.3rem}.no-touch .cd-filter .cd-close:hover{background:#32255f}.cd-filter.filter-is-visible{-webkit-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:4px 4px 20px rgba(0,0,0,0.2);box-shadow:4px 4px 20px rgba(0,0,0,0.2)}.cd-filter.filter-is-visible .cd-close{opacity:1}@media only screen and (min-width: 1170px){.cd-filter{width:20%}.cd-filter form{padding:70px 10%}}.cd-filter-trigger{left:0;overflow:hidden;width:60px;white-space:nowrap;text-indent:100%;color:transparent;background:url("../img/cd-icon-filter.svg") center center no-repeat}.cd-filter-block .cd-select::after,.cd-filter-block h4::before{top:50%;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.cd-filter-trigger.filter-is-visible{pointer-events:none}@media only screen and (min-width: 1170px){.cd-filter-trigger{left:2%;width:auto;padding-left:24px;-webkit-transition:color 0.3s;transition:color 0.3s;text-indent:0;text-transform:uppercase;color:#9a9a9a;background-position:left center;font-size:1.3rem;font-weight:700}.no-touch .cd-filter-trigger:hover{color:#41307c}.cd-filter-trigger.filter-is-visible{color:#fff}.cd-filter-trigger.filter-is-visible:hover{color:#fff}}.cd-filter-block{margin-bottom:1.6em}.cd-filter-block h4{position:relative;margin-bottom:0.2em;padding:10px 0 10px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;color:#9a9a9a;font-size:1.3rem;font-weight:700}.no-touch .cd-filter-block h4:hover{color:#41307c}.cd-filter-block h4::before{position:absolute;left:0;width:1pc;height:1pc;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url("../img/cd-icon-arrow.svg") center center no-repeat}.cd-filter-block h4.closed::before{-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before,.cd-filter-block input,.cd-filter-block select{border:2px solid #e6e6e6;border-radius:0;background-color:#fff;font-family:"Open Sans", sans-serif}.cd-filter-block input[type=search],.cd-filter-block input[type=text]{width:100%;padding:0.8em;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-filter-block select{width:100%;padding:0.8em;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-filter-block input[type=search]:focus,.cd-filter-block input[type=text]:focus{border-color:#41307c;outline:0;background-color:#fff}.cd-filter-block select:focus{border-color:#41307c;outline:0;background-color:#fff}.cd-filter-block input[type=search]{border-color:transparent;background-color:#e6e6e6;font-size:1.6rem !important}.cd-filter-block input[type=search]::-webkit-search-cancel-button{display:none}.cd-filter-block .cd-select{position:relative}.cd-filter-block .cd-select::after{position:absolute;z-index:1;right:14px;display:block;width:1pc;height:1pc;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;background:url("../img/cd-icon-arrow.svg") center center no-repeat}.cd-filter-block select{cursor:pointer;font-size:1.4rem}.cd-filter-block select::-ms-expand{display:none}.cd-filter-block .list li{position:relative;margin-bottom:0.8em}.cd-filter-block .list li:last-of-type{margin-bottom:0}.cd-filter-block input[type=checkbox],.cd-filter-block input[type=radio]{position:absolute;z-index:2;top:0;left:0;margin:0;padding:0;opacity:0}.cd-filter-block .checkbox-label,.cd-filter-block .radio-label{padding-left:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.4rem}.cd-filter-block .checkbox-label::after,.cd-filter-block .checkbox-label::before{position:absolute;top:50%;display:block;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{position:absolute;top:50%;display:block;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before{left:0;width:1pc;height:1pc}.cd-filter-block .checkbox-label::after,.cd-filter-block .radio-label::after{display:none}.cd-filter-block .checkbox-label::after{width:1pc;height:1pc;background:url("../img/cd-icon-check.svg") center center no-repeat}.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{border-radius:50%}.cd-filter-block .radio-label::after{left:5px;width:6px;height:6px;background-color:#fff}.cd-filter-block input[type=checkbox]:checked+label::before,.cd-filter-block input[type=radio]:checked+label::before{border-color:#41307c;background-color:#41307c}.cd-filter-block input[type=checkbox]:checked+label::after,.cd-filter-block input[type=radio]:checked+label::after{display:block}@-moz-document url-prefix(){.cd-filter-block .cd-select::after{display:none}}:active,:focus{outline:0}a{outline:0}a:active,a:focus{outline:0}input::-moz-focus-inner{border:0}code[class*=language-],pre[class*=language-]{font-size:10px}body{color:#75715e}.github-int{margin-top:30px}.gogh-content{width:70%;margin:30px auto 40px}.gogh-content h2{margin-bottom:30px;color:#595647;font-size:26px}.gogh-content h3{margin:30px 0 20px;color:#595647;font-size:22px}.gogh-content code[class*=language-],.gogh-content pre[class*=language-]{margin:0;font-size:14px}.cd-header h1{text-align:center;line-height:30px}.cd-header h1 span{display:block;overflow:hidden;white-space:nowrap;text-indent:100%;color:#fff}.cd-filter::before{background-color:#66d9ef}.cd-filter .cd-close{background:#f92672}.cd-gallery h3{margin:15px 0 15px 30px}.cd-header{text-align:center;background-color:#fff}@media only screen and (min-width: 768px){.cd-tab-filter a{color:#f92672}.no-touch .cd-tab-filter a:hover{color:#75715e}.cd-tab-filter a.selected{color:#75715e;-webkit-box-shadow:inset 0 -2px 0 #75715e;box-shadow:inset 0 -2px 0 #75715e}}.code-wrap{position:relative;margin-top:15px}.code-wrap pre{padding:20px 5px 0}.code-wrap .btn-copy{position:absolute;top:25px;right:3px;display:inline-block;padding:3px 5px 2px 7px;cursor:pointer;border:1px solid #d8d8d8;border-radius:3px;background-color:#F5F2F0}.code-wrap .btn-copy:hover{background-color:#d8d8d8}.code-wrap .btn-copy:active{background-color:#ffffff}.code-wrap .btn-copy img{width:15px}.terminal{box-sizing:border-box;margin:0 0 50px;box-shadow:5px 5px 11px #737373, -5px -5px 11px #b1b1b1}.terminal .bar{position:relative;width:100%;height:25px;text-align:center;border-radius:5px 5px 0 0;background-color:#D9D9D9;font-size:0}.terminal .bar .bar__title{position:absolute;top:4px;right:0;left:0;margin:0 auto;color:#5e5e5e;font-family:Arial;font-size:14px;font-weight:400;line-height:1.2}.terminal .bar .bar__btns{position:absolute;top:7px;right:10px}.terminal .body{box-sizing:border-box;padding:30px;border:1px solid #D9D9D9;border-radius:0 0 5px 5px}.terminal .body .body__txt{margin:0 0 30px}.terminal .body .body__txt p{margin:0;padding:0;font-size:20px;line-height:1.1}@media (min-width: 767px){.terminal .body .body__txt p{font-size:14px}}@media (min-width: 991px){.terminal .body .body__txt p{font-size:20px}}@media (min-width: 1199px){.terminal .body .body__txt p{font-size:18px}}.terminal .body .body__txt p span{letter-spacing:2px;font-size:16px}@media (min-width: 767px){.terminal .body .body__txt p span{letter-spacing:1px;font-size:12px}}@media (min-width: 991px){.terminal .body .body__txt p span{letter-spacing:1.5px;font-size:15px}}@media (min-width: 1199px){.terminal .body .body__txt p span{font-size:10px}}.terminal .body .body__bar{font-size:0}.terminal .body .body__bar span{display:inline-block;width:12.5%;height:30px}.terminal .body .body__bar--bottom{margin:0 0 30px}.btn{display:inline-block;width:10px;height:10px;margin:0 4px;cursor:pointer;border-radius:100px;background-color:#000000}.btn--min{border:1px solid #6d6d6d;background-color:#868686}.btn--max{border:1px solid #4c4c4c;background-color:#656565}.btn--close{border:1px solid #000;background-color:#171717}.cmd__cursor{animation:1s blink step-end infinite}@keyframes "blink"{from,to{opacity:0}50%{opacity:1}}
+a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,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,i,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,u,ul,var,video{margin:0;padding:0;vertical-align:baseline;border:0;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{background-color:#e7e7e7;font-family:"Open Sans", sans-serif;font-size:1.6rem;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:"";content:none}q:after,q:before{content:"";content:none}.cd-main-content:after,.cd-tab-filter-wrapper:after{display:table;clear:both;content:""}table{border-spacing:0;border-collapse:collapse}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}html *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:#41307c}.cd-header{position:relative;height:150px}.cd-header h1{color:#fff;font-size:2.4rem;font-weight:300}@media only screen and (min-width: 1170px){.cd-header{height:180px}.cd-header h1{line-height:180px}}.cd-main-content{position:relative;min-height:100vh}@media (min-width: 1400px){.cd-main-content{max-width:72%;margin:0 auto}}.cd-main-content.is-fixed .cd-tab-filter-wrapper{position:fixed;top:0;left:0;width:100%}.cd-main-content.is-fixed .cd-gallery{padding-top:76px}.cd-main-content.is-fixed .cd-filter{position:fixed;overflow:hidden;height:100vh}.cd-main-content.is-fixed .cd-filter form{overflow:auto;-webkit-overflow-scrolling:touch;height:100vh}.cd-main-content.is-fixed .cd-filter-trigger{position:fixed}@media only screen and (min-width: 768px){.cd-main-content.is-fixed .cd-gallery{padding-top:90px}}@media only screen and (min-width: 1170px){.cd-main-content.is-fixed .cd-gallery{padding-top:75pt}}.cd-tab-filter-wrapper{z-index:1;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.08);box-shadow:0 1px 1px rgba(0,0,0,0.08)}.cd-tab-filter{position:relative;z-index:1;width:140px;height:50px;margin:0 auto}.cd-tab-filter::after{position:absolute;top:50%;right:14px;bottom:auto;display:inline-block;width:1pc;height:1pc;content:"";-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;background:url("../img/cd-icon-arrow.svg") center center no-repeat}.cd-tab-filter ul{position:absolute;top:0;left:0;background-color:#fff;-webkit-box-shadow:inset 0 -2px 0 #41307c;box-shadow:inset 0 -2px 0 #41307c}.cd-tab-filter li{display:none}.cd-tab-filter li:first-child{display:inline-block}.cd-tab-filter a{display:block;width:140px;height:50px;padding-left:14px;line-height:50px}.cd-tab-filter a.selected{color:#fff;background:#41307c}.cd-tab-filter.is-open::after{-webkit-transform:translateY(-50%) rotate(-180deg);transform:translateY(-50%) rotate(-180deg)}.cd-tab-filter.is-open ul{-webkit-box-shadow:inset 0 -2px 0 #41307c,0 2px 10px rgba(0,0,0,0.2);box-shadow:inset 0 -2px 0 #41307c,0 2px 10px rgba(0,0,0,0.2)}.cd-tab-filter.is-open ul li{display:block}.cd-tab-filter.is-open .placeholder a{opacity:0.4}@media only screen and (min-width: 768px){.cd-tab-filter{width:auto;cursor:auto}.cd-tab-filter::after{display:none}.cd-tab-filter ul{position:static;text-align:center;background:0 0;-webkit-box-shadow:none;box-shadow:none}.cd-tab-filter li{display:inline-block}.cd-tab-filter li.placeholder{display:none !important}.cd-tab-filter.is-open ul li,.cd-tab-filter a{display:inline-block}.cd-tab-filter a{width:auto;padding:0 1em;text-transform:uppercase;color:#9a9a9a;font-size:1.3rem;font-weight:700}.no-touch .cd-tab-filter a:hover{color:#41307c}.cd-tab-filter a.selected{color:#41307c;background:0 0;-webkit-box-shadow:inset 0 -2px 0 #41307c;box-shadow:inset 0 -2px 0 #41307c}}.cd-filter{position:absolute;z-index:2;top:0;left:0}.cd-filter::before{position:absolute;z-index:2;top:0;left:0}@media only screen and (min-width: 1170px){.cd-tab-filter{float:right;width:100%;margin:0;-webkit-transition:width 0.3s;transition:width 0.3s}.cd-tab-filter.filter-is-visible{width:80%}}.cd-gallery{width:100%;padding:26px 5%}.cd-gallery li{display:inline-block;margin-right:2em;margin-bottom:1.6em;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.1);box-shadow:0 1px 4px rgba(0,0,0,0.1)}.cd-gallery li.gap{display:inline-block;height:0;opacity:0}.cd-gallery img{display:block;width:100%}.cd-gallery .cd-fail-message{display:none;text-align:center}@media only screen and (min-width: 768px){.cd-gallery{padding:40px 3%}.cd-gallery ul{text-align:justify}.cd-gallery ul:after{display:table;clear:both;content:""}.cd-gallery li{width:48%;margin-bottom:2em}}@media only screen and (min-width: 1170px){.cd-gallery{float:right;padding:50px 2%;-webkit-transition:width 0.3s;transition:width 0.3s}.cd-gallery li{width:23%}.cd-gallery.filter-is-visible{width:80%}}.cd-filter{width:280px;height:100%;-webkit-transition:-webkit-transform 0.3s, box-shadow 0.3s;-webkit-transition:-webkit-transform 0.3s, -webkit-box-shadow 0.3s;transition:-webkit-transform 0.3s, -webkit-box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s;transition:transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;-webkit-transform:translateZ(0);-webkit-transform:translateX(-100%);transform:translateZ(0);transform:translateX(-100%);background:#fff;-webkit-box-shadow:4px 4px 20px transparent;box-shadow:4px 4px 20px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cd-filter::before{width:100%;height:50px;content:""}.cd-filter .cd-close{position:absolute;z-index:3;top:0;height:50px;line-height:50px}.cd-filter-trigger{position:absolute;z-index:3;top:0;height:50px;line-height:50px}.cd-filter form{padding:70px 20px}.cd-filter .cd-close{right:0;width:60px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;text-align:center;opacity:0;color:#fff;font-size:1.3rem}.no-touch .cd-filter .cd-close:hover{background:#32255f}.cd-filter.filter-is-visible{-webkit-transform:translateX(0);transform:translateX(0);-webkit-box-shadow:4px 4px 20px rgba(0,0,0,0.2);box-shadow:4px 4px 20px rgba(0,0,0,0.2)}.cd-filter.filter-is-visible .cd-close{opacity:1}@media only screen and (min-width: 1170px){.cd-filter{width:20%}.cd-filter form{padding:70px 10%}}.cd-filter-trigger{left:0;overflow:hidden;width:60px;white-space:nowrap;text-indent:100%;color:transparent;background:url("../img/cd-icon-filter.svg") center center no-repeat}.cd-filter-block .cd-select::after,.cd-filter-block h4::before{top:50%;content:"";-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}.cd-filter-trigger.filter-is-visible{pointer-events:none}@media only screen and (min-width: 1170px){.cd-filter-trigger{left:2%;width:auto;padding-left:24px;-webkit-transition:color 0.3s;transition:color 0.3s;text-indent:0;text-transform:uppercase;color:#9a9a9a;background-position:left center;font-size:1.3rem;font-weight:700}.no-touch .cd-filter-trigger:hover{color:#41307c}.cd-filter-trigger.filter-is-visible{color:#fff}.cd-filter-trigger.filter-is-visible:hover{color:#fff}}.cd-filter-block{margin-bottom:1.6em}.cd-filter-block h4{position:relative;margin-bottom:0.2em;padding:10px 0 10px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:uppercase;color:#9a9a9a;font-size:1.3rem;font-weight:700}.no-touch .cd-filter-block h4:hover{color:#41307c}.cd-filter-block h4::before{position:absolute;left:0;width:1pc;height:1pc;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s, -webkit-transform 0.3s;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url("../img/cd-icon-arrow.svg") center center no-repeat}.cd-filter-block h4.closed::before{-webkit-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before,.cd-filter-block input,.cd-filter-block select{border:2px solid #e6e6e6;border-radius:0;background-color:#fff;font-family:"Open Sans", sans-serif}.cd-filter-block input[type=search],.cd-filter-block input[type=text]{width:100%;padding:0.8em;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-filter-block select{width:100%;padding:0.8em;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}.cd-filter-block input[type=search]:focus,.cd-filter-block input[type=text]:focus{border-color:#41307c;outline:0;background-color:#fff}.cd-filter-block select:focus{border-color:#41307c;outline:0;background-color:#fff}.cd-filter-block input[type=search]{border-color:transparent;background-color:#e6e6e6;font-size:1.6rem !important}.cd-filter-block input[type=search]::-webkit-search-cancel-button{display:none}.cd-filter-block .cd-select{position:relative}.cd-filter-block .cd-select::after{position:absolute;z-index:1;right:14px;display:block;width:1pc;height:1pc;-webkit-transform:translateY(-50%);transform:translateY(-50%);pointer-events:none;background:url("../img/cd-icon-arrow.svg") center center no-repeat}.cd-filter-block select{cursor:pointer;font-size:1.4rem}.cd-filter-block select::-ms-expand{display:none}.cd-filter-block .list li{position:relative;margin-bottom:0.8em}.cd-filter-block .list li:last-of-type{margin-bottom:0}.cd-filter-block input[type=checkbox],.cd-filter-block input[type=radio]{position:absolute;z-index:2;top:0;left:0;margin:0;padding:0;opacity:0}.cd-filter-block .checkbox-label,.cd-filter-block .radio-label{padding-left:24px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1.4rem}.cd-filter-block .checkbox-label::after,.cd-filter-block .checkbox-label::before{position:absolute;top:50%;display:block;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{position:absolute;top:50%;display:block;content:"";-webkit-transform:translateY(-50%);transform:translateY(-50%)}.cd-filter-block .checkbox-label::before,.cd-filter-block .radio-label::before{left:0;width:1pc;height:1pc}.cd-filter-block .checkbox-label::after,.cd-filter-block .radio-label::after{display:none}.cd-filter-block .checkbox-label::after{width:1pc;height:1pc;background:url("../img/cd-icon-check.svg") center center no-repeat}.cd-filter-block .radio-label::after,.cd-filter-block .radio-label::before{border-radius:50%}.cd-filter-block .radio-label::after{left:5px;width:6px;height:6px;background-color:#fff}.cd-filter-block input[type=checkbox]:checked+label::before,.cd-filter-block input[type=radio]:checked+label::before{border-color:#41307c;background-color:#41307c}.cd-filter-block input[type=checkbox]:checked+label::after,.cd-filter-block input[type=radio]:checked+label::after{display:block}@-moz-document url-prefix(){.cd-filter-block .cd-select::after{display:none}}:active,:focus{outline:0}a{outline:0}a:active,a:focus{outline:0}input::-moz-focus-inner{border:0}code[class*=language-],pre[class*=language-]{font-size:10px}body{color:#75715e}.github-int{margin-top:30px}.gogh-content{width:70%;margin:30px auto 40px}.gogh-content h2{margin-bottom:30px;color:#595647;font-size:26px}.gogh-content h3{margin:30px 0 20px;color:#595647;font-size:22px}.gogh-content code[class*=language-],.gogh-content pre[class*=language-]{margin:0;font-size:14px}.cd-header h1{text-align:center;line-height:30px}.cd-header h1 span{display:block;overflow:hidden;white-space:nowrap;text-indent:100%;color:#fff}.cd-filter::before{background-color:#66d9ef}.cd-filter .cd-close{background:#f92672}.cd-gallery h3{margin:15px 0 15px 30px}.cd-header{text-align:center;background-color:#fff}@media only screen and (min-width: 768px){.cd-tab-filter a{color:#f92672}.no-touch .cd-tab-filter a:hover{color:#75715e}.cd-tab-filter a.selected{color:#75715e;-webkit-box-shadow:inset 0 -2px 0 #75715e;box-shadow:inset 0 -2px 0 #75715e}}.code-wrap{position:relative;margin-top:15px}.code-wrap pre{padding:20px 5px 0}.code-wrap .btn-copy{position:absolute;top:25px;right:3px;display:inline-block;padding:3px 5px 2px 7px;cursor:pointer;border:1px solid #d8d8d8;border-radius:3px;background-color:#F5F2F0}.code-wrap .btn-copy:hover{background-color:#d8d8d8}.code-wrap .btn-copy:active{background-color:#ffffff}.code-wrap .btn-copy img{width:15px}.terminal{box-sizing:border-box;margin:0 0 50px;box-shadow:5px 5px 11px #737373, -5px -5px 11px #b1b1b1}.terminal .bar{position:relative;width:100%;height:25px;text-align:center;border-radius:5px 5px 0 0;background-color:#D9D9D9;font-size:0}.terminal .bar .bar__title{position:absolute;top:4px;right:0;left:0;margin:0 auto;color:#5e5e5e;font-family:Arial;font-size:14px;font-weight:400;line-height:1.2}.terminal .bar .bar__btns{position:absolute;top:7px;right:10px}.terminal .body{box-sizing:border-box;padding:30px;border:1px solid #D9D9D9;border-radius:0 0 5px 5px}.terminal .body .body__txt{margin:0 0 30px}.terminal .body .body__txt p{margin:0;padding:0;font-size:20px;line-height:1.1}@media (min-width: 768px){.terminal .body .body__txt p{font-size:14px}}@media (min-width: 992px){.terminal .body .body__txt p{font-size:20px}}@media (min-width: 1200px){.terminal .body .body__txt p{font-size:18px}}.terminal .body .body__txt p span{letter-spacing:2px;font-size:16px}@media (min-width: 768px){.terminal .body .body__txt p span{letter-spacing:1px;font-size:12px}}@media (min-width: 992px){.terminal .body .body__txt p span{letter-spacing:1.5px;font-size:15px}}@media (min-width: 1200px){.terminal .body .body__txt p span{font-size:10px}}.terminal .body .body__bar{font-size:0}.terminal .body .body__bar span{display:inline-block;width:12.5%;height:30px}.terminal .body .body__bar--bottom{margin:0 0 30px}.btn{display:inline-block;width:10px;height:10px;margin:0 4px;cursor:pointer;border-radius:100px;background-color:#000000}.btn--min{border:1px solid #6d6d6d;background-color:#868686}.btn--max{border:1px solid #4c4c4c;background-color:#656565}.btn--close{border:1px solid #000;background-color:#171717}.cmd__cursor{animation:1s blink step-end infinite}@keyframes "blink"{from,to{opacity:0}50%{opacity:1}}
diff --git a/gh-pages/index.html b/gh-pages/index.html
index f5ed387..954b4db 100644
--- a/gh-pages/index.html
+++ b/gh-pages/index.html
@@ -1 +1 @@
-Gogh - Color Scheme Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal Color Schemes For Ubuntu, Linux Mint, Elementary OS and all distributions that use Gnome Terminal, Pantheon Terminal, Tilix, or XFCE4 Terminal; initially inspired by Elementary OS Luna. Also works on iTerm for macOS.
Install Just copy and paste One line command.
Linux
bash -c "$(wget -qO- https://git.io/vQgMr)" Mac
bash -c "$(curl -sLo- https://git.io/vQgMr)"
███ *** AaBbMmYyZz . Color 01 --- ███
███ *** AaBbMmYyZz . Color 02 --- ███
███ *** AaBbMmYyZz . Color 03 --- ███
███ *** AaBbMmYyZz . Color 04 --- ███
███ *** AaBbMmYyZz . Color 05 --- ███
███ *** AaBbMmYyZz . Color 06 --- ███
███ *** AaBbMmYyZz . Color 07 --- ███
███ *** AaBbMmYyZz . Color 08 --- ███
███ *** AaBbMmYyZz . Color 09 --- ███
███ *** AaBbMmYyZz . Color 10 --- ███
███ *** AaBbMmYyZz . Color 11 --- ███
███ *** AaBbMmYyZz . Color 12 --- ███
███ *** AaBbMmYyZz . Color 13 --- ███
███ *** AaBbMmYyZz . Color 14 --- ███
███ *** AaBbMmYyZz . Color 15 --- ███
███ *** AaBbMmYyZz . Color 16 --- ███
$ sudo apt install linux |
4d 69 67 75 65 6c 20 44 2e 20 51 75 69 6e 74 65 72 6f 20 2d 20 6d 69 67 75 65 6c 64 61 76 69 64 71 40 67 6d 61 69 6c 2e 63 6f 6d
\ No newline at end of file
+Gogh - Color Scheme Color Scheme for Gnome Terminal, Pantheon Terminal, Tilix, and XFCE4 Terminal Color Schemes For Ubuntu, Linux Mint, Elementary OS and all distributions that use Gnome Terminal, Pantheon Terminal, Tilix, or XFCE4 Terminal; initially inspired by Elementary OS Luna. Also works on iTerm for macOS.
Install Just copy and paste One line command.
Linux
bash -c "$(wget -qO- https://git.io/vQgMr)" Mac
bash -c "$(curl -sLo- https://git.io/vQgMr)"
███ *** AaBbMmYyZz . Color 01 --- ███
███ *** AaBbMmYyZz . Color 02 --- ███
███ *** AaBbMmYyZz . Color 03 --- ███
███ *** AaBbMmYyZz . Color 04 --- ███
███ *** AaBbMmYyZz . Color 05 --- ███
███ *** AaBbMmYyZz . Color 06 --- ███
███ *** AaBbMmYyZz . Color 07 --- ███
███ *** AaBbMmYyZz . Color 08 --- ███
███ *** AaBbMmYyZz . Color 09 --- ███
███ *** AaBbMmYyZz . Color 10 --- ███
███ *** AaBbMmYyZz . Color 11 --- ███
███ *** AaBbMmYyZz . Color 12 --- ███
███ *** AaBbMmYyZz . Color 13 --- ███
███ *** AaBbMmYyZz . Color 14 --- ███
███ *** AaBbMmYyZz . Color 15 --- ███
███ *** AaBbMmYyZz . Color 16 --- ███
$ sudo apt install linux |
4d 69 67 75 65 6c 20 44 2e 20 51 75 69 6e 74 65 72 6f 20 2d 20 6d 69 67 75 65 6c 64 61 76 69 64 71 40 67 6d 61 69 6c 2e 63 6f 6d
\ No newline at end of file
diff --git a/gh-pages/index.src.html b/gh-pages/index.src.html
index c7fb6da..defca17 100644
--- a/gh-pages/index.src.html
+++ b/gh-pages/index.src.html
@@ -195,7 +195,7 @@
███ *** AaBbMmYyZz . Color 14 --- ███
-
+
███ *** AaBbMmYyZz . Color 15 --- ███
diff --git a/gh-pages/sass/main.scss b/gh-pages/sass/main.scss
index c0cd124..1533695 100644
--- a/gh-pages/sass/main.scss
+++ b/gh-pages/sass/main.scss
@@ -1,58 +1,16 @@
-@mixin m360 {
- @media (min-width: 359px) {
- @content;
- }
-}
-@mixin m450 {
- @media (min-width: 449px) {
- @content;
- }
-}
-@mixin m576 {
- @media (min-width: 575px) {
- @content;
- }
-}
-@mixin m600 {
- @media (min-width: 599px) {
- @content;
- }
-}
-@mixin m768 {
- @media (min-width: 767px) {
- @content;
- }
-}
-@mixin m900 {
- @media (min-width: 889px) {
- @content;
- }
-}
-@mixin m992 {
- @media (min-width: 991px) {
- @content;
- }
-}
-@mixin m1200 {
- @media (min-width: 1199px) {
- @content;
- }
-}
-@mixin m1400 {
- @media (min-width: 1399px) {
- @content;
- }
-}
-@mixin m1800 {
- @media (min-width: 1799px) {
- @content;
- }
-}
-@mixin m2200 {
- @media (min-width: 2199px) {
- @content;
- }
-}
+@mixin m360 { @media (min-width: 360px) { @content; } }
+@mixin m450 { @media (min-width: 450px) { @content; } }
+@mixin m576 { @media (min-width: 576px) { @content; } }
+@mixin m600 { @media (min-width: 600px) { @content; } }
+@mixin m650 { @media (min-width: 650px) { @content; } }
+@mixin m768 { @media (min-width: 768px) { @content; } }
+@mixin m800 { @media (min-width: 800px) { @content; } }
+@mixin m900 { @media (min-width: 900px) { @content; } }
+@mixin m992 { @media (min-width: 992px) { @content; } }
+@mixin m1200 { @media (min-width: 1200px) { @content; } }
+@mixin m1400 { @media (min-width: 1400px) { @content; } }
+@mixin m1800 { @media (min-width: 1800px) { @content; } }
+@mixin m2200 { @media (min-width: 2200px) { @content; } }
a,
abbr,
@@ -137,11 +95,8 @@ var,
video {
margin : 0;
padding : 0;
-
vertical-align: baseline;
-
border : 0;
-
font : inherit;
}
@@ -162,7 +117,6 @@ section {
body {
background-color: #e7e7e7;
-
font-family : "Open Sans", sans-serif;
font-size : 1.6rem;
line-height : 1;
@@ -198,13 +152,11 @@ q {
.cd-tab-filter-wrapper:after {
display: table;
clear : both;
-
content: "";
}
table {
border-spacing : 0;
-
border-collapse: collapse;
}
@@ -226,18 +178,15 @@ html {
a {
text-decoration: none;
-
color : #41307c;
}
.cd-header {
position: relative;
-
height : 150px;
h1 {
color : #fff;
-
font-size : 2.4rem;
font-weight: 300;
}
@@ -254,15 +203,27 @@ a {
.cd-main-content {
position : relative;
-
min-height: 100vh;
+ @include m360 {}
+ @include m450 {}
+ @include m576 {}
+ @include m650 {}
+ @include m768 {}
+ @include m900 {}
+ @include m992 {}
+ @include m1200 {}
+ @include m1400 {
+ max-width: 72%;
+ margin: 0 auto;
+ }
+ @include m1800 {}
+ @include m2200 {}
&.is-fixed {
.cd-tab-filter-wrapper {
position: fixed;
top : 0;
left : 0;
-
width : 100%;
}
@@ -272,15 +233,12 @@ a {
.cd-filter {
position: fixed;
-
overflow: hidden;
-
height : 100vh;
form {
overflow : auto;
-webkit-overflow-scrolling: touch;
-
height : 100vh;
}
}
@@ -303,7 +261,6 @@ a {
.cd-tab-filter-wrapper {
z-index : 1;
-
background-color : #fff;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
box-shadow : 0 1px 1px rgba(0, 0, 0, 0.08);
@@ -312,7 +269,6 @@ a {
.cd-tab-filter {
position: relative;
z-index : 1;
-
width : 140px;
height : 50px;
margin : 0 auto;
@@ -322,19 +278,15 @@ a {
top : 50%;
right : 14px;
bottom : auto;
-
display : inline-block;
-
width : 1pc;
height : 1pc;
-
content : "";
-webkit-transition: all 0.3s;
transition : all 0.3s;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
pointer-events : none;
-
background : url("../img/cd-icon-arrow.svg") center center no-repeat;
}
@@ -342,7 +294,6 @@ a {
position : absolute;
top : 0;
left : 0;
-
background-color : #fff;
-webkit-box-shadow: inset 0 -2px 0 #41307c;
box-shadow : inset 0 -2px 0 #41307c;
@@ -358,11 +309,9 @@ a {
a {
display : block;
-
width : 140px;
height : 50px;
padding-left: 14px;
-
line-height : 50px;
&.selected {
@@ -394,7 +343,6 @@ a {
@media only screen and (min-width: 768px) {
.cd-tab-filter {
width : auto;
-
cursor: auto;
&::after {
@@ -403,9 +351,7 @@ a {
ul {
position : static;
-
text-align : center;
-
background : 0 0;
-webkit-box-shadow: none;
box-shadow : none;
@@ -427,11 +373,8 @@ a {
a {
width : auto;
padding : 0 1em;
-
text-transform: uppercase;
-
color : #9a9a9a;
-
font-size : 1.3rem;
font-weight : 700;
}
@@ -465,10 +408,8 @@ a {
@media only screen and (min-width: 1170px) {
.cd-tab-filter {
float : right;
-
width : 100%;
margin : 0;
-
-webkit-transition: width 0.3s;
transition : width 0.3s;
@@ -484,31 +425,25 @@ a {
li {
display : inline-block;
-
margin-right : 2em;
margin-bottom : 1.6em;
-
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow : 0 1px 4px rgba(0, 0, 0, 0.1);
&.gap {
display: inline-block;
-
height : 0;
-
opacity: 0;
}
}
img {
display: block;
-
width : 100%;
}
.cd-fail-message {
display : none;
-
text-align: center;
}
}
@@ -522,7 +457,6 @@ a {
&:after {
display: table;
clear : both;
-
content: "";
}
}
@@ -536,9 +470,7 @@ a {
@media only screen and (min-width: 1170px) {
.cd-gallery {
float : right;
-
padding : 50px 2%;
-
-webkit-transition: width 0.3s;
transition : width 0.3s;
@@ -555,7 +487,6 @@ a {
.cd-filter {
width : 280px;
height : 100%;
-
-webkit-transition : -webkit-transform 0.3s, box-shadow 0.3s;
-webkit-transition : -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
transition : -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
@@ -565,18 +496,15 @@ a {
-webkit-transform : translateX(-100%);
transform : translateZ(0);
transform : translateX(-100%);
-
background : #fff;
-webkit-box-shadow : 4px 4px 20px transparent;
box-shadow : 4px 4px 20px transparent;
-
-webkit-backface-visibility: hidden;
backface-visibility : hidden;
&::before {
width : 100%;
height : 50px;
-
content: "";
}
@@ -584,9 +512,7 @@ a {
position : absolute;
z-index : 3;
top : 0;
-
height : 50px;
-
line-height: 50px;
}
}
@@ -595,9 +521,7 @@ a {
position : absolute;
z-index : 3;
top : 0;
-
height : 50px;
-
line-height: 50px;
}
@@ -608,16 +532,12 @@ a {
.cd-close {
right : 0;
-
width : 60px;
-
-webkit-transition: opacity 0.3s;
transition : opacity 0.3s;
text-align : center;
-
opacity : 0;
color : #fff;
-
font-size : 1.3rem;
}
}
@@ -629,7 +549,6 @@ a {
.cd-filter.filter-is-visible {
-webkit-transform : translateX(0);
transform : translateX(0);
-
-webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
box-shadow : 4px 4px 20px rgba(0, 0, 0, 0.2);
@@ -649,14 +568,10 @@ a {
.cd-filter-trigger {
left : 0;
-
overflow : hidden;
-
width : 60px;
-
white-space: nowrap;
text-indent: 100%;
-
color : transparent;
background : url("../img/cd-icon-filter.svg") center center no-repeat;
}
@@ -665,7 +580,6 @@ a {
.cd-select::after,
h4::before {
top : 50%;
-
content : "";
-webkit-transform: translateY(-50%);
-ms-transform : translateY(-50%);
@@ -678,18 +592,14 @@ a {
@media only screen and (min-width: 1170px) {
.cd-filter-trigger {
left : 2%;
-
width : auto;
padding-left : 24px;
-
-webkit-transition : color 0.3s;
transition : color 0.3s;
text-indent : 0;
text-transform : uppercase;
-
color : #9a9a9a;
background-position: left center;
-
font-size : 1.3rem;
font-weight : 700;
}
@@ -712,19 +622,15 @@ a {
h4 {
position : relative;
-
margin-bottom : 0.2em;
padding : 10px 0 10px 20px;
-
cursor : pointer;
-webkit-user-select: none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
text-transform : uppercase;
-
color : #9a9a9a;
-
font-size : 1.3rem;
font-weight : 700;
}
@@ -739,17 +645,14 @@ a {
&::before {
position : absolute;
left : 0;
-
width : 1pc;
height : 1pc;
-
-webkit-transition: -webkit-transform 0.3s;
transition : -webkit-transform 0.3s;
transition : transform 0.3s;
transition : transform 0.3s, -webkit-transform 0.3s;
-webkit-transform : translateY(-50%);
transform : translateY(-50%);
-
background : url("../img/cd-icon-arrow.svg") center center no-repeat;
}
@@ -766,7 +669,6 @@ a {
border : 2px solid #e6e6e6;
border-radius : 0;
background-color: #fff;
-
font-family : "Open Sans", sans-serif;
}
@@ -775,10 +677,8 @@ a {
&[type=text] {
width : 100%;
padding : 0.8em;
-
-webkit-box-shadow: none;
box-shadow : none;
-
-webkit-appearance: none;
-moz-appearance : none;
-ms-appearance : none;
@@ -790,10 +690,8 @@ a {
select {
width : 100%;
padding : 0.8em;
-
-webkit-box-shadow: none;
box-shadow : none;
-
-webkit-appearance: none;
-moz-appearance : none;
-ms-appearance : none;
@@ -819,7 +717,6 @@ a {
input[type=search] {
border-color : transparent;
background-color: #e6e6e6;
-
font-size : 1.6rem !important;
&::-webkit-search-cancel-button {
@@ -834,23 +731,18 @@ a {
position : absolute;
z-index : 1;
right : 14px;
-
display : block;
-
width : 1pc;
height : 1pc;
-
-webkit-transform: translateY(-50%);
transform : translateY(-50%);
pointer-events : none;
-
background : url("../img/cd-icon-arrow.svg") center center no-repeat;
}
}
select {
cursor : pointer;
-
font-size: 1.4rem;
&::-ms-expand {
@@ -860,7 +752,6 @@ a {
.list li {
position : relative;
-
margin-bottom: 0.8em;
&:last-of-type {
@@ -875,10 +766,8 @@ a {
z-index : 2;
top : 0;
left : 0;
-
margin : 0;
padding : 0;
-
opacity : 0;
}
}
@@ -886,12 +775,10 @@ a {
.checkbox-label,
.radio-label {
padding-left : 24px;
-
-webkit-user-select: none;
-moz-user-select : none;
-ms-user-select : none;
user-select : none;
-
font-size : 1.4rem;
}
@@ -900,9 +787,7 @@ a {
&::before {
position : absolute;
top : 50%;
-
display : block;
-
content : "";
-webkit-transform: translateY(-50%);
transform : translateY(-50%);
@@ -914,9 +799,7 @@ a {
&::before {
position : absolute;
top : 50%;
-
display : block;
-
content : "";
-webkit-transform: translateY(-50%);
transform : translateY(-50%);
@@ -926,7 +809,6 @@ a {
.checkbox-label::before,
.radio-label::before {
left : 0;
-
width : 1pc;
height: 1pc;
}
@@ -939,7 +821,6 @@ a {
.checkbox-label::after {
width : 1pc;
height : 1pc;
-
background: url("../img/cd-icon-check.svg") center center no-repeat;
}
@@ -951,10 +832,8 @@ a {
&::after {
left : 5px;
-
width : 6px;
height : 6px;
-
background-color: #fff;
}
}
@@ -1015,40 +894,32 @@ body {
h2 {
margin-bottom: 30px;
-
color : #595647;
-
font-size : 26px;
}
h3 {
margin : 30px 0 20px;
-
color : #595647;
-
font-size: 22px;
}
code[class*=language-],
pre[class*=language-] {
margin : 0;
-
font-size: 14px;
}
}
.cd-header h1 {
text-align : center;
-
line-height: 30px;
span {
display : block;
overflow : hidden;
-
white-space: nowrap;
text-indent: 100%;
-
color : #fff;
}
}
@@ -1069,7 +940,6 @@ body {
.cd-header {
text-align : center;
-
background-color: #fff;
}
@media only screen and (min-width: 768px) {
@@ -1094,7 +964,6 @@ body {
*/
.code-wrap {
position : relative;
-
margin-top: 15px;
pre {
@@ -1105,13 +974,9 @@ body {
position : absolute;
top : 25px;
right : 3px;
-
display : inline-block;
-
padding : 3px 5px 2px 7px;
-
cursor : pointer;
-
border : 1px solid #d8d8d8;
border-radius : 3px;
background-color: #F5F2F0;
@@ -1137,20 +1002,15 @@ body {
.terminal {
box-sizing: border-box;
margin : 0 0 50px;
-
box-shadow: 5px 5px 11px #737373, -5px -5px 11px #b1b1b1;
.bar {
position : relative;
-
width : 100%;
height : 25px;
-
text-align : center;
-
border-radius : 5px 5px 0 0;
background-color: #D9D9D9;
-
font-size : 0;
.bar__title {
@@ -1158,11 +1018,8 @@ body {
top : 4px;
right : 0;
left : 0;
-
margin : 0 auto;
-
color : #5e5e5e;
-
font-family: Arial;
font-size : 14px;
font-weight: 400;
@@ -1179,7 +1036,6 @@ body {
.body {
box-sizing : border-box;
padding : 30px;
-
border : 1px solid #D9D9D9;
border-radius: 0 0 5px 5px;
@@ -1189,10 +1045,8 @@ body {
p {
margin : 0;
padding : 0;
-
font-size : 20px;
line-height: 1.1;
-
@include m360 {}
@include m450 {}
@include m576 {}
@@ -1213,22 +1067,18 @@ body {
span {
letter-spacing: 2px;
-
font-size : 16px;
-
@include m360 {}
@include m450 {}
@include m576 {}
@include m600 {}
@include m768 {
letter-spacing: 1px;
-
font-size : 12px;
}
@include m900 {}
@include m992 {
letter-spacing: 1.5px;
-
font-size : 15px;
}
@include m1200 {
@@ -1245,11 +1095,9 @@ body {
font-size: 0;
span {
- display : inline-block;
-
- width : 12.5%;
- height: 30px;
-
+ display: inline-block;
+ width : 12.5%;
+ height : 30px;
}
}
@@ -1261,13 +1109,10 @@ body {
.btn {
display : inline-block;
-
width : 10px;
height : 10px;
margin : 0 4px;
-
cursor : pointer;
-
border-radius : 100px;
background-color: #000000;
}
