From f34b2d6d9fded221a9fa5ac63930790f07ebf943 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Wed, 24 Jan 2018 08:53:06 -0500 Subject: [PATCH] adding styles to the secondary topbar lower topbar styles, adjusting the search icon position --- assets/stylesheets/glm-dev.css | 2 +- assets/stylesheets/glm-dev.css.map | 2 +- glm-dev/scss/_global-settings.scss | 8 ++++-- glm-dev/scss/_header.scss | 45 ++++++++++++++++++++++++++++++ sass/navigation/_menus.scss | 2 +- template-parts/main-nav.php | 19 +++++++------ 6 files changed, 63 insertions(+), 15 deletions(-) diff --git a/assets/stylesheets/glm-dev.css b/assets/stylesheets/glm-dev.css index a05d18a..6895073 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-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} /*# sourceMappingURL=glm-dev.css.map */ diff --git a/assets/stylesheets/glm-dev.css.map b/assets/stylesheets/glm-dev.css.map index 54e8d52..47eabd9 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;",".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}","",""],"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,CDLjB,OAAO,CCsBT,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,CDbpB,OAAO,CCcQ,gBAAgB,CDbjC,OAAO,CCkBO,AAnBrB,AAUoB,cAVN,CAEV,QAAQ,CAKJ,gBAAgB,CACZ,EAAE,AAAA,SAAS,AAAA,KAAK,CACZ,UAAU,CACN,CAAC,AAKI,MAAM,AAAA,CACH,gBAAgB,CDhBnC,OAAO,CCiBY,KAAK,CDfzB,IAAK,CCgBY","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"],"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 diff --git a/glm-dev/scss/_global-settings.scss b/glm-dev/scss/_global-settings.scss index 12c5bb8..faa0ae9 100644 --- a/glm-dev/scss/_global-settings.scss +++ b/glm-dev/scss/_global-settings.scss @@ -1,3 +1,5 @@ -$l-blue: #74a8c1; -$blue: #156c96; -$white: white; \ No newline at end of file +$l-blue : #74a8c1; +$blue : #156c96; +$white : white; +$grey : #9a9a9a; +$oil : #333; \ No newline at end of file diff --git a/glm-dev/scss/_header.scss b/glm-dev/scss/_header.scss index 2820b53..dfab42d 100644 --- a/glm-dev/scss/_header.scss +++ b/glm-dev/scss/_header.scss @@ -22,4 +22,49 @@ } } } +} +#top-menu-right{ + .top-bar{ + padding: 0px; + background-color: $white; + float: right; + margin-right: 30px; + .top-bar-section{ + ul.dropdown.menu{ + + .menu-item{ + ul.submenu{ + background: $oil; + border: none; + + li.menu-item{ + a{ + background-color: $oil; + color: $white; + } + } + } + > a{ + padding: 2rem 10px; + font-family: inherit; + font-size: 12px; + font-weight: 400; + color: $grey; + background-color: $white; + &:hover{ + background-color: $oil; + color: $white; + } + &::after{ + display: none; + } + } + } + } + } + } +} +.search-button{ + right: 0; + top: -3px; } \ No newline at end of file diff --git a/sass/navigation/_menus.scss b/sass/navigation/_menus.scss index 943c4d7..59f06f4 100644 --- a/sass/navigation/_menus.scss +++ b/sass/navigation/_menus.scss @@ -309,7 +309,7 @@ li#menu-item-42 .mega-right { display: block; width:25px; position:absolute; - right:-15px; + // right:-15px; left:auto; top:0px; color:#999 !important; diff --git a/template-parts/main-nav.php b/template-parts/main-nav.php index d7649f2..dbfb209 100644 --- a/template-parts/main-nav.php +++ b/template-parts/main-nav.php @@ -1,12 +1,13 @@ - + \ No newline at end of file -- 2.17.1