From 8a629f6015e387e0c0ab89f3565dbdbb79aebb5f Mon Sep 17 00:00:00 2001 From: Tancre Date: Wed, 16 Sep 2020 17:06:26 +0200 Subject: [PATCH] fixed header, right navbar and responsive --- app/assets/images/logo.jpg | Bin 0 -> 2426 bytes app/assets/scss/base/_mixins.scss | 8 ++ app/assets/scss/modules/_primary-nav.scss | 61 ++++++++++++++ app/assets/scss/modules/_site-header.scss | 50 ++++++++++++ app/assets/scss/modules/_wrapper.scss | 12 +++ app/assets/scss/style.scss | 4 + app/index.html | 34 ++++---- app/temp/styles/style.css | 94 ++++++++++++++++++++++ app/temp/styles/style.css.map | 2 +- gulpfile.js | 2 +- 10 files changed, 249 insertions(+), 18 deletions(-) create mode 100644 app/assets/images/logo.jpg create mode 100644 app/assets/scss/modules/_primary-nav.scss create mode 100644 app/assets/scss/modules/_site-header.scss create mode 100644 app/assets/scss/modules/_wrapper.scss diff --git a/app/assets/images/logo.jpg b/app/assets/images/logo.jpg new file mode 100644 index 0000000000000000000000000000000000000000..341a260cac9c8a10fef4b20dcbcef50b20926112 GIT binary patch literal 2426 zcmbW%2{e@N9tZIEH9HzcGh=5k6KYyavPP*GOTv&M5tA&X?E9W|3R&|fl0*_wmZ(sX zEeb;#A`_M6pP?|xpF8gD)IImybMErI=X=g`&ilO2IiK%)&ToBa{XHOTY+z&nfFKB* z;yu9n8lZiUrmtsZM$;m=oZjy4>Fh%ASJ|>T!eKBN91cgI&?poVi4xhgi64y~q5AOw^L z_%I*@1Fp9KvH$?Wc+?H;&js>9pfETBiQ*UF9jFlo_&^AR4+??t47}4}y!QYU0~3)` z(SvWca74&^VJT6mH;@Vks-EI#y&U3hC+}z!KVDQ!T!OSkQAv5L>K-+94Na|shx84o zhDOGgR!6Om9k;QipLRau;_Bw^E$J-_hv+v3tP_xs9* z3j`qlVEvN)iwnbZ@j;;wC}P6}@&)h$!9ZbhDsT}!3xuQBW_d~!5_=%^M%7c4!fqM| z=j7eXk0+{*ljb*Qf0zAtu;~9w_6zpg#R3E&An)fvFu*=wg~m{-@Pc72_W$QtMUD?wh$?Mk(BIs?H$TP&HysSGcV>IwUmfo+qS)FSkS?c2 zgVV@ay>?x8X5{Nah7#~AX<3o{N`;a9w<>JA!V0JHS0bJBS;t>*j}&l?u{r*!u-l4q|6EHV zaZZC`t57vkbTL{;k)R@(5}qd!sx;u+Bo&B1VVE^z)T_Ew^QfM(HE+Tw4VyPa`r#s8 zZW58qvRe}vSUtcpolwtFt$H3*Y`Y}0zG+mpbyW#8Hd39MlpzK7 z=~N(6n_Na0+p@KSEtxKP`kWu^h*;l~Cz@HX+VqeDcQbkt1mTm2Cm7 zA&98QJMslNS-Azo(TE{7tB($jq`ln#ZKO?RfSuEn5^8pVK5uJSQ&!`lXkN=`iQd;c zP;t`GUIVrtHx{VQzCZJ(VQ0MWk8Md#9Ji&f?g7)|PBnCitdWq~5cDVMWQ3>AR)$g$ z;b+UBvMaCQjh5%bBKC8m3PVp0?xl}Efe%|$XLV|*nQAHL`M(gi{Mde~E8laMkR79~ zFIYijBN+F!{9QMfsz#g5lT8HFDSzSqCrd&SsM|xQGxWOlyAp)AFa-A*xwBlZCllb;;LDiRJgz!qT>YwAH#czBy5q_rS%Jk7 zZ=fgaGgHW`@NxL7rTEy%+Qvps&0&6OL!H9LYLVO=<2_cStw(i|F1H<8{wXx@3hL zOG^V0hMa}r6Ai;1_#5Pf>K2a?M0Qu5n`1PEqBRhKUfn%!8sA(V@a&C*cX3sK_vyH? zSC`{X_C^SM-29?$$$IiMTRzJPkV-S9+jH-9c1}7ft6p05E|9dGNl)kUzo^)fx07w8 zU~A=m)IYj@@|dhp=!Nmz6#l@H=hoH%IpuLF=-jXpJL3Y8(&(dgK=9IqacMo(IiXP1 z`M4VPJ^Zw;N?hN-UcI7R2elr3=fw8QTVs2|%^zyM&z$zjS$a5OV{zI*@Gb>8cci@H zbm(}&>gK`n3+Jly%$jX+Ow18jPbDj(*%Tera+V-h)j!#Gd(Oe2knDOp5@rs_MCa*m zinP$jMk*CDfZw@&_Wmn$x(})L(4A`-rr<&ZnQ3*MC^cqkQi2Xrs<`Rb5o3Mo+WUuy zAs@Tq@`6!^!*yDry&jJ7Mq09=$%|Q6A8k2y)H(fia!rYg=Xs;!&_|KqQ-zGVBS*G7 zO@Gx`Z7K@Wmm*eH_BrgfMt$-9p&dfkwcQ2B()T(dn -
-
- BBB logo -
- -
-
- Join us! +
+
+ - +
+
+ Join us! +
+ + +
diff --git a/app/temp/styles/style.css b/app/temp/styles/style.css index 6560d97..669a429 100644 --- a/app/temp/styles/style.css +++ b/app/temp/styles/style.css @@ -312,4 +312,98 @@ img { max-width: 100%; height: auto; } +.site-header { + padding: 10px 0; + position: absolute; + width: 100%; + z-index: 2; + transition: background-color .3s ease-out; } + @media (min-width: 800px) { + .site-header { + position: fixed; + background-color: #cdf691; } } + @media (min-width: 800px) { + .site-header__btn-container { + float: right; } } + .site-header__menu-content { + opacity: 0; + transform: scale(1.2); + transtion: all .3s ease-out; + position: relative; + z-index: -10; + padding-top: 90px; + text-align: center; } + @media (min-width: 800px) { + .site-header__menu-content { + opacity: 1; + z-index: 1; + padding-top: 0; + transform: scale(1); } } + .site-header__logo { + position: absolute; + top: 0; + left: 50%; + transform-origin: 50% 0%; + transform: translateX(-50%) scale(0.8); + transition: transform .3s ease-out; } + @media (min-width: 800px) { + .site-header__logo { + left: auto; + transform: translateX(0); } } + +.primary-nav { + padding-top: 10px; } + @media (min-width: 800px) { + .primary-nav { + padding-top: 0; } } + @media (min-width: 800px) { + .primary-nav--pull-right { + float: right; } } + .primary-nav ul { + margin: 0; + padding: 0; } + .primary-nav ul::after { + content: ""; + clear: both; + display: table; } + .primary-nav li { + list-style: none; + display: inline-block; + padding-right: 7px; } + @media (min-width: 800px) { + .primary-nav li { + float: left; + display: block; + padding-right: 20px; } } + .primary-nav li:last-child { + padding-right: 0; } + @media (min-width: 800px) { + .primary-nav li:last-child { + padding-right: 20px; } } + .primary-nav a { + color: #000; + font-weight: 300; + text-decoration: none; + display: block; + padding: 5px 8px; + font-size: .8rem; + background: rgba(0, 0, 255, 0.5); } + @media (min-width: 800px) { + .primary-nav a { + background: transparent; + font-size: 1rem; + padding: 12px 0; } + .primary-nav a.is-current-link { + color: #fabb69; } } + +.wrapper { + overflow: hidden; + padding-left: 18px; + padding-right: 18px; + max-width: 1236px; + margin-left: auto; + margin-right: auto; } + .wrapper--medium { + max-width: 976px; } + /*# sourceMappingURL=style.css.map */ diff --git a/app/temp/styles/style.css.map b/app/temp/styles/style.css.map index fb7b738..f8bd036 100644 --- a/app/temp/styles/style.css.map +++ b/app/temp/styles/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["base/_normalize.scss","style.css","base/_global.scss"],"names":[],"mappings":"AAAA,2EAAA;AAEA;+ECA+E;ADG/E;;;ECCE;ADIF;EACE,iBAAiB;EAAE,MAAA;EACnB,8BAA8B;EAAE,MAAA,EAAO;;AAGzC;+ECD+E;ADI/E;;ECDE;ADKF;EACE,SAAS,EAAA;;AAGX;;ECHE;ADOF;EACE,cAAc,EAAA;;AAGhB;;;ECJE;ADSF;EACE,cAAc;EACd,gBAAgB,EAAA;;AAGlB;+ECR+E;ADW/E;;;ECPE;ADYF;EACE,uBAAuB;EAAE,MAAA;EACzB,SAAS;EAAE,MAAA;EACX,iBAAiB;EAAE,MAAA,EAAO;;AAG5B;;;ECNE;ADWF;EACE,iCAAiC;EAAE,MAAA;EACnC,cAAc;EAAE,MAAA,EAAO;;AAGzB;+ECR+E;ADW/E;;ECRE;ADYF;EACE,6BAA6B,EAAA;;AAG/B;;;ECTE;ADcF;EACE,mBAAmB;EAAE,MAAA;EACrB,0BAA0B;EAAE,MAAA;EAC5B,yCAAiC;UAAjC,iCAAiC;EAAE,MAAA,EAAO;;AAG5C;;ECTE;ADaF;;EAEE,mBAAmB,EAAA;;AAGrB;;;ECVE;ADeF;;;EAGE,iCAAiC;EAAE,MAAA;EACnC,cAAc;EAAE,MAAA,EAAO;;AAGzB;;ECXE;ADeF;EACE,cAAc,EAAA;;AAGhB;;;ECZE;ADiBF;;EAEE,cAAc;EACd,cAAc;EACd,kBAAkB;EAClB,wBAAwB,EAAA;;AAG1B;EACE,eAAe,EAAA;;AAGjB;EACE,WAAW,EAAA;;AAGb;+EClB+E;ADqB/E;;EClBE;ADsBF;EACE,kBAAkB,EAAA;;AAGpB;+ECrB+E;ADwB/E;;;ECpBE;ADyBF;;;;;EAKE,oBAAoB;EAAE,MAAA;EACtB,eAAe;EAAE,MAAA;EACjB,iBAAiB;EAAE,MAAA;EACnB,SAAS;EAAE,MAAA,EAAO;;AAGpB;;;EClBE;ADuBF;;EACQ,MAAA;EACN,iBAAiB,EAAA;;AAGnB;;;ECnBE;ADwBF;;EACS,MAAA;EACP,oBAAoB,EAAA;;AAGtB;;ECrBE;ADyBF;;;;EAIE,0BAA0B,EAAA;;AAG5B;;ECvBE;AD2BF;;;;EAIE,kBAAkB;EAClB,UAAU,EAAA;;AAGZ;;ECzBE;AD6BF;;;;EAIE,8BAA8B,EAAA;;AAGhC;;EC3BE;AD+BF;EACE,8BAA8B,EAAA;;AAGhC;;;;;EC1BE;ADiCF;EACE,sBAAsB;EAAE,MAAA;EACxB,cAAc;EAAE,MAAA;EAChB,cAAc;EAAE,MAAA;EAChB,eAAe;EAAE,MAAA;EACjB,UAAU;EAAE,MAAA;EACZ,mBAAmB;EAAE,MAAA,EAAO;;AAG9B;;ECzBE;AD6BF;EACE,wBAAwB,EAAA;;AAG1B;;EC3BE;AD+BF;EACE,cAAc,EAAA;;AAGhB;;;EC5BE;AACF;;EDkCE,sBAAsB;EAAE,MAAA;EACxB,UAAU;EAAE,MAAA,EAAO;;AAGrB;;EC7BE;AACF;;EDkCE,YAAY,EAAA;;AAGd;;;EC9BE;AACF;EDmCE,6BAA6B;EAAE,MAAA;EAC/B,oBAAoB;EAAE,MAAA,EAAO;;AAG/B;;EC/BE;AACF;EDmCE,wBAAwB,EAAA;;AAG1B;;;EChCE;ADqCF;EACE,0BAA0B;EAAE,MAAA;EAC5B,aAAa;EAAE,MAAA,EAAO;;AAGxB;+EClC+E;ADqC/E;;EClCE;ADsCF;EACE,cAAc,EAAA;;AAGhB;;ECpCE;ADwCF;EACE,kBAAkB,EAAA;;AAGpB;+ECvC+E;AD0C/E;;ECvCE;AD2CF;EACE,aAAa,EAAA;;AAGf;;ECzCE;AACF;ED6CE,aAAa,EAAA;;AE3Vf;EACC,iCAAiC;EACjC,WAAW,EAAA;;AAGZ;EACC,eAAe;EACf,YAAY,EAAA","file":"style.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0; }\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent; }\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none; }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item; }\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none; }\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none; }\n\nbody {\n font-family: 'Roboto', sans-serif;\n color: #333; }\n\nimg {\n max-width: 100%;\n height: auto; }\n","body {\n\tfont-family: 'Roboto', sans-serif;\n\tcolor: #333;\n}\n\nimg{\n\tmax-width: 100%;\n\theight: auto;\n}"]} \ No newline at end of file +{"version":3,"sources":["base/_normalize.scss","style.css","base/_global.scss","modules/_site-header.scss","base/_mixins.scss","modules/_primary-nav.scss","modules/_wrapper.scss"],"names":[],"mappings":"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","file":"style.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * Correct the padding in Firefox.\n */\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n vertical-align: baseline;\n}\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\ndetails {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Misc\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10+.\n */\n\ntemplate {\n display: none;\n}\n\n/**\n * Add the correct display in IE 10.\n */\n\n[hidden] {\n display: none;\n}","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -webkit-text-size-adjust: 100%;\n /* 2 */ }\n\n/* Sections\n ========================================================================== */\n/**\n * Remove the margin in all browsers.\n */\nbody {\n margin: 0; }\n\n/**\n * Render the `main` element consistently in IE.\n */\nmain {\n display: block; }\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0; }\n\n/* Grouping content\n ========================================================================== */\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */ }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * Remove the gray background on active links in IE 10.\n */\na {\n background-color: transparent; }\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */ }\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder; }\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */ }\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline; }\n\nsub {\n bottom: -0.25em; }\n\nsup {\n top: -0.5em; }\n\n/* Embedded content\n ========================================================================== */\n/**\n * Remove the border on images inside links in IE 10.\n */\nimg {\n border-style: none; }\n\n/* Forms\n ========================================================================== */\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit;\n /* 1 */\n font-size: 100%;\n /* 1 */\n line-height: 1.15;\n /* 1 */\n margin: 0;\n /* 2 */ }\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible; }\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none; }\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; }\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0; }\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText; }\n\n/**\n * Correct the padding in Firefox.\n */\nfieldset {\n padding: 0.35em 0.75em 0.625em; }\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */ }\n\n/**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n vertical-align: baseline; }\n\n/**\n * Remove the default vertical scrollbar in IE 10+.\n */\ntextarea {\n overflow: auto; }\n\n/**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */ }\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto; }\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */ }\n\n/**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none; }\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */ }\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\ndetails {\n display: block; }\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item; }\n\n/* Misc\n ========================================================================== */\n/**\n * Add the correct display in IE 10+.\n */\ntemplate {\n display: none; }\n\n/**\n * Add the correct display in IE 10.\n */\n[hidden] {\n display: none; }\n\nbody {\n font-family: 'Roboto', sans-serif;\n color: #333; }\n\nimg {\n max-width: 100%;\n height: auto; }\n\n.site-header {\n padding: 10px 0;\n position: absolute;\n width: 100%;\n z-index: 2;\n transition: background-color .3s ease-out; }\n @media (min-width: 800px) {\n .site-header {\n position: fixed;\n background-color: #cdf691; } }\n @media (min-width: 800px) {\n .site-header__btn-container {\n float: right; } }\n .site-header__menu-content {\n opacity: 0;\n transform: scale(1.2);\n transtion: all .3s ease-out;\n position: relative;\n z-index: -10;\n padding-top: 90px;\n text-align: center; }\n @media (min-width: 800px) {\n .site-header__menu-content {\n opacity: 1;\n z-index: 1;\n padding-top: 0;\n transform: scale(1); } }\n .site-header__logo {\n position: absolute;\n top: 0;\n left: 50%;\n transform-origin: 50% 0%;\n transform: translateX(-50%) scale(0.8);\n transition: transform .3s ease-out; }\n @media (min-width: 800px) {\n .site-header__logo {\n left: auto;\n transform: translateX(0); } }\n\n.primary-nav {\n padding-top: 10px; }\n @media (min-width: 800px) {\n .primary-nav {\n padding-top: 0; } }\n @media (min-width: 800px) {\n .primary-nav--pull-right {\n float: right; } }\n .primary-nav ul {\n margin: 0;\n padding: 0; }\n .primary-nav ul::after {\n content: \"\";\n clear: both;\n display: table; }\n .primary-nav li {\n list-style: none;\n display: inline-block;\n padding-right: 7px; }\n @media (min-width: 800px) {\n .primary-nav li {\n float: left;\n display: block;\n padding-right: 20px; } }\n .primary-nav li:last-child {\n padding-right: 0; }\n @media (min-width: 800px) {\n .primary-nav li:last-child {\n padding-right: 20px; } }\n .primary-nav a {\n color: #000;\n font-weight: 300;\n text-decoration: none;\n display: block;\n padding: 5px 8px;\n font-size: .8rem;\n background: rgba(0, 0, 255, 0.5); }\n @media (min-width: 800px) {\n .primary-nav a {\n background: transparent;\n font-size: 1rem;\n padding: 12px 0; }\n .primary-nav a.is-current-link {\n color: #fabb69; } }\n\n.wrapper {\n overflow: hidden;\n padding-left: 18px;\n padding-right: 18px;\n max-width: 1236px;\n margin-left: auto;\n margin-right: auto; }\n .wrapper--medium {\n max-width: 976px; }\n","body {\n\tfont-family: 'Roboto', sans-serif;\n\tcolor: #333;\n}\n\nimg{\n\tmax-width: 100%;\n\theight: auto;\n}",".site-header{\n\tpadding: 10px 0;\n\tposition: absolute;\n\twidth: 100%;\n\tz-index: 2;\n\ttransition: background-color .3s ease-out;\n\t\n\t@include atMedium(){\n\t\tposition: fixed;\n\t\tbackground-color: #cdf691;\n\t}\n\n\t&__btn-container{\n\t\t@include atMedium(){\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\t&__menu-content{\n\t\topacity: 0;\n\t\ttransform: scale(1.2);\n\t\ttranstion: all .3s ease-out;\n\t\tposition: relative;\n\t\tz-index: -10;\n\t\tpadding-top: 90px;\n\t\ttext-align: center;\n\n\t\t@include atMedium(){\n\t\t\topacity: 1;\n\t\t\tz-index: 1;\n\t\t\tpadding-top: 0;\n\t\t\ttransform: scale(1); \n\t\t}\n\t}\n\n\t&__logo{\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 50%;\n\t\ttransform-origin: 50% 0%;\n\t\ttransform: translateX(-50%) scale(.8);\n\t\ttransition: transform .3s ease-out;\n\n\t\t@include atMedium(){\n\t\t\tleft: auto;\n\t\t\ttransform: translateX(0);\n\t\t}\n\t}\n\n}","@mixin atSmall {\n\t@media (min-width: 530px) { @content };\n}\n\n@mixin atMedium {\n\t@media (min-width: 800px) { @content };\n}\n\n@mixin atLarge {\n\t@media (min-width: 1200px) { @content };\n}\n\n@mixin clearfix {\n\t&::after{\n\t\tcontent: \"\";\n\t\tclear: both;\n\t\tdisplay: table;\n\t}\n}",".primary-nav{\n\tpadding-top: 10px;\n\t\n\t@include atMedium(){\n\t\tpadding-top: 0;\n\t}\n\n\t&--pull-right{\n\t\t@include atMedium(){\n\t\t\tfloat: right;\n\t\t}\n\t}\n\n\tul {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\n\t\t@include clearfix();\n\t}\n\n\tli{\n\t\tlist-style: none;\n\t\tdisplay: inline-block;\n\t\tpadding-right: 7px;\n\n\t\t@include atMedium(){\n\t\t\tfloat: left;\n\t\t\tdisplay: block;\n\t\t\tpadding-right: 20px;\n\n\t\t}\n\t}\n\n\tli:last-child {\n\t\tpadding-right: 0;\n\n\t\t@include atMedium(){\n\t\t\tpadding-right: 20px;\n\t\t}\n\t}\n\n\ta{\n\t\tcolor: #000;\n\t\tfont-weight: 300;\n\t\ttext-decoration: none;\n\t\tdisplay: block;\n\t\tpadding: 5px 8px;\n\t\tfont-size: .8rem;\n\t\tbackground:rgba(blue, .5);\n\n\t\t@include atMedium(){\n\t\t\tbackground:transparent;\n\t\t\tfont-size: 1rem;\n\t\t\tpadding: 12px 0;\n\n\t\t\t&.is-current-link {\n\t\t\t\tcolor: #fabb69;\n\t\t\t}\n\t\t}\n\t}\n}",".wrapper{\n\toverflow: hidden;\n\tpadding-left: 18px;\n\tpadding-right: 18px;\n\tmax-width: 1236px;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\n\t&--medium{\n\t\tmax-width: 976px;\n\t}\n}"]} \ No newline at end of file diff --git a/gulpfile.js b/gulpfile.js index a939e0e..ab90ba3 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -58,7 +58,7 @@ const watch = function() { baseDir: './app' } }); - gulp.watch("./app/assets/scss/**/*.scss", {usePolling : true}, gulp.series(scssTask)); + gulp.watch("./app/assets/scss/**/*.scss", {usePolling : true}, gulp.series(scssTask)).on('change', browserSync.reload); gulp.watch("./app/assets/js/**/*.js").on('change', browserSync.reload); // gulp.watch("./app/assets/images", {usePolling : true}, gulp.series(imagesTask)); gulp.watch("./app/*.html").on('change', browserSync.reload);