diff --git a/CHANGELOG.md b/CHANGELOG.md index 924111981cfafbddf6ba82a720e60616d751e886..9e237f10c0e568f980fac8f2b68352766a6968b0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## [2.4.4] - 28-08-2019 + +- Fixed line under footer block titles expanding to 100% in small resolutions + ## [2.4.3] - 12-08-2019 - Fixed scroll bar appearing in IE next to site name diff --git a/cernclean.info.yml b/cernclean.info.yml index cd2b6af6bd11e135c38172defe19f76cff01eb31..0050baa48ba40dd5dd2e121aefc71ff2843eec0a 100644 --- a/cernclean.info.yml +++ b/cernclean.info.yml @@ -2,7 +2,7 @@ name: CERN type: theme description: "CERN theme" core: 8.x -version: 2.4.3 +version: 2.4.4 base theme: cernbase # libraries diff --git a/css/layout.css b/css/layout.css index 232d5c78c05c3dd442cff89193822130b84544a0..898631215763796ebd906ddb5726b71289e90c02 100644 --- a/css/layout.css +++ b/css/layout.css @@ -1,179 +1,209 @@ .wrapper-center { - padding: 0 3%; } + padding: 0 3%; +} .sidebar-left, .sidebar-right { - margin: 30px 0 0; } - .sidebar-left nav > h2, - .sidebar-right nav > h2 { - margin-bottom: 30px; } - .sidebar-left nav ul:not(.contextual-links), - .sidebar-right nav ul:not(.contextual-links) { - list-style: none; - margin: 0; - padding: 0; } - .sidebar-left nav ul:not(.contextual-links) > li, - .sidebar-right nav ul:not(.contextual-links) > li { - font-size: 16px; - font-size: 1.6rem; - font-family: 'opensans-regular'; - margin: 0 0 10px; } - .sidebar-left nav ul:not(.contextual-links) > li a, - .sidebar-right nav ul:not(.contextual-links) > li a { - display: inline-block; - padding: 5px 0 8px 20px; - position: relative; } - .sidebar-left nav ul:not(.contextual-links) > li a .caret, - .sidebar-right nav ul:not(.contextual-links) > li a .caret { - display: none; } - .sidebar-left nav ul:not(.contextual-links) > li a:hover, .sidebar-left nav ul:not(.contextual-links) > li a:focus, - .sidebar-right nav ul:not(.contextual-links) > li a:hover, - .sidebar-right nav ul:not(.contextual-links) > li a:focus { - text-decoration: none; } - .sidebar-left nav ul:not(.contextual-links) > li a:after, - .sidebar-right nav ul:not(.contextual-links) > li a:after { - -webkit-transition: all 0.6s ease-in-out 0s; - -khtml-transition: all 0.6s ease-in-out 0s; - -moz-transition: all 0.6s ease-in-out 0s; - -ms-transition: all 0.6s ease-in-out 0s; - -o-transition: all 0.6s ease-in-out 0s; - transition: all 0.6s ease-in-out 0s; - background: transparent; - border-bottom: 2px solid; - content: ''; - display: block; - height: 2px; - width: 0%; - position: absolute; - left: 0; - margin: 0 0 0 20px; - max-width: calc(100% - 20px); } - .sidebar-left nav ul:not(.contextual-links) > li a:hover, .sidebar-left nav ul:not(.contextual-links) > li a.is-active, - .sidebar-right nav ul:not(.contextual-links) > li a:hover, - .sidebar-right nav ul:not(.contextual-links) > li a.is-active { - background: none; } - .sidebar-left nav ul:not(.contextual-links) > li a:hover:before, .sidebar-left nav ul:not(.contextual-links) > li a.is-active:before, - .sidebar-right nav ul:not(.contextual-links) > li a:hover:before, - .sidebar-right nav ul:not(.contextual-links) > li a.is-active:before { - left: -4px; } - .sidebar-left nav ul:not(.contextual-links) > li a:hover:after, .sidebar-left nav ul:not(.contextual-links) > li a.is-active:after, - .sidebar-right nav ul:not(.contextual-links) > li a:hover:after, - .sidebar-right nav ul:not(.contextual-links) > li a.is-active:after { - width: 100%; } - .sidebar-left nav ul:not(.contextual-links) > li ul, - .sidebar-right nav ul:not(.contextual-links) > li ul { - display: block; - margin: 5px 0 0; } - .sidebar-left nav ul:not(.contextual-links) > li ul li, - .sidebar-right nav ul:not(.contextual-links) > li ul li { - font-size: 16px; - font-size: 1.6rem; - font-family: 'sourcesans-light'; - margin: 0; - padding: 5px 0px 5px 20px; } - .sidebar-left nav ul:not(.contextual-links) > li ul li a, - .sidebar-right nav ul:not(.contextual-links) > li ul li a { - display: inline-block; - padding: 5px 0 8px 20px; - position: relative; } - .sidebar-left nav ul:not(.contextual-links) > li ul li a:before, - .sidebar-right nav ul:not(.contextual-links) > li ul li a:before { - -webkit-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; - -khtml-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; - -moz-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; - -ms-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; - -o-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; - transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; - font-size: 36px; - font-size: 3.6rem; - content: '\j'; - float: left; - font-family: 'cern-icons'; - display: block; - top: -10px; - left: -12px; - position: absolute; - transform: rotate(0deg); } - .sidebar-left nav ul:not(.contextual-links) > li ul li a:after, - .sidebar-right nav ul:not(.contextual-links) > li ul li a:after { - -webkit-transition: all 0.6s ease-in-out 0s; - -khtml-transition: all 0.6s ease-in-out 0s; - -moz-transition: all 0.6s ease-in-out 0s; - -ms-transition: all 0.6s ease-in-out 0s; - -o-transition: all 0.6s ease-in-out 0s; - transition: all 0.6s ease-in-out 0s; - background: transparent; - border-bottom: 2px solid; - content: ''; - display: block; - height: 2px; - width: 0%; - position: absolute; - bottom: 3px; - left: 0; - margin: 0 0 0 20px; - max-width: calc(100% - 20px); } - .sidebar-left nav ul:not(.contextual-links) > li ul li a:hover, .sidebar-left nav ul:not(.contextual-links) > li ul li a.is-active, - .sidebar-right nav ul:not(.contextual-links) > li ul li a:hover, - .sidebar-right nav ul:not(.contextual-links) > li ul li a.is-active { - background: none; } - .sidebar-left nav ul:not(.contextual-links) > li ul li a:hover:before, .sidebar-left nav ul:not(.contextual-links) > li ul li a.is-active:before, - .sidebar-right nav ul:not(.contextual-links) > li ul li a:hover:before, - .sidebar-right nav ul:not(.contextual-links) > li ul li a.is-active:before { - left: -4px; } - .sidebar-left nav ul:not(.contextual-links) > li ul li a:hover:after, .sidebar-left nav ul:not(.contextual-links) > li ul li a.is-active:after, - .sidebar-right nav ul:not(.contextual-links) > li ul li a:hover:after, - .sidebar-right nav ul:not(.contextual-links) > li ul li a.is-active:after { - width: 100%; } + margin: 30px 0 0; +} +.sidebar-left nav > h2, +.sidebar-right nav > h2 { + margin-bottom: 30px; +} +.sidebar-left nav ul:not(.contextual-links), +.sidebar-right nav ul:not(.contextual-links) { + list-style: none; + margin: 0; + padding: 0; +} +.sidebar-left nav ul:not(.contextual-links) > li, +.sidebar-right nav ul:not(.contextual-links) > li { + font-size: 16px; + font-size: 1.6rem; + font-family: "opensans-regular"; + margin: 0 0 10px; +} +.sidebar-left nav ul:not(.contextual-links) > li a, +.sidebar-right nav ul:not(.contextual-links) > li a { + display: inline-block; + padding: 5px 0 8px 20px; + position: relative; +} +.sidebar-left nav ul:not(.contextual-links) > li a .caret, +.sidebar-right nav ul:not(.contextual-links) > li a .caret { + display: none; +} +.sidebar-left nav ul:not(.contextual-links) > li a:hover, .sidebar-left nav ul:not(.contextual-links) > li a:focus, +.sidebar-right nav ul:not(.contextual-links) > li a:hover, +.sidebar-right nav ul:not(.contextual-links) > li a:focus { + text-decoration: none; +} +.sidebar-left nav ul:not(.contextual-links) > li a:after, +.sidebar-right nav ul:not(.contextual-links) > li a:after { + -webkit-transition: all 0.6s ease-in-out 0s; + -khtml-transition: all 0.6s ease-in-out 0s; + -moz-transition: all 0.6s ease-in-out 0s; + -ms-transition: all 0.6s ease-in-out 0s; + -o-transition: all 0.6s ease-in-out 0s; + transition: all 0.6s ease-in-out 0s; + background: transparent; + border-bottom: 2px solid; + content: ""; + display: block; + height: 2px; + width: 0%; + position: absolute; + left: 0; + margin: 0 0 0 20px; + max-width: calc(100% - 20px); +} +.sidebar-left nav ul:not(.contextual-links) > li a:hover, .sidebar-left nav ul:not(.contextual-links) > li a.is-active, +.sidebar-right nav ul:not(.contextual-links) > li a:hover, +.sidebar-right nav ul:not(.contextual-links) > li a.is-active { + background: none; +} +.sidebar-left nav ul:not(.contextual-links) > li a:hover:before, .sidebar-left nav ul:not(.contextual-links) > li a.is-active:before, +.sidebar-right nav ul:not(.contextual-links) > li a:hover:before, +.sidebar-right nav ul:not(.contextual-links) > li a.is-active:before { + left: -4px; +} +.sidebar-left nav ul:not(.contextual-links) > li a:hover:after, .sidebar-left nav ul:not(.contextual-links) > li a.is-active:after, +.sidebar-right nav ul:not(.contextual-links) > li a:hover:after, +.sidebar-right nav ul:not(.contextual-links) > li a.is-active:after { + width: 100%; +} +.sidebar-left nav ul:not(.contextual-links) > li ul, +.sidebar-right nav ul:not(.contextual-links) > li ul { + display: block; + margin: 5px 0 0; +} +.sidebar-left nav ul:not(.contextual-links) > li ul li, +.sidebar-right nav ul:not(.contextual-links) > li ul li { + font-size: 16px; + font-size: 1.6rem; + font-family: "sourcesans-light"; + margin: 0; + padding: 5px 0px 5px 20px; +} +.sidebar-left nav ul:not(.contextual-links) > li ul li a, +.sidebar-right nav ul:not(.contextual-links) > li ul li a { + display: inline-block; + padding: 5px 0 8px 20px; + position: relative; +} +.sidebar-left nav ul:not(.contextual-links) > li ul li a:before, +.sidebar-right nav ul:not(.contextual-links) > li ul li a:before { + -webkit-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; + -khtml-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; + -moz-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; + -ms-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; + -o-transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; + transition: color 0.6s ease-in-out 0s, left 0.6s ease-in-out 0s; + font-size: 36px; + font-size: 3.6rem; + content: "j"; + float: left; + font-family: "cern-icons"; + display: block; + top: -10px; + left: -12px; + position: absolute; + transform: rotate(0deg); +} +.sidebar-left nav ul:not(.contextual-links) > li ul li a:after, +.sidebar-right nav ul:not(.contextual-links) > li ul li a:after { + -webkit-transition: all 0.6s ease-in-out 0s; + -khtml-transition: all 0.6s ease-in-out 0s; + -moz-transition: all 0.6s ease-in-out 0s; + -ms-transition: all 0.6s ease-in-out 0s; + -o-transition: all 0.6s ease-in-out 0s; + transition: all 0.6s ease-in-out 0s; + background: transparent; + border-bottom: 2px solid; + content: ""; + display: block; + height: 2px; + width: 0%; + position: absolute; + bottom: 3px; + left: 0; + margin: 0 0 0 20px; + max-width: calc(100% - 20px); +} +.sidebar-left nav ul:not(.contextual-links) > li ul li a:hover, .sidebar-left nav ul:not(.contextual-links) > li ul li a.is-active, +.sidebar-right nav ul:not(.contextual-links) > li ul li a:hover, +.sidebar-right nav ul:not(.contextual-links) > li ul li a.is-active { + background: none; +} +.sidebar-left nav ul:not(.contextual-links) > li ul li a:hover:before, .sidebar-left nav ul:not(.contextual-links) > li ul li a.is-active:before, +.sidebar-right nav ul:not(.contextual-links) > li ul li a:hover:before, +.sidebar-right nav ul:not(.contextual-links) > li ul li a.is-active:before { + left: -4px; +} +.sidebar-left nav ul:not(.contextual-links) > li ul li a:hover:after, .sidebar-left nav ul:not(.contextual-links) > li ul li a.is-active:after, +.sidebar-right nav ul:not(.contextual-links) > li ul li a:hover:after, +.sidebar-right nav ul:not(.contextual-links) > li ul li a.is-active:after { + width: 100%; +} .page-node-type-landing-page .wrapper-center { - padding: 0; } - .page-node-type-landing-page .wrapper-center.col-md-9, .page-node-type-landing-page .wrapper-center.col-md-6 { - width: 100%; } + padding: 0; +} +.page-node-type-landing-page .wrapper-center.col-md-9, .page-node-type-landing-page .wrapper-center.col-md-6 { + width: 100%; +} .page-node-type-landing-page .sidebar-left, .page-node-type-landing-page .sidebar-right { - display: none; } + display: none; +} @media only screen and (max-width: 991px) { .sidebar-left, - .sidebar-right { - padding: 0 3%; } } +.sidebar-right { + padding: 0 3%; + } +} main .block-language { - padding: 0 0 5px; } - main .block-language > .links { - -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); - box-shadow: 0 0 0 rgba(0, 0, 0, 0); - filter: alpha(opacity=100); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; - -webkit-opacity: 1; - -khtml-opacity: 1; - -moz-opacity: 1; - -ms-opacity: 1; - -o-opacity: 1; - opacity: 1; - display: block; - margin: 0 0 0 10px; - padding: 0; - float: right; - position: static; } - main .block-language > .links > li { - float: left; - list-style-type: none; - margin-bottom: -1px; - margin: 0; - padding: 4px; } - main .block-language > .links > li > a { - margin-right: 2px; - line-height: 1.428571429; - border: 1px solid transparent; - border-radius: 0; - padding: 0 5px; } - main .block-language > .links:before { - display: none; } + padding: 0 0 5px; +} +main .block-language > .links { + -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 rgba(0, 0, 0, 0); + filter: alpha(opacity=100); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -webkit-opacity: 1; + -khtml-opacity: 1; + -moz-opacity: 1; + -ms-opacity: 1; + -o-opacity: 1; + opacity: 1; + display: block; + margin: 0 0 0 10px; + padding: 0; + float: right; + position: static; +} +main .block-language > .links > li { + float: left; + list-style-type: none; + margin-bottom: -1px; + margin: 0; + padding: 4px; +} +main .block-language > .links > li > a { + margin-right: 2px; + line-height: 1.428571429; + border: 1px solid transparent; + border-radius: 0; + padding: 0 5px; +} +main .block-language > .links:before { + display: none; +} .has-header main .block-language { position: absolute !important; @@ -184,21 +214,29 @@ main .block-language { z-index: 10; right: 0; left: 0; - padding: 5px 10px; } + padding: 5px 10px; +} .has-header.toolbar-fixed main .block-language { - top: calc(100vh - 39px); } + top: calc(100vh - 39px); +} .has-header.toolbar-fixed.toolbar-vertical main .block-language { - top: calc(100vh - 39px); } + top: calc(100vh - 39px); +} .has-header.toolbar-fixed.toolbar-tray-open:not(.toolbar-vertical) main .block-language { - top: calc(100vh - 78px); } + top: calc(100vh - 78px); +} .has-header.cern-toolbar main .block-language { - top: calc(100vh - 40px); } + top: calc(100vh - 40px); +} .has-header.cern-toolbar.toolbar-fixed main .block-language { - top: calc(100vh - 79px); } + top: calc(100vh - 79px); +} .has-header.cern-toolbar.toolbar-fixed.toolbar-vertical main .block-language { - top: calc(100vh - 79px); } + top: calc(100vh - 79px); +} .has-header.cern-toolbar.toolbar-tray-open:not(.toolbar-vertical) main .block-language { - top: calc(100vh - 118px); } + top: calc(100vh - 118px); +} .footer-last-logo { filter: alpha(opacity=60); @@ -208,121 +246,143 @@ main .block-language { -moz-opacity: 0.6; -ms-opacity: 0.6; -o-opacity: 0.6; - opacity: 0.6; } + opacity: 0.6; +} @media only screen and (max-width: 767px) { body > footer .footer-last-logo { margin: auto; float: none; - min-width: 60px; } } + min-width: 60px; + } +} @media only screen and (max-width: 1140px) { body > footer { - padding: 55px 3%; } } + padding: 55px 3%; + } +} @media only screen and (max-width: 980px) { body > footer { - padding: 3%; } + padding: 3%; + } - .footer-wrapper div[class*="footercolumn1"], - .footer-wrapper div[class*="footercolumn2"], - .footer-wrapper div[class*="footercolumn3"], - .footer-wrapper div[class*="footercolumn4"] { + .footer-wrapper div[class*=footercolumn1], +.footer-wrapper div[class*=footercolumn2], +.footer-wrapper div[class*=footercolumn3], +.footer-wrapper div[class*=footercolumn4] { margin: 0 0 20px; - width: 100%; } - .footer-wrapper div[class*="footercolumn1"]:after, - .footer-wrapper div[class*="footercolumn2"]:after, - .footer-wrapper div[class*="footercolumn3"]:after, - .footer-wrapper div[class*="footercolumn4"]:after { - display: none; } - - body > footer .field--name-field-visible-title:after, - body > footer nav > h2:after { - width: 100%; } } + width: 100%; + } + .footer-wrapper div[class*=footercolumn1]:after, +.footer-wrapper div[class*=footercolumn2]:after, +.footer-wrapper div[class*=footercolumn3]:after, +.footer-wrapper div[class*=footercolumn4]:after { + display: none; + } +} /* custom classes for teaser list blocks created by views */ .teaser-list-block .view-footer { - text-align: right; } - .teaser-list-block .view-footer a { - position: relative; - padding-right: 15px; - font-weight: bold; } - .teaser-list-block .view-footer a:after { - -webkit-transition: all 0.3s ease-in-out 0s; - -khtml-transition: all 0.3s ease-in-out 0s; - -moz-transition: all 0.3s ease-in-out 0s; - -ms-transition: all 0.3s ease-in-out 0s; - -o-transition: all 0.3s ease-in-out 0s; - transition: all 0.3s ease-in-out 0s; - content: '\j'; - font-size: 40px; - font-size: 4rem; - font-family: "cern-icons"; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: inline-block; - vertical-align: bottom; - position: absolute; - top: 1px; - right: 0px; - left: auto; - line-height: 19px; - width: 9px; - text-indent: -16px; } - .teaser-list-block .view-footer a:hover:after { - right: -5px; } + text-align: right; +} +.teaser-list-block .view-footer a { + position: relative; + padding-right: 15px; + font-weight: bold; +} +.teaser-list-block .view-footer a:after { + -webkit-transition: all 0.3s ease-in-out 0s; + -khtml-transition: all 0.3s ease-in-out 0s; + -moz-transition: all 0.3s ease-in-out 0s; + -ms-transition: all 0.3s ease-in-out 0s; + -o-transition: all 0.3s ease-in-out 0s; + transition: all 0.3s ease-in-out 0s; + content: "j"; + font-size: 40px; + font-size: 4rem; + font-family: "cern-icons"; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + display: inline-block; + vertical-align: bottom; + position: absolute; + top: 1px; + right: 0px; + left: auto; + line-height: 19px; + width: 9px; + text-indent: -16px; +} +.teaser-list-block .view-footer a:hover:after { + right: -5px; +} .teaser-list-block .views-field a { - line-height: 28px !important; } - .teaser-list-block .views-field a:before { - content: '\j'; - font-size: 40px; - font-size: 4rem; - -webkit-transition: all 0.6s ease-in-out 0s; - -khtml-transition: all 0.6s ease-in-out 0s; - -moz-transition: all 0.6s ease-in-out 0s; - -ms-transition: all 0.6s ease-in-out 0s; - -o-transition: all 0.6s ease-in-out 0s; - transition: all 0.6s ease-in-out 0s; - font-family: "cern-icons"; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - vertical-align: bottom; - position: absolute; - left: -10px; - line-height: 25px; - width: 12px; - text-indent: -25px; } - .teaser-list-block .views-field a:hover:before { - left: 0px; } + line-height: 28px !important; +} +.teaser-list-block .views-field a:before { + content: "j"; + font-size: 40px; + font-size: 4rem; + -webkit-transition: all 0.6s ease-in-out 0s; + -khtml-transition: all 0.6s ease-in-out 0s; + -moz-transition: all 0.6s ease-in-out 0s; + -ms-transition: all 0.6s ease-in-out 0s; + -o-transition: all 0.6s ease-in-out 0s; + transition: all 0.6s ease-in-out 0s; + font-family: "cern-icons"; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + vertical-align: bottom; + position: absolute; + left: -10px; + line-height: 25px; + width: 12px; + text-indent: -25px; +} +.teaser-list-block .views-field a:hover:before { + left: 0px; +} .dropdown { - white-space: nowrap; } + white-space: nowrap; +} +.dropdown > font { + transition: transform 250ms linear; + transform-origin: center center; + transform-style: preserve-3D; + margin-left: 10px; + font-size: 18px; + height: 25px; + display: none; +} +.dropdown.open > .dropdown-menu { + display: block !important; +} +.dropdown.open > font { + transform: rotate(45deg); +} +.dropdown > .dropdown-menu > .dropdown > .dropdown-menu li a { + white-space: normal; + padding: 0 0 15px 20px; +} +@media only screen and (min-width: 769px) { + .dropdown { + display: flex; + justify-content: space-between; + } + .dropdown > .dropdown-menu > .dropdown > .dropdown-menu { + position: absolute; + left: -120%; + top: -57%; + display: none; + padding: 18px 0 0; + } + .dropdown > .dropdown-menu > .dropdown > .dropdown-menu li { + margin: 0 15px 0 10px; + } .dropdown > font { - transition: transform 250ms linear; - transform-origin: center center; - transform-style: preserve-3D; - margin-left: 10px; - font-size: 18px; - height: 25px; - display: none; } - .dropdown.open > .dropdown-menu { - display: block !important; } - .dropdown.open > font { - transform: rotate(45deg); } - .dropdown > .dropdown-menu > .dropdown > .dropdown-menu li a { - white-space: normal; - padding: 0 0 15px 20px; } - @media only screen and (min-width: 769px) { - .dropdown { - display: flex; - justify-content: space-between; } - .dropdown > .dropdown-menu > .dropdown > .dropdown-menu { - position: absolute; - left: -120%; - top: -57%; - display: none; - padding: 18px 0 0; } - .dropdown > .dropdown-menu > .dropdown > .dropdown-menu li { - margin: 0 15px 0 10px; } - .dropdown > font { - display: block; } } + display: block; + } +} /*# sourceMappingURL=layout.css.map */ diff --git a/sass/layout.scss b/sass/layout.scss index bbbe0b4acafbaa21e526399b34a52d07302b4bc9..eacbf1f8b96cce2f0d0a40c705ac5defe1bfc604 100644 --- a/sass/layout.scss +++ b/sass/layout.scss @@ -303,12 +303,6 @@ main { } } - body>footer .field--name-field-visible-title:after, - body>footer nav>h2:after { - width: 100%; - } - - }