-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css.map
1 lines (1 loc) · 18.3 KB
/
style.css.map
1
{"version":3,"sourceRoot":"","sources":["_sass/_reset.scss","style.scss","_sass/_variables.scss","_sass/_highlights.scss","_sass/_jekyll-mono.scss"],"names":[],"mappings":"AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;AAAA;EAEC;EACA;;;AAED;EACC;EACA;;;AAGD;EACE;EAA6B;EAAgC;;;AC1C/D;AACA;AACA;AAEA;EACE;;;AAGF;EACE,YCJM;EDKN;EACA,OCTS;;;ADYX;EACE;EACA;EACA;EACA;;;AAGF;EACE,aCUc;EDTd,OCtBW;EDuBX;EAEA;EACA;EACA;;ACUA;EDjBF;IAUI;;;;AAIJ;EACE;EACA,OCrCM;;ADsCN;EACE;;;AAIJ;EACE;EACA,OC7CM;;;ADgDR;EACE;EACA,OCjDW;;;ADoDb;EACE;EACA,OCpDK;;;ADuDP;EACE;;;AAGF;EACE,OC9DW;ED+DX;EACD;;AACC;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;EACA,OC5GK;;;ADgHP;EACE,OCpHM;EDqHN,YCjHU;;;ADmHZ;EACE,OCxHM;EDyHN,YCrHU;;;ADwHZ;AAAA;EAEI;EACA;;;AAGJ;EACI;;;AAGJ;AACA;AACA;AAMA;EACE;;;AAGF;EACE;EACA;;AC9GA;ED4GF;IAKI;;;;AAIJ;EACE;EACA;EACA;EACA;;ACzHA;EDqHF;IAOI;IACA;IACA;;;AAGF;EACE;;;AAIJ;EACE;;ACvIA;EDsIF;IAII;IACA;IACA;;;;AAIJ;EACE;EACA,OCtLS;EDuLT;EACA,aC1Jc;ED2Jd;EACA;EACA;;;AAGF;EACE;EACA,OC7LM;ED8LN;;AC7JA;ED0JF;IAMI;;;;AAIJ;EACE;EACA;EACA,aC7Kc;ED8Kd;;ACxKA;EDoKF;IAOI;IACA;IACA;IACA;;;AAGF;EACE;EACA,OCpNI;EDqNJ;EACA;EACA;;AAEA;EACE;;ACzLJ;EDiLA;IAYI;IACA,OC/NE;;;;ADwOR;EACE;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;EACA;EACA;EACA,OCzPG;ED0PH;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA,kBC3QU;;;AD8QZ;EACE;EACA;;;AE5RF;AAAA;AAAA;AAIA;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;AACE;EAEA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACrOF;AACA;AACA;AAEA;AAAA;AAAA;AAKE;EACE,OFGI;EEFJ;EACA;;AACA;EACE;;;AAKJ;EACE,OFPI;EEQJ;EACA;;AACA;EACE;;;AAKJ;EACE,OFtBI;;AEuBJ;EACE;;;AAMJ;EACE,OF5BG;;AE6BH;EACE;;;AAKN;AAAA;AAAA;AAIA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;;;AAGF;AAAA;EAEE,OFzEM;EE0EN;EACA,cF3EM;;;AE8ER;AAAA;AAAA;AAAA;EAIE;EACA,kBFnFM;EEoFN,cFpFM;;;AEuFR;AAAA;AAAA;AAIA;EACE;EACA,kBF7FM;;;AEgGR;EACE;EACA,OF7FM;;;AEgGR;EACE,OFjGM;EEkGN;EACA;EACA,aFxEQ;;;AE2EV;EACE;IACE;;;AAIJ;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;;AAAA;AAME;EACE;EACA;;AACA;EACE;;;AAKN;AAAA;AAAA;AAIA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA,OFvQM;EEwQN;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA","sourcesContent":["\n/***************/\n/* MEYER RESET */\n/***************/\n\nhtml, body, div, span, applet, object, iframe,\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\na, abbr, acronym, address, big, cite, code,\ndel, dfn, em, img, ins, kbd, q, s, samp,\nsmall, strike, strong, sub, sup, tt, var,\nb, u, i, center,\ndl, dt, dd, ol, ul, li,\nfieldset, form, label, legend,\ntable, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, embed,\nfigure, figcaption, footer, header, hgroup,\nmenu, nav, output, ruby, section, summary,\ntime, mark, audio, video {\n\tmargin: 0;\n\tpadding: 0;\n\tborder: 0;\n\tfont-size: 100%;\n\tfont: inherit;\n\tvertical-align: baseline;\n}\n// HTML5 display-role reset for older browsers\narticle, aside, details, figcaption, figure,\nfooter, header, hgroup, menu, nav, section {\n\tdisplay: block;\n}\nbody {\n\tline-height: 1;\n}\nol, ul {\n\tlist-style: none;\n}\nblockquote, q {\n\tquotes: none;\n}\nblockquote:before, blockquote:after,\nq:before, q:after {\n\tcontent: '';\n\tcontent: none;\n}\ntable {\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n}\n\n*, *:before, *:after {\n -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;\n}\n","//\n// IMPORTS\n//\n\n@import \"reset\";\n@import \"variables\";\n\n\n/**************/\n/* BASE RULES */\n/**************/\n\nhtml {\n font-size: 100%;\n}\n\nbody {\n background: $white;\n font: 18px/1.4 $helvetica;\n color: $darkGray;\n}\n\n.container {\n margin: 0 auto;\n max-width: 740px;\n padding: 0 10px;\n width: 100%;\n}\n\nh1, h2, h3, h4, h5, h6 {\n font-family: $helveticaNeue;\n color: $darkerGray;\n font-weight: bold;\n\n line-height: 1.7;\n margin: 1em 0 15px;\n padding: 0;\n\n @include mobile {\n line-height: 1.4;\n }\n}\n\nh1 {\n font-size: 30px;\n color: $h1-color;\n a {\n color: inherit;\n }\n}\n\nh2 {\n font-size: 24px;\n color: $h2-color;\n}\n\nh3 {\n font-size: 20px;\n color: $h3-color;\n}\n\nh4 {\n font-size: 18px;\n color: $h4-color;\n}\n\np {\n margin: 15px 0;\n}\n\na {\n color: $link-color;\n text-decoration: none;\n\tcursor: pointer;\n &:hover, &:active {\n color: darken($link-color,20);\n }\n}\n\nul, ol {\n margin: 15px 0;\n padding-left: 30px;\n}\n\nul {\n list-style-type: disc;\n}\n\nol {\n list-style-type: decimal;\n}\n\nol ul, ul ol, ul ul, ol ol {\n margin: 0;\n}\n\nul ul, ol ul {\n list-style-type: circle;\n}\n\nem, i {\n font-style: italic;\n}\n\nstrong, b {\n font-weight: bold;\n}\n\nimg {\n max-width: 100%;\n}\n\n// Fixes images in popup boxes from Google Translate\n.gmnoprint img {\n max-width: none;\n}\n\n.date {\n font-style: italic;\n color: $gray;\n}\n\n// Specify the color of the selection\n::-moz-selection {\n color: $black;\n background: $lightGray;\n}\n::selection {\n color: $black;\n background: $lightGray;\n}\n\n.clearfix:before,\n.clearfix:after {\n content: \" \";\n display: table;\n}\n\n.clearfix:after {\n clear: both;\n}\n\n/*********************/\n/* LAYOUT / SECTIONS */\n/*********************/\n\n//\n// .masthead\n//\n\n.wrapper-masthead {\n margin-bottom: 50px;\n}\n\n.masthead {\n padding: 20px 0;\n border-bottom: 1px solid $lightGray;\n\n @include mobile {\n text-align: center;\n }\n}\n\n.site-avatar {\n float: left;\n width: 70px;\n height: 70px;\n margin-right: 15px;\n\n @include mobile {\n float: none;\n display: block;\n margin: 0 auto;\n }\n\n img {\n border-radius: 5px;\n }\n}\n\n.site-info {\n float: left;\n\n @include mobile {\n float: none;\n display: block;\n margin: 0 auto;\n }\n}\n\n.site-name {\n margin: 0;\n color: $darkGray;\n cursor: pointer;\n font-family: $helveticaNeue;\n font-weight: 300;\n font-size: 28px;\n letter-spacing: 1px;\n}\n\n.site-description {\n margin: -5px 0 0 0;\n color: $white;\n font-size: 16px;\n\n @include mobile {\n margin: 3px 0;\n }\n}\n\nnav {\n float: right;\n margin-top: 23px; \n font-family: $helveticaNeue;\n font-size: 18px;\n\n @include mobile {\n float: none;\n margin-top: 9px;\n display: block;\n font-size: 16px;\n }\n\n a {\n margin-left: 20px;\n color: $white;\n text-align: right;\n font-weight: 300;\n letter-spacing: 1px;\n \n &:hover, &:active {\n color: darken($navbar-hover-color,20);\n }\n\n @include mobile {\n margin: 0 10px;\n color: $white;\n }\n }\n}\n\n//\n// .main\n//\n\n.posts > .post {\n padding-bottom: 2em;\n border-bottom: 1px solid $lightGray;\n}\n\n.posts > .post:last-child {\n padding-bottom: 1em;\n border-bottom: none;\n}\n\n.post {\n blockquote {\n margin: 1.8em .8em;\n border-left: 2px solid $gray;\n padding: 0.1em 1em;\n color: $gray;\n font-size: 22px;\n font-style: italic;\n }\n\n .comments {\n margin-top: 10px;\n }\n\n .read-more {\n text-transform: uppercase;\n font-size: 15px;\n }\n}\n\n.wrapper-footer {\n margin-top: 50px;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n background-color: $lightGray;\n}\n\nfooter {\n padding: 20px 0;\n text-align: center;\n}\n\n@import \"highlights\";\n@import \"jekyll-mono\";","\n//\n// VARIABLES\n//\n\n\n// Colors\n\n$black: #111111;\n$darkerGray: #222;\n$darkGray: #333;\n$gray: #666;\n$lightGray: #eee;\n$white: #fff;\n$blue: #4183C4;\n\n\n// Main theme colors\n// Some cool main theme colors(violet:#8476ad;blue:#5cacee;red:#ff7373,#ff6f69;green:#6acf64,#2ddbb3;orange:#ffa268)\n\n$mono-color:$black; // main theme color(header, links, footer icons, buttons, post-title)\n$hl-color: $gray; // header link color (author name and posted on date) for blog post meta\n$navbar-hover-color:$gray; // navbar hover color (site name and navbar links hover color)\n$link-color: $darkerGray; // normal hyperlink color other than the ones above.\n\n\n// Heading colors\n// You can play around with these too!\n$h1-color: $mono-color;\n$h2-color: $mono-color;\n$h3-color: $darkerGray;\n$h4-color: $gray;\n\n// Your avatar\n\n$avatar: \"/images/avatar.jpg\";\n\n\n// Font stacks\n$helvetica: Helvetica, Arial, sans-serif;\n$helveticaNeue: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$raleway: \"Raleway\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n$georgia: Georgia, serif;\n\n// Mobile breakpoints\n@mixin mobile {\n @media screen and (max-width: 640px) {\n @content;\n }\n}\n","/**\n * Code formatting\n */\n\npre,\ncode {\n font-size: 15px;\n border: 1px solid #e8e8e8;\n border-radius: 3px;\n background-color: #292d3e;\n color: #fff;\n}\ncode {\n padding: 1px 5px;\n}\npre {\n padding: 8px 12px;\n overflow-x: auto;\n}\npre > code {\n border: 0;\n padding-right: 0;\n padding-left: 0;\n font-family: \"Ubuntu Mono\", monospace;\n}\n.highlight {\n background: #292d3e;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);\n border: 0;\n padding: 15px 25px;\n tab-size: 4;\n}\n.highlight .c {\n color: #676e95;\n font-style: italic;\n}\n.highlight .err {\n color: #a2aace;\n background-color: #292d3e;\n}\n.highlight .k {\n color: #f48fb1;\n}\n.highlight .o {\n color: #a2aace;\n}\n.highlight .cm {\n color: #998;\n font-style: italic;\n}\n.highlight .cp {\n color: #b8c1ef;\n font-weight: bold;\n}\n.highlight .c1 {\n color: #626a8a;\n font-style: italic;\n}\n.highlight .cs {\n color: #999;\n font-weight: bold;\n font-style: italic;\n}\n.highlight .gd {\n color: #000;\n background-color: #fdd;\n}\n.highlight .gd .x {\n color: #000;\n background-color: #faa;\n}\n.highlight .ge {\n font-style: italic;\n}\n.highlight .gr {\n color: #a00;\n}\n.highlight .gh {\n color: #999;\n}\n.highlight .gi {\n color: #000;\n background-color: #dfd;\n}\n.highlight .gi .x {\n color: #000;\n background-color: #afa;\n}\n.highlight .go {\n color: #888;\n}\n.highlight .gp {\n color: #555;\n}\n.highlight .gs {\n font-weight: bold;\n}\n.highlight .gu {\n color: #aaa;\n}\n.highlight .gt {\n color: #a00;\n}\n.highlight .kc {\n font-weight: bold;\n}\n.highlight .kd {\n /* font-weight: bold; */\n\n color: #ba89dc;\n}\n.highlight .kp {\n font-weight: bold;\n}\n.highlight .kr {\n font-weight: bold;\n}\n.highlight .kt {\n color: #c2f3c2;\n font-weight: bold;\n}\n.highlight .m {\n color: #099;\n}\n.highlight .s {\n color: #c3e88d;\n}\n.highlight .na {\n color: #b39ddb;\n}\n.highlight .nb {\n color: #80cbc4;\n}\n.highlight .nc {\n color: #ff9800;\n font-weight: bold;\n}\n.highlight .no {\n color: #008080;\n}\n.highlight .ni {\n color: #800080;\n}\n.highlight .ne {\n color: #ffcdd2;\n font-weight: bold;\n}\n.highlight .nf {\n color: #82aaff;\n}\n.highlight .nn {\n color: #f8bbd0;\n}\n.highlight .nt {\n color: #000080;\n}\n.highlight .nv {\n color: #008080;\n}\n.highlight .ow {\n font-weight: bold;\n}\n.highlight .w {\n color: #bbb;\n}\n.highlight .mf {\n color: #099;\n}\n.highlight .mh {\n color: #099;\n}\n.highlight .mi {\n color: #00bcd4;\n}\n.highlight .mo {\n color: #099;\n}\n.highlight .sb {\n color: #00bcd4;\n}\n.highlight .sc {\n color: #00bcd4;\n}\n.highlight .sd {\n color: #00bcd4;\n}\n.highlight .s2 {\n color: #00bcd4;\n}\n.highlight .se {\n color: #00bcd4;\n}\n.highlight .sh {\n color: #00bcd4;\n}\n.highlight .si {\n color: #ffeb3b;\n}\n.highlight .sx {\n color: #00bcd4;\n}\n.highlight .sr {\n color: #009926;\n}\n.highlight .s1 {\n color: #c2e78d;\n}\n.highlight .p {\n color: #a2aace;\n}\n.highlight .ss {\n color: #00bcd4;\n}\n.highlight .bp {\n color: #cddc39;\n}\n.highlight .vc {\n color: #008080;\n}\n.highlight .vg {\n color: #008080;\n}\n.highlight .vi {\n color: #008080;\n}\n.highlight .il {\n color: #099;\n}\n.highlight .py {\n color: #ce93d8;\n}\n","/****************************/\n/* JEKYLL-mono-color */\n/***************************/\n\n/*\n *Title\n*/\n\n.site-name {\n a {\n color: $white;\n text-decoration: none;\n cursor: pointer;\n &:hover {\n color: darken($navbar-hover-color, 20);\n }\n }\n}\nnav {\n a {\n color: $white;\n text-decoration: none;\n cursor: pointer;\n &:hover {\n color: darken($white, 30);\n }\n }\n}\n.post {\n a {\n color: $mono-color;\n &:hover {\n color: darken($mono-color, 20);\n }\n }\n}\n\n.post-heading {\n a {\n color: $hl-color;\n &:hover {\n color: darken($hl-color, 20);\n }\n }\n}\n\n/*\n *Buttons\n*/\n\n.button,\nbutton {\n display: inline-block;\n height: 38px;\n padding: 0 30px;\n color: #555;\n text-align: center;\n font-size: 13px;\n font-weight: 600;\n line-height: 38px;\n letter-spacing: 0.1rem;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border-radius: 4px;\n border: 1px solid #bbb;\n cursor: pointer;\n box-sizing: border-box;\n}\n\n.button:hover,\nbutton:hover,\n.button:focus,\nbutton:focus {\n color: #333;\n border-color: #888;\n outline: 0;\n}\n\n.button.button-primary,\nbutton.button-primary {\n color: $mono-color;\n background-color: transparent;\n border-color: $mono-color;\n}\n\n.button.button-primary:hover,\nbutton.button-primary:hover,\n.button.button-primary:focus,\nbutton.button-primary:focus {\n color: #fff;\n background-color: $mono-color;\n border-color: $mono-color;\n}\n\n/*\n *Header\n*/\n\n.intro-header {\n border-top: 5px solid white;\n background-color: $mono-color;\n}\n\n.intro-header .post-heading {\n padding: 100px 0 50px;\n color: $white;\n}\n\n.intro-header .post-heading h1 {\n color: $white;\n font-size: 36px;\n line-height: 1.5;\n font-family: $raleway;\n}\n\n@media only screen and (min-width: 768px) {\n .intro-header .post-heading {\n padding: 150px 0;\n }\n}\n\n/*\n *empty spaces\n*/\n\n.space-medium {\n padding: 100px 0 50px;\n}\n\n.space-small {\n padding: 50px 0 25px;\n}\n\n.space-extra-small {\n padding: 30px 0 15px;\n}\n\n/*\n *svg-icons\n\n*/\n\n.svg-icon {\n a {\n color: darken($mono-color, 10);\n cursor: pointer;\n &:hover {\n color: darken($mono-color, 20);\n }\n }\n}\n\n/*\n *Image Hover Effects\n*/\n\n.centered {\n margin-left: auto;\n margin-right: auto;\n}\n\n.ch-grid {\n padding: 0;\n list-style: none;\n display: block;\n text-align: center;\n width: 100%;\n}\n\n.ch-grid:after,\n.ch-item:before {\n content: \"\";\n display: table;\n}\n\n.ch-grid:after {\n clear: both;\n}\n\n.ch-grid li {\n width: 220px;\n height: 220px;\n display: inline-block;\n}\n\n.ch-item {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n position: relative;\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n cursor: default;\n}\n\n.ch-info-wrap,\n.ch-info {\n position: absolute;\n width: 180px;\n height: 180px;\n border-radius: 50%;\n}\n\n.ch-info-wrap {\n top: 20px;\n left: 20px;\n background: #fff url(/images/bg.jpg);\n box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2),\n inset 0 0 3px rgba(115, 114, 23, 0.8);\n}\n\n.ch-info > div {\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-position: center center;\n -webkit-backface-visibility: hidden;\n}\n\n.ch-info .ch-info-front {\n -webkit-transition: all 0.6s ease-in-out;\n -moz-transition: all 0.6s ease-in-out;\n -o-transition: all 0.6s ease-in-out;\n -ms-transition: all 0.6s ease-in-out;\n transition: all 0.6s ease-in-out;\n}\n\n.ch-info .ch-info-back {\n opacity: 0;\n background: #fff;\n pointer-events: none;\n -webkit-transform: scale(1.5);\n -moz-transform: scale(1.5);\n -o-transform: scale(1.5);\n -ms-transform: scale(1.5);\n transform: scale(1.5);\n -webkit-transition: all 0.4s ease-in-out 0.2s;\n -moz-transition: all 0.4s ease-in-out 0.2s;\n -o-transition: all 0.4s ease-in-out 0.2s;\n -ms-transition: all 0.4s ease-in-out 0.2s;\n transition: all 0.4s ease-in-out 0.2s;\n}\n\n.ch-img-1 {\n background-image: url(#{$avatar});\n}\n\n.ch-info h3 {\n color: #000;\n text-transform: uppercase;\n letter-spacing: 2px;\n font-size: 18px;\n margin: 0 15px;\n padding: 40px 0 0 0;\n height: 80px;\n font-family: \"Open Sans\", Arial, sans-serif;\n text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);\n}\n\n.ch-info p {\n color: #fff;\n padding: 10px 5px 0;\n font-style: italic;\n margin: 0 30px;\n font-size: 12px;\n}\n\n.ch-info p a {\n display: block;\n color: $mono-color;\n font-style: normal;\n font-weight: 700;\n text-transform: uppercase;\n font-size: 9px;\n letter-spacing: 1px;\n padding-top: 4px;\n font-family: \"Open Sans\", Arial, sans-serif;\n}\n\n.ch-info p a:hover {\n color: darken($mono-color, 10%);\n}\n\n.ch-item:hover .ch-info-front {\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -o-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n opacity: 0;\n}\n\n.ch-item:hover .ch-info-back {\n -webkit-transform: scale(1);\n -moz-transform: scale(1);\n -o-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n}\n"],"file":"style.css"}