From: Anthony Talarico Date: Wed, 24 Jan 2018 15:41:30 +0000 (-0500) Subject: adding off canvas menu X-Git-Tag: v1.0.0^2~111 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=8b7b57eb8998bb22a4a70db5f466fac9538d18dc;p=WP-Themes%2Fwmta.git adding off canvas menu had to wrap the site in off canvas content, setting up off canvas menu --- diff --git a/assets/img/wmta-logo-header.png b/assets/img/wmta-logo-header.png new file mode 100644 index 0000000..a534e6f Binary files /dev/null and b/assets/img/wmta-logo-header.png differ diff --git a/assets/stylesheets/glm-dev.css b/assets/stylesheets/glm-dev.css index 6895073..fb76ed8 100644 --- a/assets/stylesheets/glm-dev.css +++ b/assets/stylesheets/glm-dev.css @@ -1,3 +1,3 @@ -.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}#top-menu-right .top-bar{padding:0px;background-color:#fff;float:right;margin-right:30px}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu{background:#333;border:none}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu li.menu-item a{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a{padding:2rem 10px;font-family:inherit;font-size:12px;font-weight:400;color:#9a9a9a;background-color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a:hover{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a::after{display:none}.search-button{right:0;top:-3px} +.top-menu-left{height:28px}.top-menu-left .top-bar{height:28px;padding:0;float:right;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a{padding:.55rem 9px;font-size:11px;color:#74a8c1;background-color:#156c96}.top-menu-left .top-bar .top-bar-section ul.dropdown.menu .menu-item a:hover{background-color:#74a8c1;color:#fff}#top-menu-right .top-bar{padding:0px;background-color:#fff;float:right;margin-right:30px}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu{background:#333;border:none}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item ul.submenu li.menu-item a{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a{padding:2rem 10px;font-family:inherit;font-size:12px;font-weight:400;color:#9a9a9a;background-color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a:hover{background-color:#333;color:#fff}#top-menu-right .top-bar .top-bar-section ul.dropdown.menu .menu-item>a::after{display:none}.search-button{right:0;top:-3px}.header-logo{float:left;margin-top:12px}.header-logo img{max-width:270px}.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{z-index:99999999}.title-bar{background-color:#74a8c1}.title-bar .menu-icon{background:transparent;background-color:transparent;box-shadow:none;border-color:transparent} /*# sourceMappingURL=glm-dev.css.map */ diff --git a/assets/stylesheets/glm-dev.css.map b/assets/stylesheets/glm-dev.css.map index 47eabd9..0c28358 100644 --- a/assets/stylesheets/glm-dev.css.map +++ b/assets/stylesheets/glm-dev.css.map @@ -1 +1 @@ -{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';","$l-blue : #74a8c1;\n$blue : #156c96;\n$white : white;\n$grey : #9a9a9a;\n$oil : #333;",".top-menu-left{\n height: 28px;\n .top-bar{\n height: 28px;\n padding: 0;\n float: right;\n background-color: $blue;\n .top-bar-section{\n ul.dropdown.menu{\n .menu-item{\n a{\n padding: .55rem 9px;\n font-size: 11px;\n color: $l-blue;\n background-color: $blue;\n &:hover{\n background-color: $l-blue;\n color: $white;\n }\n }\n }\n }\n }\n }\n}\n#top-menu-right{\n .top-bar{\n padding: 0px;\n background-color: $white;\n float: right;\n margin-right: 30px;\n .top-bar-section{\n ul.dropdown.menu{\n \n .menu-item{\n ul.submenu{\n background: $oil;\n border: none;\n \n li.menu-item{\n a{\n background-color: $oil;\n color: $white;\n }\n }\n }\n > a{\n padding: 2rem 10px;\n font-family: inherit;\n font-size: 12px;\n font-weight: 400;\n color: $grey;\n background-color: $white;\n &:hover{\n background-color: $oil;\n color: $white;\n }\n &::after{\n display: none;\n }\n }\n }\n }\n }\n }\n}\n.search-button{\n right: 0;\n top: -3px;\n}","",""],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLd,OAAO,CCsBZ,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbnB,OAAO,CCcO,gBAAgB,CDb9B,OAAO,CCkBI,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBlC,OAAO,CCiBW,KAAK,CDfvB,IAAK,CCgBU,AAOzB,AACI,eADW,CACX,QAAQ,AAAA,CACJ,OAAO,CAAE,GAAI,CACb,gBAAgB,CD1Bd,IAAK,CC2BP,KAAK,CAAE,KAAM,CACb,YAAY,CAAE,IAAK,CAkCtB,AAvCL,AAUsB,eAVP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,AAAA,CACN,UAAU,CDhCxB,IAAI,CCiCU,MAAM,CAAE,IAAK,CAQhB,AApBrB,AAe4B,eAfb,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,CAIN,EAAE,AAAA,UAAU,CACR,CAAC,AAAA,CACG,gBAAgB,CDrCtC,IAAI,CCsCkB,KAAK,CDxC3B,IAAK,CCyCc,AAlB7B,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAAA,CACC,OAAO,CAAE,SAAU,CACnB,WAAW,CAAE,OAAQ,CACrB,SAAS,CAAE,IAAK,CAChB,WAAW,CAAE,GAAI,CACjB,KAAK,CDhDnB,OAAO,CCiDO,gBAAgB,CDlD9B,IAAK,CC0DM,AAnCrB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAOE,MAAM,AAAA,CACH,gBAAgB,CDlDlC,IAAI,CCmDc,KAAK,CDrDvB,IAAK,CCsDU,AA/BzB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAWE,OAAO,AAAA,CACJ,OAAO,CAAE,IAAK,CACjB,AAOzB,AAAA,cAAc,AAAA,CACV,KAAK,CAAE,CAAE,CACT,GAAG,CAAE,IAAK,CACb","names":[]} \ No newline at end of file +{"version":3,"file":"glm-dev.css","sources":["glm-dev.scss","_global-settings.scss","_header.scss","_body.scss","_footer.scss","_off-canvas.scss"],"sourcesContent":["@import 'global-settings';\n@import 'header';\n@import 'body';\n@import 'footer';\n@import 'off-canvas';","$l-blue : #74a8c1;\n$blue : #156c96;\n$white : white;\n$grey : #9a9a9a;\n$oil : #333;",".top-menu-left{\n height: 28px;\n .top-bar{\n height: 28px;\n padding: 0;\n float: right;\n background-color: $blue;\n .top-bar-section{\n ul.dropdown.menu{\n .menu-item{\n a{\n padding: .55rem 9px;\n font-size: 11px;\n color: $l-blue;\n background-color: $blue;\n &:hover{\n background-color: $l-blue;\n color: $white;\n }\n }\n }\n }\n }\n }\n}\n#top-menu-right{\n .top-bar{\n padding: 0px;\n background-color: $white;\n float: right;\n margin-right: 30px;\n .top-bar-section{\n ul.dropdown.menu{\n \n .menu-item{\n ul.submenu{\n background: $oil;\n border: none;\n \n li.menu-item{\n a{\n background-color: $oil;\n color: $white;\n }\n }\n }\n > a{\n padding: 2rem 10px;\n font-family: inherit;\n font-size: 12px;\n font-weight: 400;\n color: $grey;\n background-color: $white;\n &:hover{\n background-color: $oil;\n color: $white;\n }\n &::after{\n display: none;\n }\n }\n }\n }\n }\n }\n}\n.search-button{\n right: 0;\n top: -3px;\n}\n.header-logo{\n float: left;\n margin-top: 12px;\n img{\n max-width: 270px;\n }\n}","","",".off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{\n z-index: 99999999;\n}\n.title-bar{\n background-color: $l-blue;\n .menu-icon{\n background: transparent;\n background-color: transparent;\n box-shadow: none;\n border-color: transparent;\n }\n}\n"],"mappings":"AEAA,AAAA,cAAc,AAAA,CACV,MAAM,CAAE,IAAK,CAuBhB,AAxBD,AAEI,cAFU,CAEV,QAAQ,AAAA,CACJ,MAAM,CAAE,IAAK,CACb,OAAO,CAAE,CAAE,CACX,KAAK,CAAE,KAAM,CACb,gBAAgB,CDLd,OAAO,CCsBZ,AAvBL,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAAA,CACG,OAAO,CAAE,UAAW,CACpB,SAAS,CAAE,IAAK,CAChB,KAAK,CDbnB,OAAO,CCcO,gBAAgB,CDb9B,OAAO,CCkBI,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBlC,OAAO,CCiBW,KAAK,CDfvB,IAAK,CCgBU,AAOzB,AACI,eADW,CACX,QAAQ,AAAA,CACJ,OAAO,CAAE,GAAI,CACb,gBAAgB,CD1Bd,IAAK,CC2BP,KAAK,CAAE,KAAM,CACb,YAAY,CAAE,IAAK,CAkCtB,AAvCL,AAUsB,eAVP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,AAAA,CACN,UAAU,CDhCxB,IAAI,CCiCU,MAAM,CAAE,IAAK,CAQhB,AApBrB,AAe4B,eAfb,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CACN,EAAE,AAAA,QAAQ,CAIN,EAAE,AAAA,UAAU,CACR,CAAC,AAAA,CACG,gBAAgB,CDrCtC,IAAI,CCsCkB,KAAK,CDxC3B,IAAK,CCyCc,AAlB7B,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAAA,CACC,OAAO,CAAE,SAAU,CACnB,WAAW,CAAE,OAAQ,CACrB,SAAS,CAAE,IAAK,CAChB,WAAW,CAAE,GAAI,CACjB,KAAK,CDhDnB,OAAO,CCiDO,gBAAgB,CDlD9B,IAAK,CC0DM,AAnCrB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAOE,MAAM,AAAA,CACH,gBAAgB,CDlDlC,IAAI,CCmDc,KAAK,CDrDvB,IAAK,CCsDU,AA/BzB,AAqBsB,eArBP,CACX,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CAEZ,UAAU,CAYJ,CAAC,AAWE,OAAO,AAAA,CACJ,OAAO,CAAE,IAAK,CACjB,AAOzB,AAAA,cAAc,AAAA,CACV,KAAK,CAAE,CAAE,CACT,GAAG,CAAE,IAAK,CACb,AACD,AAAA,YAAY,AAAA,CACR,KAAK,CAAE,IAAK,CACZ,UAAU,CAAE,IAAK,CAIpB,AAND,AAGI,YAHQ,CAGR,GAAG,AAAA,CACC,SAAS,CAAE,KAAM,CACpB,AG3EL,AAAmE,mBAAhD,CAAC,WAAW,AAAA,cAAc,AAAA,sBAAsB,AAAA,QAAQ,AAAA,CACvE,OAAO,CAAE,QAAS,CACrB,AACD,AAAA,UAAU,AAAA,CACN,gBAAgB,CJJV,OAAO,CIWhB,AARD,AAEI,UAFM,CAEN,UAAU,AAAA,CACN,UAAU,CAAE,WAAY,CACxB,gBAAgB,CAAE,WAAY,CAC9B,UAAU,CAAE,IAAK,CACjB,YAAY,CAAE,WAAY,CAC7B","names":[]} \ No newline at end of file diff --git a/footer.php b/footer.php index a4e2616..8ed5539 100644 --- a/footer.php +++ b/footer.php @@ -161,8 +161,8 @@ get_template_part('template-parts/search','overlay'); - - - + + + diff --git a/glm-dev/scss/_header.scss b/glm-dev/scss/_header.scss index dfab42d..1d036e6 100644 --- a/glm-dev/scss/_header.scss +++ b/glm-dev/scss/_header.scss @@ -67,4 +67,11 @@ .search-button{ right: 0; top: -3px; +} +.header-logo{ + float: left; + margin-top: 12px; + img{ + max-width: 270px; + } } \ No newline at end of file diff --git a/glm-dev/scss/_off-canvas.scss b/glm-dev/scss/_off-canvas.scss new file mode 100644 index 0000000..cd1e62e --- /dev/null +++ b/glm-dev/scss/_off-canvas.scss @@ -0,0 +1,12 @@ +.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{ + z-index: 99999999; +} +.title-bar{ + background-color: $l-blue; + .menu-icon{ + background: transparent; + background-color: transparent; + box-shadow: none; + border-color: transparent; + } +} diff --git a/glm-dev/scss/glm-dev.scss b/glm-dev/scss/glm-dev.scss index e25990a..3a76a47 100644 --- a/glm-dev/scss/glm-dev.scss +++ b/glm-dev/scss/glm-dev.scss @@ -1,4 +1,5 @@ @import 'global-settings'; @import 'header'; @import 'body'; -@import 'footer'; \ No newline at end of file +@import 'footer'; +@import 'off-canvas'; \ No newline at end of file diff --git a/glm-dev/scss/package.json b/glm-dev/scss/package.json new file mode 100644 index 0000000..9862aa2 --- /dev/null +++ b/glm-dev/scss/package.json @@ -0,0 +1,24 @@ +{ + "name": "coldwater", + "description": "Gaslight Media", + "version": "0.0.1", + "devDependencies": { + "gulp": "^3.9.0", + "gulp-autoprefixer": "^3.1.0", + "gulp-babel": "^6.1.2", + "gulp-clean": "^0.3.2", + "gulp-concat": "^2.6.0", + "gulp-copy": "0.0.2", + "gulp-jshint": "^2.0.1", + "gulp-rename": "^1.2.2", + "gulp-sass": "^2.3.2", + "gulp-sourcemaps": "^1.6.0", + "gulp-uglify": "^2.0.0", + "jshint": "^2.9.2", + "node-sass": "^3.8.0", + "babel-preset-es2015": "~6.13.2" + }, + "dependencies": { + "gulp-jade-php": "^2.0.0-0" + } +} diff --git a/header.php b/header.php index b997bef..c063f5c 100644 --- a/header.php +++ b/header.php @@ -93,51 +93,54 @@ > -
+
+
+
+
+ +
-
+ - + - - - + - + - + -
+
- + - -
+
diff --git a/template-parts/main-nav.php b/template-parts/main-nav.php index dbfb209..7f82930 100644 --- a/template-parts/main-nav.php +++ b/template-parts/main-nav.php @@ -1,13 +1,12 @@
-
\ No newline at end of file diff --git a/template-parts/off-canvas.php b/template-parts/off-canvas.php new file mode 100644 index 0000000..f0c0157 --- /dev/null +++ b/template-parts/off-canvas.php @@ -0,0 +1,50 @@ + +
+ + + + +
    +
    • + +
    • +
  • , +
    • + + +
    • +
  • , +
    • + + +
    • + + +
    • + + + • + + + • + + +
    • + + +
    • + +
+ +

#COLDWATERCOUNTRY

+ +
\ No newline at end of file diff --git a/template-parts/top-nav.php b/template-parts/top-nav.php index fa03ea2..7a75b89 100644 --- a/template-parts/top-nav.php +++ b/template-parts/top-nav.php @@ -12,16 +12,17 @@
-
\ No newline at end of file