From f519045a20882f466ae1c7ab849fb6db215169e6 Mon Sep 17 00:00:00 2001 From: Ian Monroe Date: Tue, 12 Oct 2021 21:02:20 -0600 Subject: [PATCH] Final tweaks (#75) --- composer.json | 7 +- .../block.block.engineering_pagetitle.yml | 9 +- config/sync/views.view.spotlights.yml | 91 +++++++++++++++++-- .../dist/css/engineering_magazine.styles.css | 2 +- .../js/engineering_magazine_curtain.script.js | 2 +- ...engineering_magazine_curtain.script.js.map | 2 +- .../lib/js/magazine_curtain.js | 2 +- .../magazine_curtain/_magazine-curtain.scss | 4 + .../dist/css/engineering.styles.css | 2 +- .../lib/scss/page/issues/_issues_list.scss | 2 + .../lib/scss/page/magazine/_magazine.scss | 9 +- 11 files changed, 106 insertions(+), 26 deletions(-) diff --git a/composer.json b/composer.json index 509d7b10..d3401c6c 100644 --- a/composer.json +++ b/composer.json @@ -110,9 +110,10 @@ "drupal/views_autosubmit": "^1.4", "drupal/views_data_export": "^1.0", "drupal/views_bulk_edit": "^2.6", - "su-soe/soe_basic": "dev-8.x-1.x", - "su-soe/soe_paragraphs": "dev-8.x-1.x", - "su-soe/soe_profile": "dev-8.x-2.x" + "su-sws/stanford_actions": "^8.2", + "su-soe/soe_basic": "^8.1", + "su-soe/soe_paragraphs": "^8.1", + "su-soe/soe_profile": "^8.2" }, "config": { "sort-packages": true, diff --git a/config/sync/block.block.engineering_pagetitle.yml b/config/sync/block.block.engineering_pagetitle.yml index 4610be01..967c57d3 100644 --- a/config/sync/block.block.engineering_pagetitle.yml +++ b/config/sync/block.block.engineering_pagetitle.yml @@ -21,14 +21,7 @@ settings: visibility: request_path: id: request_path - pages: |- - /node* - news* - /people* - /events* - /event-series* - /publications* - /spotlight* + pages: "/node*\r\nnews*\r\n/people*\r\n/events*\r\n/event-series*\r\n/publications*\r\n/spotlight*\r\n/magazine/issue*" negate: true context_mapping: { } response_code: diff --git a/config/sync/views.view.spotlights.yml b/config/sync/views.view.spotlights.yml index 181e2d9e..6445fae4 100644 --- a/config/sync/views.view.spotlights.yml +++ b/config/sync/views.view.spotlights.yml @@ -4,6 +4,7 @@ status: true dependencies: config: - field.storage.node.su_people_spotlight_quote + - field.storage.node.su_soe_department - field.storage.node.su_spotlight_degrees - field.storage.node.su_spotlight_feature_image - field.storage.node.su_spotlight_person_title @@ -93,6 +94,7 @@ display: view_node: 0 nothing: 0 su_spotlight_degrees: 0 + su_soe_department: 0 separator: '' hide_empty: 0 pattern: card @@ -117,19 +119,24 @@ display: weight: 3 plugin: views_row source: su_spotlight_person_title + 'views_row:su_soe_department': + destination: card_super_headline + weight: 4 + plugin: views_row + source: su_soe_department 'views_row:su_people_spotlight_quote': destination: card_body - weight: 4 + weight: 5 plugin: views_row source: su_people_spotlight_quote 'views_row:view_node': destination: card_link - weight: 5 + weight: 6 plugin: views_row source: view_node 'views_row:nothing': destination: card_cta_label - weight: 6 + weight: 7 plugin: views_row source: nothing pattern_variant: default @@ -552,6 +559,69 @@ display: separator: ', ' field_api_classes: false plugin_id: field + su_soe_department: + id: su_soe_department + table: node__su_soe_department + field: su_soe_department + relationship: none + group_type: group + admin_label: '' + label: '' + exclude: false + alter: + alter_text: false + text: '' + make_link: false + path: '' + absolute: false + external: false + replace_spaces: false + path_case: none + trim_whitespace: false + alt: '' + rel: '' + link_class: '' + prefix: '' + suffix: '' + target: '' + nl2br: false + max_length: 0 + word_boundary: true + ellipsis: true + more_link: false + more_link_text: '' + more_link_path: '' + strip_tags: false + trim: false + preserve_tags: '' + html: false + element_type: div + element_class: soe--person-title + element_label_type: '' + element_label_class: '' + element_label_colon: false + element_wrapper_type: '' + element_wrapper_class: '' + element_default_classes: true + empty: '' + hide_empty: false + empty_zero: false + hide_alter_empty: true + click_sort_column: target_id + type: entity_reference_label + settings: + link: false + group_column: target_id + group_columns: { } + group_rows: true + delta_limit: 0 + delta_offset: 0 + delta_reversed: false + delta_first_last: false + multi_type: separator + separator: ', ' + field_api_classes: false + plugin_id: field filters: status: value: '1' @@ -620,6 +690,7 @@ display: - user.permissions tags: - 'config:field.storage.node.su_people_spotlight_quote' + - 'config:field.storage.node.su_soe_department' - 'config:field.storage.node.su_spotlight_degrees' - 'config:field.storage.node.su_spotlight_feature_image' - 'config:field.storage.node.su_spotlight_person_title' @@ -836,6 +907,7 @@ display: - user.permissions tags: - 'config:field.storage.node.su_people_spotlight_quote' + - 'config:field.storage.node.su_soe_department' - 'config:field.storage.node.su_spotlight_degrees' - 'config:field.storage.node.su_spotlight_feature_image' - 'config:field.storage.node.su_spotlight_person_title' @@ -1527,6 +1599,7 @@ display: view_node: 0 nothing: 0 su_spotlight_degrees: 0 + su_soe_department: 0 separator: '' hide_empty: 0 pattern: card @@ -1551,19 +1624,24 @@ display: weight: 3 plugin: views_row source: su_spotlight_person_title + 'views_row:su_soe_department': + destination: card_super_headline + weight: 4 + plugin: views_row + source: su_soe_department 'views_row:su_people_spotlight_quote': destination: card_body - weight: 4 + weight: 5 plugin: views_row source: su_people_spotlight_quote 'views_row:view_node': destination: card_link - weight: 5 + weight: 6 plugin: views_row source: view_node 'views_row:nothing': destination: card_cta_label - weight: 6 + weight: 7 plugin: views_row source: nothing pattern_variant: default @@ -1583,6 +1661,7 @@ display: - user.permissions tags: - 'config:field.storage.node.su_people_spotlight_quote' + - 'config:field.storage.node.su_soe_department' - 'config:field.storage.node.su_spotlight_degrees' - 'config:field.storage.node.su_spotlight_feature_image' - 'config:field.storage.node.su_spotlight_person_title' diff --git a/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/css/engineering_magazine.styles.css b/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/css/engineering_magazine.styles.css index 5338224f..6d2115f7 100644 --- a/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/css/engineering_magazine.styles.css +++ b/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/css/engineering_magazine.styles.css @@ -1 +1 @@ -.soe-magazine__navigation-rotate-down{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s linear;transition:all .5s linear}.soe-magazine__navigation-rotate-up{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .5s linear;transition:all .5s linear}.block--page-title{display:none}.section-bgcolor--title.section-editorial-content{background:initial;background-color:#00ece9;height:auto;padding:initial;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.section-bgcolor--title.section-editorial-content .magazine-landing-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-bgcolor--title.section-editorial-content .magazine-landing-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;background-color:#00ece9;padding:20px}.section-bgcolor--title.section-editorial-content .magazine-landing-nav a{color:#2e2d29;text-decoration:none}.section-bgcolor--title.section-editorial-content .magazine-landing-nav a:hover{font-weight:600;color:#2e2d29}.section-bgcolor--title.section-editorial-content .magazine-landing-nav h2{margin-bottom:0;margin-top:0}.section-bgcolor--title.section-editorial-content .magazine-landing-nav h2 :after{content:"|";font-size:1.3125em;font-weight:600;padding:0 30px;vertical-align:top}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item{font-size:2em;font-weight:600;line-height:1.55em;color:#333;margin-right:1em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item a:active,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item a:focus,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item a:hover{text-decoration:underline}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle{display:inline-block;position:relative;width:25px;height:25px;cursor:pointer;background-color:transparent;background-image:url(/profiles/custom/engineering_profile/themes/engineering/dist/img/caret-down-black.svg);background-position:50%;background-repeat:no-repeat;vertical-align:middle}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=true]:active,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=true]:focus,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=true]:hover{border-top:1px solid #2e2d29;-webkit-box-shadow:none;box-shadow:none}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=false]:active,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=false]:focus,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=false]:hover{border-bottom:1px solid #2e2d29;-webkit-box-shadow:none;box-shadow:none}@media (max-width:991px){.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item{font-size:1.5em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle{width:.5em;height:.5em;background-size:1em}}@media (max-width:767px){.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item{font-size:1em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle{width:.25em;height:.25em;background-size:.75em}}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel{display:none;clear:both;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;background-color:#575757;padding:2em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;width:75%;margin-left:auto;margin-right:auto}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list .magazine-term{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;display:inline-block;text-align:center;margin-top:.75em;margin-bottom:.75em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list .magazine-term a{font-size:1em;font-weight:400;color:#fff;text-decoration:none}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list .magazine-term a:hover{text-decoration:underline}.magazine-topics__term-name{width:100%;text-align:center}.magazine-topics__term-name h2{font-size:2.8em;font-weight:600;letter-spacing:0;margin:-9px 0 10px}.hero-curtain{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex}.hero-curtain>*{z-index:10}.hero-curtain .curtain-image{z-index:10;position:absolute;height:100%;width:100%;background-size:cover}.hero-curtain .curtain-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100vh}.hero-curtain .curtain-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;background-color:transparent;color:#fff;height:100%;width:100%;z-index:11;text-align:center}.hero-curtain .curtain-content a{text-decoration:none}.hero-curtain .curtain-content h1{display:block;padding:1em;margin:0;color:#2e2d29}.hero-curtain .curtain-content p{color:#fff}.hero-curtain .curtain-content .curtain-content__scroll-text{padding:1rem 2rem}.hero-curtain .curtain-content .scroll-down{color:#fff}.hero-curtain.below-hero{margin-bottom:0!important}.hero-curtain-reveal{position:fixed;top:0}.hero-curtain-reveal.below-hero{position:relative} \ No newline at end of file +.soe-magazine__navigation-rotate-down{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:all .5s linear;transition:all .5s linear}.soe-magazine__navigation-rotate-up{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:all .5s linear;transition:all .5s linear}.block--page-title{display:none}.section-bgcolor--title.section-editorial-content{background:initial;background-color:#00ece9;height:auto;padding:initial;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.section-bgcolor--title.section-editorial-content .magazine-landing-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.section-bgcolor--title.section-editorial-content .magazine-landing-nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row;background-color:#00ece9;padding:20px}.section-bgcolor--title.section-editorial-content .magazine-landing-nav a{color:#2e2d29;text-decoration:none}.section-bgcolor--title.section-editorial-content .magazine-landing-nav a:hover{font-weight:600;color:#2e2d29}.section-bgcolor--title.section-editorial-content .magazine-landing-nav h2{margin-bottom:0;margin-top:0}.section-bgcolor--title.section-editorial-content .magazine-landing-nav h2 :after{content:"|";font-size:1.3125em;font-weight:600;padding:0 30px;vertical-align:top}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item{font-size:2em;font-weight:600;line-height:1.55em;color:#333;margin-right:1em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item a:active,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item a:focus,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item a:hover{text-decoration:underline}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle{display:inline-block;position:relative;width:25px;height:25px;cursor:pointer;background-color:transparent;background-image:url(/profiles/custom/engineering_profile/themes/engineering/dist/img/caret-down-black.svg);background-position:50%;background-repeat:no-repeat;vertical-align:middle}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=true]:active,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=true]:focus,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=true]:hover{border-top:1px solid #2e2d29;-webkit-box-shadow:none;box-shadow:none}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=false]:active,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=false]:focus,.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle[aria-expanded=false]:hover{border-bottom:1px solid #2e2d29;-webkit-box-shadow:none;box-shadow:none}@media (max-width:991px){.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item{font-size:1.5em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle{width:.5em;height:.5em;background-size:1em}}@media (max-width:767px){.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item{font-size:1em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav .magazine-landing-nav__item #magazine-landing-nav__topics-toggle{width:.25em;height:.25em;background-size:.75em}}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel{display:none;clear:both;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;background-color:#575757;padding:2em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;width:75%;margin-left:auto;margin-right:auto}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list .magazine-term{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;display:inline-block;text-align:center;margin-top:.75em;margin-bottom:.75em}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list .magazine-term a{font-size:1em;font-weight:400;color:#fff;text-decoration:none}.section-bgcolor--title.section-editorial-content .magazine-landing-nav__topics-panel .magazine-terms-list .magazine-term a:hover{text-decoration:underline}.magazine-topics__term-name{width:100%;text-align:center}.magazine-topics__term-name h2{font-size:2.8em;font-weight:600;letter-spacing:0;margin:-9px 0 10px}.hero-curtain{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex}.hero-curtain>*{z-index:10}.hero-curtain .curtain-image{z-index:10;position:absolute;height:100%;width:100%;background-size:cover}.hero-curtain .curtain-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100vh}.hero-curtain .curtain-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;background-color:transparent;color:#fff;height:100%;width:100%;z-index:11;text-align:center}.hero-curtain .curtain-content a{text-decoration:none}.hero-curtain .curtain-content h1{display:block;padding:1em;margin:0;color:#2e2d29}.hero-curtain .curtain-content p{color:#fff}.hero-curtain .curtain-content .curtain-content__scroll-text{padding:1rem 2rem}.hero-curtain .curtain-content .scroll-down{color:#fff}.hero-curtain .curtain-content .scroll-down:hover{text-decoration:underline}.hero-curtain.below-hero{margin-bottom:0!important}.hero-curtain-reveal{position:fixed;top:0}.hero-curtain-reveal.below-hero{position:relative} \ No newline at end of file diff --git a/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js b/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js index 6f15098b..228075cb 100644 --- a/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js +++ b/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js @@ -1,2 +1,2 @@ -!function(r){var t={};function n(e){if(t[e])return t[e].exports;var o=t[e]={i:e,l:!1,exports:{}};return r[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=r,n.c=t,n.d=function(e,o,r){n.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(o,e){if(1&e&&(o=n(o)),8&e)return o;if(4&e&&"object"==typeof o&&o&&o.__esModule)return o;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:o}),2&e&&"string"!=typeof o)for(var t in o)n.d(r,t,function(e){return o[e]}.bind(null,t));return r},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,"a",o),o},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},n.p="",n(n.s=1)}([,function(e,o){var a,n;a=jQuery,(n=Drupal).behaviors.engineeringMagazineCurtain={attach:function(o,e){var t=["hero-curtain","hero-static"];function r(){var r=a(window).height();a.each(t,function(e,o){a(".hero-curtain").height(r).css("overflow","hidden")}),a(".hero-curtain").css("margin-bottom",r)}a(window).scroll(function(){var e=a(".hero-curtain");0-a(e).height()+a(window).scrollTop()<0?(a(".hero-curtain-reveal").removeClass("below-hero"),a(e).removeClass("below-hero")):(a(".hero-curtain-reveal").addClass("below-hero"),a(e).addClass("below-hero"),a(e).css("padding-bottom",0))}),a.each(t,function(e,i){a("."+i,o).each(function(e,o,r){var t=a(this).detach().prependTo("body"),n=a("
",{class:i+"-reveal"});a(t).siblings().wrapAll(n)})}),a(window).on("load",function(){void 0!==a.imagesLoaded?a(".hero-curtain").imagesLoaded(r):r(),a.each(t,function(e,o){var r=a("."+o);a(r).find("a").last().focusout(function(e){var o;a(this).is(":visible")&&(o=a(r).height(),a("body").scrollTop(o))})}),a(window).resize(r),r(),a(".curtain-content__scroll-text").append(a("",{class:"scroll-down",href:"#",title:n.t("Scroll Down"),"aria-label":n.t("Scroll Down"),html:'
'+n.t("Click to scroll")+'
'}).click(function(e){e.preventDefault(),a("html, body").animate({scrollTop:a(".hero-scroll").height()},800)}))})}}}]); +!function(r){var t={};function n(e){if(t[e])return t[e].exports;var o=t[e]={i:e,l:!1,exports:{}};return r[e].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=r,n.c=t,n.d=function(e,o,r){n.o(e,o)||Object.defineProperty(e,o,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(o,e){if(1&e&&(o=n(o)),8&e)return o;if(4&e&&"object"==typeof o&&o&&o.__esModule)return o;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:o}),2&e&&"string"!=typeof o)for(var t in o)n.d(r,t,function(e){return o[e]}.bind(null,t));return r},n.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(o,"a",o),o},n.o=function(e,o){return Object.prototype.hasOwnProperty.call(e,o)},n.p="",n(n.s=1)}([,function(e,o){var a,n;a=jQuery,(n=Drupal).behaviors.engineeringMagazineCurtain={attach:function(o,e){var t=["hero-curtain","hero-static"];function r(){var r=a(window).height();a.each(t,function(e,o){a(".hero-curtain").height(r).css("overflow","hidden")}),a(".hero-curtain").css("margin-bottom",r)}a(window).scroll(function(){var e=a(".hero-curtain");0-a(e).height()+a(window).scrollTop()<0?(a(".hero-curtain-reveal").removeClass("below-hero"),a(e).removeClass("below-hero")):(a(".hero-curtain-reveal").addClass("below-hero"),a(e).addClass("below-hero"),a(e).css("padding-bottom",0))}),a.each(t,function(e,i){a("."+i,o).each(function(e,o,r){var t=a(this).detach().prependTo("body"),n=a("
",{class:i+"-reveal"});a(t).siblings().wrapAll(n)})}),a(window).on("load",function(){void 0!==a.imagesLoaded?a(".hero-curtain").imagesLoaded(r):r(),a.each(t,function(e,o){var r=a("."+o);a(r).find("a").last().focusout(function(e){var o;a(this).is(":visible")&&(o=a(r).height(),a("body").scrollTop(o))})}),a(window).resize(r),r(),a(".curtain-content__scroll-text").append(a("",{class:"scroll-down",href:"#",title:n.t("Scroll Down"),"aria-label":n.t("Scroll Down"),html:'
'+n.t("Click to scroll")+'
'}).click(function(e){e.preventDefault(),a("html, body").animate({scrollTop:a(".hero-scroll").height()},800)}))})}}}]); //# sourceMappingURL=engineering_magazine_curtain.script.js.map \ No newline at end of file diff --git a/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js.map b/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js.map index 476caf45..507719c9 100644 --- a/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js.map +++ b/modules/custom/engineering_profile_helper/modules/engineering_magazine/dist/js/engineering_magazine_curtain.script.js.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./lib/js/magazine_curtain.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","$","Drupal","jQuery","behaviors","engineeringMagazineCurtain","attach","context","settings","classes","heroSetSize","winHeight","window","height","each","heroClass","css","scroll","curtain","scrollTop","removeClass","addClass","a","b","clonedBlock","this","detach","prependTo","wrapper","class","siblings","wrapAll","on","imagesLoaded","hero","find","last","focusout","e","topPage","is","resize","append","href","title","html","click","preventDefault","animate"],"mappings":"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","file":"engineering_magazine_curtain.script.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n","(function ($, Drupal) {\n\n Drupal.behaviors.engineeringMagazineCurtain = {\n attach: function (context, settings) {\n\n const classes = ['hero-curtain', 'hero-static'];\n\n function setFocusOut() {\n $.each(classes, function (i, heroClass) {\n var hero = $('.' + heroClass);\n // If focus is moved away from the hero, scroll to the top of the normal page.\n $(hero).find('a').last().focusout(function (e) {\n if ($(this).is(':visible')) {\n var topPage = $(hero).height();\n $('body').scrollTop(topPage);\n }\n })\n });\n }\n\n function heroSetSize() {\n var winHeight = $(window).height();\n $.each(classes, function (i, heroClass) {\n $('.hero-curtain').height(winHeight).css('overflow', 'hidden');\n });\n $('.hero-curtain').css('margin-bottom', winHeight);\n }\n\n function heroScroller(classes) {\n $('.curtain-content__scroll-text').append($('
', {\n class: 'scroll-down',\n href: '#',\n title: Drupal.t('Scroll Down'),\n 'aria-label': Drupal.t('Scroll Down'),\n html: '
' + Drupal.t('Click to scroll') + '
'\n }).click(function (e) {\n e.preventDefault();\n $(\"html, body\").animate({\n scrollTop: $('.hero-scroll').height()\n }, 800);\n }));\n }\n\n $(window).scroll(function () {\n\n var curtain = $('.hero-curtain');\n\n var curtainHeight = $(curtain).height();\n var scrollPos = 0 - curtainHeight + $(window).scrollTop();\n\n if (scrollPos < 0) {\n $('.hero-curtain-reveal').removeClass('below-hero');\n $(curtain).removeClass('below-hero');\n } else {\n $('.hero-curtain-reveal').addClass('below-hero');\n $(curtain).addClass('below-hero');\n $(curtain).css('padding-bottom', 0);\n }\n\n });\n\n $.each(classes, function (i, heroClass) {\n // Move the hero to the top of the body tag.\n $('.' + heroClass, context).each(function (i, a, b) {\n var clonedBlock = $(this).detach().prependTo('body')\n var wrapper = $('
', {\n class: heroClass + '-reveal'\n });\n $(clonedBlock).siblings().wrapAll(wrapper);\n });\n });\n\n $(window).on(\"load\", function (classes = classes) {\n if (typeof $.imagesLoaded !== 'undefined') {\n $('.hero-curtain').imagesLoaded(heroSetSize);\n } else {\n heroSetSize(classes);\n }\n setFocusOut(classes);\n $(window).resize(heroSetSize);\n heroSetSize();\n heroScroller();\n });\n\n }\n }\n})(jQuery, Drupal);\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./lib/js/magazine_curtain.js"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","$","Drupal","jQuery","behaviors","engineeringMagazineCurtain","attach","context","settings","classes","heroSetSize","winHeight","window","height","each","heroClass","css","scroll","curtain","scrollTop","removeClass","addClass","a","b","clonedBlock","this","detach","prependTo","wrapper","class","siblings","wrapAll","on","imagesLoaded","hero","find","last","focusout","e","topPage","is","resize","append","href","title","html","click","preventDefault","animate"],"mappings":"aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,oBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,SAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,GAIjBlC,EAAoBA,EAAoBmC,EAAI,G,iBClFrD,IAAWC,EAAGC,EAAHD,EAsFRE,QAtFWD,EAsFHA,QApFAE,UAAUC,2BAA6B,CAC1CC,OAAQ,SAAUC,EAASC,GAEvB,IAAMC,EAAU,CAAC,eAAgB,eAejC,SAASC,IACL,IAAIC,EAAYV,EAAEW,QAAQC,SAC1BZ,EAAEa,KAAKL,EAAS,SAAUxC,EAAG8C,GACzBd,EAAE,iBAAiBY,OAAOF,GAAWK,IAAI,WAAY,YAEzDf,EAAE,iBAAiBe,IAAI,gBAAiBL,GAkB5CV,EAAEW,QAAQK,OAAO,WAEb,IAAIC,EAAUjB,EAAE,iBAGA,EADIA,EAAEiB,GAASL,SACKZ,EAAEW,QAAQO,YAE9B,GACZlB,EAAE,wBAAwBmB,YAAY,cACtCnB,EAAEiB,GAASE,YAAY,gBAEvBnB,EAAE,wBAAwBoB,SAAS,cACnCpB,EAAEiB,GAASG,SAAS,cACpBpB,EAAEiB,GAASF,IAAI,iBAAkB,MAKzCf,EAAEa,KAAKL,EAAS,SAAUxC,EAAG8C,GAEzBd,EAAE,IAAMc,EAAWR,GAASO,KAAK,SAAU7C,EAAGqD,EAAGC,GAC7C,IAAIC,EAAcvB,EAAEwB,MAAMC,SAASC,UAAU,QACzCC,EAAU3B,EAAE,QAAS,CACrB4B,MAAOd,EAAY,YAEvBd,EAAEuB,GAAaM,WAAWC,QAAQH,OAI1C3B,EAAEW,QAAQoB,GAAG,OAAQ,gBACa,IAAnB/B,EAAEgC,aACThC,EAAE,iBAAiBgC,aAAavB,GAEhCA,IApEJT,EAAEa,KAAKL,EAAS,SAAUxC,EAAG8C,GACzB,IAAImB,EAAOjC,EAAE,IAAMc,GAEnBd,EAAEiC,GAAMC,KAAK,KAAKC,OAAOC,SAAS,SAAUC,GACxC,IACQC,EADJtC,EAAEwB,MAAMe,GAAG,cACPD,EAAUtC,EAAEiC,GAAMrB,SACtBZ,EAAE,QAAQkB,UAAUoB,QAiEhCtC,EAAEW,QAAQ6B,OAAO/B,GACjBA,IAnDAT,EAAE,iCAAiCyC,OAAOzC,EAAE,MAAO,CAC/C4B,MAAO,cACPc,KAAM,IACNC,MAAO1C,EAAOf,EAAE,eAChB,aAAce,EAAOf,EAAE,eACvB0D,KAAM,4BAA8B3C,EAAOf,EAAE,mBAAqB,4CACnE2D,MAAM,SAAUR,GACfA,EAAES,iBACF9C,EAAE,cAAc+C,QAAQ,CACpB7B,UAAWlB,EAAE,gBAAgBY,UAC9B","file":"engineering_magazine_curtain.script.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n","(function ($, Drupal) {\n\n Drupal.behaviors.engineeringMagazineCurtain = {\n attach: function (context, settings) {\n\n const classes = ['hero-curtain', 'hero-static'];\n\n function setFocusOut() {\n $.each(classes, function (i, heroClass) {\n var hero = $('.' + heroClass);\n // If focus is moved away from the hero, scroll to the top of the normal page.\n $(hero).find('a').last().focusout(function (e) {\n if ($(this).is(':visible')) {\n var topPage = $(hero).height();\n $('body').scrollTop(topPage);\n }\n })\n });\n }\n\n function heroSetSize() {\n var winHeight = $(window).height();\n $.each(classes, function (i, heroClass) {\n $('.hero-curtain').height(winHeight).css('overflow', 'hidden');\n });\n $('.hero-curtain').css('margin-bottom', winHeight);\n }\n\n function heroScroller(classes) {\n $('.curtain-content__scroll-text').append($('', {\n class: 'scroll-down',\n href: '#',\n title: Drupal.t('Scroll Down'),\n 'aria-label': Drupal.t('Scroll Down'),\n html: '
' + Drupal.t('Click to scroll') + '
'\n }).click(function (e) {\n e.preventDefault();\n $(\"html, body\").animate({\n scrollTop: $('.hero-scroll').height()\n }, 800);\n }));\n }\n\n $(window).scroll(function () {\n\n var curtain = $('.hero-curtain');\n\n var curtainHeight = $(curtain).height();\n var scrollPos = 0 - curtainHeight + $(window).scrollTop();\n\n if (scrollPos < 0) {\n $('.hero-curtain-reveal').removeClass('below-hero');\n $(curtain).removeClass('below-hero');\n } else {\n $('.hero-curtain-reveal').addClass('below-hero');\n $(curtain).addClass('below-hero');\n $(curtain).css('padding-bottom', 0);\n }\n\n });\n\n $.each(classes, function (i, heroClass) {\n // Move the hero to the top of the body tag.\n $('.' + heroClass, context).each(function (i, a, b) {\n var clonedBlock = $(this).detach().prependTo('body')\n var wrapper = $('
', {\n class: heroClass + '-reveal'\n });\n $(clonedBlock).siblings().wrapAll(wrapper);\n });\n });\n\n $(window).on(\"load\", function (classes = classes) {\n if (typeof $.imagesLoaded !== 'undefined') {\n $('.hero-curtain').imagesLoaded(heroSetSize);\n } else {\n heroSetSize(classes);\n }\n setFocusOut(classes);\n $(window).resize(heroSetSize);\n heroSetSize();\n heroScroller();\n });\n\n }\n }\n})(jQuery, Drupal);\n"],"sourceRoot":""} \ No newline at end of file diff --git a/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/js/magazine_curtain.js b/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/js/magazine_curtain.js index 8732ddc4..9a0024f9 100644 --- a/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/js/magazine_curtain.js +++ b/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/js/magazine_curtain.js @@ -32,7 +32,7 @@ href: '#', title: Drupal.t('Scroll Down'), 'aria-label': Drupal.t('Scroll Down'), - html: '
' + Drupal.t('Click to scroll') + '
' + html: '
' + Drupal.t('Click to scroll') + '
' }).click(function (e) { e.preventDefault(); $("html, body").animate({ diff --git a/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/scss/components/magazine_curtain/_magazine-curtain.scss b/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/scss/components/magazine_curtain/_magazine-curtain.scss index 52dfd2d5..657d77a1 100644 --- a/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/scss/components/magazine_curtain/_magazine-curtain.scss +++ b/modules/custom/engineering_profile_helper/modules/engineering_magazine/lib/scss/components/magazine_curtain/_magazine-curtain.scss @@ -60,6 +60,10 @@ .scroll-down { color: $su-color-white; + + &:hover{ + text-decoration: underline; + } } } diff --git a/themes/engineering/dist/css/engineering.styles.css b/themes/engineering/dist/css/engineering.styles.css index e257e12a..357de75e 100644 --- a/themes/engineering/dist/css/engineering.styles.css +++ b/themes/engineering/dist/css/engineering.styles.css @@ -1 +1 @@ -@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700;300;100&display=swap);.soe-spotlight--cards img{border-radius:50%;border-width:5px;border-style:solid;display:block;margin:auto}.soe-spotlight--cards .views-row{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:1200px){.soe-spotlight--cards .views-row{margin-bottom:5rem}}@media only screen and (min-width:1200px) and (min-width:768px){.soe-spotlight--cards .views-row{margin-bottom:10.8rem}}@media only screen and (min-width:1200px) and (min-width:1500px){.soe-spotlight--cards .views-row{margin-bottom:11.4rem}}@media (max-width:1199px){.soe-spotlight--cards .views-row.flex-container{display:block}.soe-spotlight--cards .views-row.flex-container>div{max-width:100%}}.soe-spotlight--cards .views-row .su-card{margin:1.5rem;padding:3rem}@media only screen and (min-width:768px){.soe-spotlight--cards .views-row .su-card{margin:1.8rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .views-row .su-card{margin:1.9rem}}@media only screen and (min-width:768px){.soe-spotlight--cards .views-row .su-card{padding:3.6rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .views-row .su-card{padding:3.8rem}}@media (max-width:1199px){.soe-spotlight--cards .views-row .su-card{margin-bottom:3.2rem}}@media only screen and (max-width:1199px) and (min-width:768px){.soe-spotlight--cards .views-row .su-card{margin-bottom:4.5rem}}@media only screen and (max-width:1199px) and (min-width:1500px){.soe-spotlight--cards .views-row .su-card{margin-bottom:4.8rem}}.soe-spotlight--cards .views-row .su-card .image{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;width:100%}.soe-spotlight--cards .views-row .su-card .su-card__contents{-webkit-box-flex:3;-ms-flex:3;flex:3}.soe-spotlight--cards .views-row .su-card .su-card__contents span{margin-bottom:30px}.soe-spotlight--cards .views-view-grid .su-card__contents{padding-left:0;padding-right:0}.soe-spotlight--cards .su-card__contents h2{font-size:1.25em;letter-spacing:-.01em;margin-bottom:1.1rem;font-weight:900}@media only screen and (min-width:768px){.soe-spotlight--cards .su-card__contents h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .su-card__contents h2{margin-bottom:1.3rem}}.soe-spotlight--cards .su-card__contents .soe--person-title{font-size:1.25em;letter-spacing:-.01em;font-weight:400}.soe-spotlight--cards .su-card__contents .soe-quote{font-size:1.5625em;letter-spacing:-.012em;font-weight:700}.soe-spotlight--cards .su-card__contents .su-link{padding-top:3rem;font-size:1.25em;letter-spacing:-.01em;font-weight:600}@media only screen and (min-width:768px){.soe-spotlight--cards .su-card__contents .su-link{padding-top:3.6rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .su-card__contents .su-link{padding-top:3.8rem}}.soe-spotlight--cards--banner.spotlights .views-row{margin-bottom:0}@media (max-width:1199px){.soe-spotlight--cards--banner.spotlights .views-row .su-card{display:block}.soe-spotlight--cards--banner.spotlights .views-row .su-card img{max-width:300px}}.soe-spotlight--cards--banner.spotlights .views-row h2{font-size:1.5625em;letter-spacing:-.012em;margin-bottom:1.1rem;font-weight:900}@media only screen and (min-width:768px){.soe-spotlight--cards--banner.spotlights .views-row h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards--banner.spotlights .views-row h2{margin-bottom:1.3rem}}.soe-spotlight--cards--banner.spotlights .views-row .soe--person-title{font-size:1.5625em;letter-spacing:-.012em;font-weight:400}.soe-spotlight--cards--banner.spotlights .views-row .spotlight__quote{font-size:1.953125em;letter-spacing:-.016em;font-weight:900}@media (max-width:767px){.soe-spotlight--cards--banner.spotlights .views-row .spotlight__quote{font-size:1.66015625em}}.soe-spotlight--cards--banner.spotlights .su-link{padding-top:3rem;font-size:1.25em;letter-spacing:-.01em;font-weight:600;margin-top:0}@media only screen and (min-width:768px){.soe-spotlight--cards--banner.spotlights .su-link{padding-top:3.6rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards--banner.spotlights .su-link{padding-top:3.8rem}}.soe-spotlight--cards--banner .views-row .su-card{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none}.soe-spotlight--cards--banner .views-row .su-card .image{display:block;width:100%}.soe-link__button .button,.soe-link__button .js-pager__items .pager__item .button,.soe-link__button .js-pager__items .soe-link__button.pager__item .button{display:block;width:100%;text-align:center;background-color:#00ece9;color:#2e2d29}.more-link.soe-link__button{display:inline-block}.more-link.soe-link__button,.soe-spotlight--cards .js-pager__items.pager{margin-bottom:13.3rem}.soe-more-stories-link__button .button{text-align:center}input#edit-submit-spotlights{display:none}input#edit-submit-spotlights.show-spotlight-apply__button{display:block}#views-exposed-form-spotlights-block-1{padding-top:2rem;margin-right:3.2rem;margin-left:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width:768px){#views-exposed-form-spotlights-block-1{padding-top:2.6rem}}@media only screen and (min-width:1500px){#views-exposed-form-spotlights-block-1{padding-top:2.7rem}}@media only screen and (min-width:768px){#views-exposed-form-spotlights-block-1{margin-right:4.5rem;margin-left:1.8rem}}@media only screen and (min-width:1500px){#views-exposed-form-spotlights-block-1{margin-right:4.8rem;margin-left:1.9rem}}@media (max-width:1199px){#views-exposed-form-spotlights-block-1{margin-bottom:3.2rem}}@media only screen and (max-width:1199px) and (min-width:768px){#views-exposed-form-spotlights-block-1{margin-bottom:4.5rem}}@media only screen and (max-width:1199px) and (min-width:1500px){#views-exposed-form-spotlights-block-1{margin-bottom:4.8rem}}@media (max-width:1199px){#views-exposed-form-spotlights-block-1>div{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}#views-exposed-form-spotlights-block-1 input,#views-exposed-form-spotlights-block-1 select,#views-exposed-form-spotlights-block-1 textarea{max-width:70rem}#views-exposed-form-spotlights-block-1 .form-item-tid,#views-exposed-form-spotlights-block-1 .form-item-tid-1{max-width:280px;width:280px}@media (max-width:1199px){#views-exposed-form-spotlights-block-1 .form-item-tid,#views-exposed-form-spotlights-block-1 .form-item-tid-1{width:100%;max-width:100%;margin:0}}#views-exposed-form-spotlights-block-1 input,#views-exposed-form-spotlights-block-1 select,#views-exposed-form-spotlights-block-1 textarea{font-size:21px;line-height:32px;font-weight:400}#views-exposed-form-spotlights-block-1 .form-actions{margin:0}#views-exposed-form-spotlights-block-1 .form-actions .show-spotlight-apply__button{display:inline-block;max-width:135px;margin:0 auto;width:135px}.spotlight-banner{margin-top:4.5rem;margin-bottom:3.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width:768px){.spotlight-banner{margin-top:9rem;margin-bottom:7.2rem}}@media only screen and (min-width:1500px){.spotlight-banner{margin-top:9.5rem;margin-bottom:7.6rem}}.spotlight-banner .su-spotlight-feature-image{max-width:360px}@media only screen and (min-width:768px){.spotlight-banner .su-spotlight-feature-image{max-width:100%}}.spotlight-banner .su-spotlight-feature-image img{border-radius:50%;border-width:5px;border-style:solid;margin-right:0;display:block}.spotlight-banner__text{margin-top:3.4rem;margin-bottom:3.4rem}@media only screen and (min-width:768px){.spotlight-banner__text{margin-top:5.8rem;margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.spotlight-banner__text{margin-top:6.1rem;margin-bottom:6.1rem}}.spotlight-banner__text .spotlight{font-size:1.5625em;letter-spacing:-.012em;margin-bottom:2rem;font-weight:900}@media only screen and (min-width:768px){.spotlight-banner__text .spotlight{margin-bottom:2.6rem}}@media only screen and (min-width:1500px){.spotlight-banner__text .spotlight{margin-bottom:2.7rem}}.spotlight-banner__text .spotlight.su-soe-department,.spotlight-banner__text .spotlight.su-spotlight-degrees{font-size:1.5625em;letter-spacing:-.012em;font-weight:400}.spotlight-banner__text .spotlight h1{font-size:1.953125em;letter-spacing:-.016em;font-weight:900;margin-bottom:0}@media (max-width:767px){.spotlight-banner__text .spotlight h1{font-size:1.66015625em}}.node-spotlight-created{max-width:100%}.spotlight.spotlight-header__date{font-size:1.25em;letter-spacing:-.01em;text-align:right;font-style:italic;width:100%;font-weight:400}.soe-departments__term-list{list-style-type:none}.soe-departments__term-list li{display:inline}.soe-departments__term-list li:after{content:", "}.soe-departments__term-list li:last-of-type:after{content:""}.su-people-spotlight-quote{font-size:1.5625em;letter-spacing:-.012em;margin-bottom:3.2rem}@media only screen and (min-width:768px){.su-people-spotlight-quote{margin-bottom:4.5rem}}@media only screen and (min-width:1500px){.su-people-spotlight-quote{margin-bottom:4.8rem}}.bare-header{margin-top:95px}.node_view ul.pre_links li a[href$="printable/print"]{display:none}.spotlight-main-content .main-region{margin-bottom:83px}.spotlights-block-1 .form-item-tid-1 label,.spotlights-block-1 .form-item-tid label{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.su-people-spotlight-quote{font-size:30px;line-height:48px;font-weight:900}.spotlights-block-3 h2.block__title{text-align:center}.soe-mag-landing__heading_1,.soe-mag-landing__heading_2{text-align:center;margin:auto}.soe-mag-landing__heading_2{max-width:30ch;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.card-grid__row .card-grid__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-grid__row .card-grid__column .su-card{margin:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-grid__row .card-grid__column .su-card h2 a{font-size:1em;color:#2e2d29}.card-grid__row .card-grid__column .su-card h2 a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.card-grid__row .card-grid__column .su-card .soe-mag-card__date-published{color:#606060;font-size:1em;font-weight:100;margin-bottom:10px}.card-grid__row .card-grid__column .su-card .soe-mag-card__title{font-size:1em}.card-grid__row .card-grid__column .su-card .soe-mag-card__title a{color:#2e2d29}.card-grid__row .card-grid__column .su-card .soe-mag-card__title a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.card-grid__row .card-grid__column .su-card .soe-mag-card__topics{margin-top:30px}.card-grid__row .card-grid__column .su-card .soe-mag-card__topics a{color:#b1040e;font-size:18px;font-weight:400;text-decoration:none}.card-grid__row .card-grid__column .su-card .soe-mag-card__topics a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.card-grid__row .card-grid__column .su-card .soe-mag-card__issue{display:block;margin-top:30px;padding:.5em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#8c1515;color:#fff}.card-grid__row .card-grid__column .su-card .soe-mag-card__issue a{color:#333;text-decoration:none}.card-grid__row .card-grid__column .su-card .soe-mag-card__issue a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.view.magazine .views-infinite-scroll-content-wrapper>h3,.view.magazine header h1{text-align:center}.view.magazine-issues h3{text-align:center;margin:auto}@media only screen and (min-width:0){.view.magazine-issues h3{margin-top:2.31rem}}@media only screen and (min-width:768px){.view.magazine-issues h3{margin-top:2.6rem}}@media only screen and (min-width:1500px){.view.magazine-issues h3{margin-top:2.74rem}}@media only screen and (min-width:0){.view.magazine-issues h3{margin-bottom:2.31rem}}@media only screen and (min-width:768px){.view.magazine-issues h3{margin-bottom:2.6rem}}@media only screen and (min-width:1500px){.view.magazine-issues h3{margin-bottom:2.74rem}}.view.magazine-issues h3 a{color:#2e2d29}.view.magazine-issues h3:hover{text-decoration:underline}.view.magazine-issues header h1{color:#606060;font-size:1.3em;text-align:center}.soe-article-collection__term-content{background:#efefef;padding:1em;width:100%}.soe-article-collection__term-content .article-collection.su-collect-subtitle h2{text-align:center;max-width:50ch;margin:1em auto 2em}.soe-article-collection__term-content .article-collection.description p{text-align:center;margin:auto;max-width:100ch}.view.magazine-article-collection.block-5 .card-grid__row .card-grid__column{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;margin-left:auto;margin-right:auto}.soe-quote,.spotlight__quote,.su-drop-cap,.su-drop-cap:first-letter,.su-hero .su-hero__card .su-card__contents h1,.su-hero .su-hero__card .su-card__contents h2,.su-hero .su-hero__card .su-card__contents h3,.su-hero .su-hero__card .su-card__contents h4,.su-hero .su-hero__card .su-card__contents h5,.su-intro-text,.su-people-spotlight-quote,.su-wysiwyg-text h1,.su-wysiwyg-text h2,.su-wysiwyg-text h3,.su-wysiwyg-text h4,.su-wysiwyg-text h5,h1,h2,h3,h4,h5{font-family:Roboto Slab,serif}a.su-link--external{font-weight:600}.card-grid__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.card-grid__row .card-grid__column{padding-bottom:2em;max-width:1192px;margin-left:auto;margin-right:auto}.card-grid__row .card-grid__column .su-card .views-field-title a{color:#000}.card-grid__row .card-grid__column .su-card .views-field-title a:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}.card-grid__row .card-grid__column .su-card .views-field-su-news-publishing-date{color:#606060;font-size:1em;font-weight:100;margin-bottom:10px}.card-grid__row .card-grid__column .su-card .views-field-su-soe-mag-topics{margin-top:1em}.card-grid__row .card-grid__column .su-card .views-field-su-soe-mag-topics a{color:#8c1515;font-weight:400;text-decoration:none}.card-grid__row .card-grid__column .su-card .views-field-su-soe-mag-topics a:hover{color:#333;text-decoration:underline}.card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue{display:block;margin-top:2em;padding:.5em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#8c1515;color:#fff}.card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue a{color:#333;text-decoration:none}.card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue a:hover{text-decoration:underline}.card-grid__row .card-grid__column:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-grid__row .card-grid__column:nth-child(2){-webkit-box-flex:2;-ms-flex:2;flex:2}.card-grid__row .card-grid__column:nth-child(3){-webkit-box-flex:1;-ms-flex:1;flex:1}.card-grid__row:nth-of-type(2n) .card-grid__column:first-child{-webkit-box-flex:2;-ms-flex:2;flex:2}.card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(2),.card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(3),.card-grid__row:nth-of-type(3n) .card-grid__column:first-child,.card-grid__row:nth-of-type(3n) .card-grid__column:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1}.card-grid__row:nth-of-type(3n) .card-grid__column:nth-child(3){-webkit-box-flex:2;-ms-flex:2;flex:2} \ No newline at end of file +@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700;300;100&display=swap);.soe-spotlight--cards img{border-radius:50%;border-width:5px;border-style:solid;display:block;margin:auto}.soe-spotlight--cards .views-row{display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:1200px){.soe-spotlight--cards .views-row{margin-bottom:5rem}}@media only screen and (min-width:1200px) and (min-width:768px){.soe-spotlight--cards .views-row{margin-bottom:10.8rem}}@media only screen and (min-width:1200px) and (min-width:1500px){.soe-spotlight--cards .views-row{margin-bottom:11.4rem}}@media (max-width:1199px){.soe-spotlight--cards .views-row.flex-container{display:block}.soe-spotlight--cards .views-row.flex-container>div{max-width:100%}}.soe-spotlight--cards .views-row .su-card{margin:1.5rem;padding:3rem}@media only screen and (min-width:768px){.soe-spotlight--cards .views-row .su-card{margin:1.8rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .views-row .su-card{margin:1.9rem}}@media only screen and (min-width:768px){.soe-spotlight--cards .views-row .su-card{padding:3.6rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .views-row .su-card{padding:3.8rem}}@media (max-width:1199px){.soe-spotlight--cards .views-row .su-card{margin-bottom:3.2rem}}@media only screen and (max-width:1199px) and (min-width:768px){.soe-spotlight--cards .views-row .su-card{margin-bottom:4.5rem}}@media only screen and (max-width:1199px) and (min-width:1500px){.soe-spotlight--cards .views-row .su-card{margin-bottom:4.8rem}}.soe-spotlight--cards .views-row .su-card .image{-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;width:100%}.soe-spotlight--cards .views-row .su-card .su-card__contents{-webkit-box-flex:3;-ms-flex:3;flex:3}.soe-spotlight--cards .views-row .su-card .su-card__contents span{margin-bottom:30px}.soe-spotlight--cards .views-view-grid .su-card__contents{padding-left:0;padding-right:0}.soe-spotlight--cards .su-card__contents h2{font-size:1.25em;letter-spacing:-.01em;margin-bottom:1.1rem;font-weight:900}@media only screen and (min-width:768px){.soe-spotlight--cards .su-card__contents h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .su-card__contents h2{margin-bottom:1.3rem}}.soe-spotlight--cards .su-card__contents .soe--person-title{font-size:1.25em;letter-spacing:-.01em;font-weight:400}.soe-spotlight--cards .su-card__contents .soe-quote{font-size:1.5625em;letter-spacing:-.012em;font-weight:700}.soe-spotlight--cards .su-card__contents .su-link{padding-top:3rem;font-size:1.25em;letter-spacing:-.01em;font-weight:600}@media only screen and (min-width:768px){.soe-spotlight--cards .su-card__contents .su-link{padding-top:3.6rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards .su-card__contents .su-link{padding-top:3.8rem}}.soe-spotlight--cards--banner.spotlights .views-row{margin-bottom:0}@media (max-width:1199px){.soe-spotlight--cards--banner.spotlights .views-row .su-card{display:block}.soe-spotlight--cards--banner.spotlights .views-row .su-card img{max-width:300px}}.soe-spotlight--cards--banner.spotlights .views-row h2{font-size:1.5625em;letter-spacing:-.012em;margin-bottom:1.1rem;font-weight:900}@media only screen and (min-width:768px){.soe-spotlight--cards--banner.spotlights .views-row h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards--banner.spotlights .views-row h2{margin-bottom:1.3rem}}.soe-spotlight--cards--banner.spotlights .views-row .soe--person-title{font-size:1.5625em;letter-spacing:-.012em;font-weight:400}.soe-spotlight--cards--banner.spotlights .views-row .spotlight__quote{font-size:1.953125em;letter-spacing:-.016em;font-weight:900}@media (max-width:767px){.soe-spotlight--cards--banner.spotlights .views-row .spotlight__quote{font-size:1.66015625em}}.soe-spotlight--cards--banner.spotlights .su-link{padding-top:3rem;font-size:1.25em;letter-spacing:-.01em;font-weight:600;margin-top:0}@media only screen and (min-width:768px){.soe-spotlight--cards--banner.spotlights .su-link{padding-top:3.6rem}}@media only screen and (min-width:1500px){.soe-spotlight--cards--banner.spotlights .su-link{padding-top:3.8rem}}.soe-spotlight--cards--banner .views-row .su-card{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;border:none;-webkit-box-shadow:none;box-shadow:none}.soe-spotlight--cards--banner .views-row .su-card .image{display:block;width:100%}.soe-link__button .button,.soe-link__button .js-pager__items .pager__item .button,.soe-link__button .js-pager__items .soe-link__button.pager__item .button{display:block;width:100%;text-align:center;background-color:#00ece9;color:#2e2d29}.more-link.soe-link__button{display:inline-block}.more-link.soe-link__button,.soe-spotlight--cards .js-pager__items.pager{margin-bottom:13.3rem}.soe-more-stories-link__button .button{text-align:center}input#edit-submit-spotlights{display:none}input#edit-submit-spotlights.show-spotlight-apply__button{display:block}#views-exposed-form-spotlights-block-1{padding-top:2rem;margin-right:3.2rem;margin-left:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width:768px){#views-exposed-form-spotlights-block-1{padding-top:2.6rem}}@media only screen and (min-width:1500px){#views-exposed-form-spotlights-block-1{padding-top:2.7rem}}@media only screen and (min-width:768px){#views-exposed-form-spotlights-block-1{margin-right:4.5rem;margin-left:1.8rem}}@media only screen and (min-width:1500px){#views-exposed-form-spotlights-block-1{margin-right:4.8rem;margin-left:1.9rem}}@media (max-width:1199px){#views-exposed-form-spotlights-block-1{margin-bottom:3.2rem}}@media only screen and (max-width:1199px) and (min-width:768px){#views-exposed-form-spotlights-block-1{margin-bottom:4.5rem}}@media only screen and (max-width:1199px) and (min-width:1500px){#views-exposed-form-spotlights-block-1{margin-bottom:4.8rem}}@media (max-width:1199px){#views-exposed-form-spotlights-block-1>div{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}}#views-exposed-form-spotlights-block-1 input,#views-exposed-form-spotlights-block-1 select,#views-exposed-form-spotlights-block-1 textarea{max-width:70rem}#views-exposed-form-spotlights-block-1 .form-item-tid,#views-exposed-form-spotlights-block-1 .form-item-tid-1{max-width:280px;width:280px}@media (max-width:1199px){#views-exposed-form-spotlights-block-1 .form-item-tid,#views-exposed-form-spotlights-block-1 .form-item-tid-1{width:100%;max-width:100%;margin:0}}#views-exposed-form-spotlights-block-1 input,#views-exposed-form-spotlights-block-1 select,#views-exposed-form-spotlights-block-1 textarea{font-size:21px;line-height:32px;font-weight:400}#views-exposed-form-spotlights-block-1 .form-actions{margin:0}#views-exposed-form-spotlights-block-1 .form-actions .show-spotlight-apply__button{display:inline-block;max-width:135px;margin:0 auto;width:135px}.spotlight-banner{margin-top:4.5rem;margin-bottom:3.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:18px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width:768px){.spotlight-banner{margin-top:9rem;margin-bottom:7.2rem}}@media only screen and (min-width:1500px){.spotlight-banner{margin-top:9.5rem;margin-bottom:7.6rem}}.spotlight-banner .su-spotlight-feature-image{max-width:360px}@media only screen and (min-width:768px){.spotlight-banner .su-spotlight-feature-image{max-width:100%}}.spotlight-banner .su-spotlight-feature-image img{border-radius:50%;border-width:5px;border-style:solid;margin-right:0;display:block}.spotlight-banner__text{margin-top:3.4rem;margin-bottom:3.4rem}@media only screen and (min-width:768px){.spotlight-banner__text{margin-top:5.8rem;margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.spotlight-banner__text{margin-top:6.1rem;margin-bottom:6.1rem}}.spotlight-banner__text .spotlight{font-size:1.5625em;letter-spacing:-.012em;margin-bottom:2rem;font-weight:900}@media only screen and (min-width:768px){.spotlight-banner__text .spotlight{margin-bottom:2.6rem}}@media only screen and (min-width:1500px){.spotlight-banner__text .spotlight{margin-bottom:2.7rem}}.spotlight-banner__text .spotlight.su-soe-department,.spotlight-banner__text .spotlight.su-spotlight-degrees{font-size:1.5625em;letter-spacing:-.012em;font-weight:400}.spotlight-banner__text .spotlight h1{font-size:1.953125em;letter-spacing:-.016em;font-weight:900;margin-bottom:0}@media (max-width:767px){.spotlight-banner__text .spotlight h1{font-size:1.66015625em}}.node-spotlight-created{max-width:100%}.spotlight.spotlight-header__date{font-size:1.25em;letter-spacing:-.01em;text-align:right;font-style:italic;width:100%;font-weight:400}.soe-departments__term-list{list-style-type:none}.soe-departments__term-list li{display:inline}.soe-departments__term-list li:after{content:", "}.soe-departments__term-list li:last-of-type:after{content:""}.su-people-spotlight-quote{font-size:1.5625em;letter-spacing:-.012em;margin-bottom:3.2rem}@media only screen and (min-width:768px){.su-people-spotlight-quote{margin-bottom:4.5rem}}@media only screen and (min-width:1500px){.su-people-spotlight-quote{margin-bottom:4.8rem}}.bare-header{margin-top:95px}.node_view ul.pre_links li a[href$="printable/print"]{display:none}.spotlight-main-content .main-region{margin-bottom:83px}.spotlights-block-1 .form-item-tid-1 label,.spotlights-block-1 .form-item-tid label{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.su-people-spotlight-quote{font-size:30px;line-height:48px;font-weight:900}.spotlights-block-3 h2.block__title{text-align:center}.soe-mag-landing__heading_1,.soe-mag-landing__heading_2{text-align:center;margin:auto}.soe-mag-landing__heading_2{max-width:30ch;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400}.card-grid__row .card-grid__column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.card-grid__row .card-grid__column .su-card{margin:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.card-grid__row .card-grid__column .su-card h2 a{font-size:1em;color:#2e2d29}.card-grid__row .card-grid__column .su-card h2 a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.card-grid__row .card-grid__column .su-card .soe-mag-card__date-published{color:#585754;font-size:1em;font-weight:400;margin-bottom:10px}.card-grid__row .card-grid__column .su-card .soe-mag-card__title{font-size:1em}.card-grid__row .card-grid__column .su-card .soe-mag-card__title a{color:#2e2d29}.card-grid__row .card-grid__column .su-card .soe-mag-card__title a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.card-grid__row .card-grid__column .su-card .soe-mag-card__topics{margin-top:30px}.card-grid__row .card-grid__column .su-card .soe-mag-card__topics a{color:#b1040e;font-size:18px;font-weight:400;text-decoration:none}.card-grid__row .card-grid__column .su-card .soe-mag-card__topics a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.card-grid__row .card-grid__column .su-card .soe-mag-card__issue{display:block;margin-top:30px;padding:.5em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#8c1515;color:#fff}.card-grid__row .card-grid__column .su-card .soe-mag-card__issue a{color:#333;text-decoration:none}.card-grid__row .card-grid__column .su-card .soe-mag-card__issue a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.soe-load-more{margin:3.8rem}@media only screen and (min-width:768px){.soe-load-more{margin:7.2rem}}@media only screen and (min-width:1500px){.soe-load-more{margin:7.6rem}}.view.magazine .views-infinite-scroll-content-wrapper>h3,.view.magazine header h1{text-align:center}.view.magazine-issues h3{font-size:2.44140625em;letter-spacing:-.016em;text-align:center;margin:auto}@media (max-width:767px){.view.magazine-issues h3{font-size:2.0751953125em}}@media only screen and (min-width:0){.view.magazine-issues h3{margin-top:2.31rem}}@media only screen and (min-width:768px){.view.magazine-issues h3{margin-top:2.6rem}}@media only screen and (min-width:1500px){.view.magazine-issues h3{margin-top:2.74rem}}@media only screen and (min-width:0){.view.magazine-issues h3{margin-bottom:2.31rem}}@media only screen and (min-width:768px){.view.magazine-issues h3{margin-bottom:2.6rem}}@media only screen and (min-width:1500px){.view.magazine-issues h3{margin-bottom:2.74rem}}.view.magazine-issues h3 a{color:#2e2d29}.view.magazine-issues h3:hover{text-decoration:underline}.view.magazine-issues header h1{color:#606060;font-size:1.3em;text-align:center}.soe-article-collection__term-content{background:#efefef;padding:1em;width:100%}.soe-article-collection__term-content .article-collection.su-collect-subtitle h2{text-align:center;max-width:50ch;margin:1em auto 2em}.soe-article-collection__term-content .article-collection.description p{text-align:center;margin:auto;max-width:100ch}.view.magazine-article-collection.block-5 .card-grid__row .card-grid__column{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;margin-left:auto;margin-right:auto}.soe-quote,.spotlight__quote,.su-drop-cap,.su-drop-cap:first-letter,.su-hero .su-hero__card .su-card__contents h1,.su-hero .su-hero__card .su-card__contents h2,.su-hero .su-hero__card .su-card__contents h3,.su-hero .su-hero__card .su-card__contents h4,.su-hero .su-hero__card .su-card__contents h5,.su-intro-text,.su-people-spotlight-quote,.su-wysiwyg-text h1,.su-wysiwyg-text h2,.su-wysiwyg-text h3,.su-wysiwyg-text h4,.su-wysiwyg-text h5,h1,h2,h3,h4,h5{font-family:Roboto Slab,serif}a.su-link--external{font-weight:600}.card-grid__row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.card-grid__row .card-grid__column{padding-bottom:2em;max-width:1192px;margin-left:auto;margin-right:auto}.card-grid__row .card-grid__column .su-card .views-field-title a{color:#000}.card-grid__row .card-grid__column .su-card .views-field-title a:hover{-webkit-text-decoration-color:#000;text-decoration-color:#000}.card-grid__row .card-grid__column .su-card .views-field-su-news-publishing-date{color:#606060;font-size:1em;font-weight:100;margin-bottom:10px}.card-grid__row .card-grid__column .su-card .views-field-su-soe-mag-topics{margin-top:1em}.card-grid__row .card-grid__column .su-card .views-field-su-soe-mag-topics a{color:#8c1515;font-weight:400;text-decoration:none}.card-grid__row .card-grid__column .su-card .views-field-su-soe-mag-topics a:hover{color:#333;text-decoration:underline}.card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue{display:block;margin-top:2em;padding:.5em;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background-color:#8c1515;color:#fff}.card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue a{color:#333;text-decoration:none}.card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue a:hover{text-decoration:underline}.card-grid__row .card-grid__column:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.card-grid__row .card-grid__column:nth-child(2){-webkit-box-flex:2;-ms-flex:2;flex:2}.card-grid__row .card-grid__column:nth-child(3){-webkit-box-flex:1;-ms-flex:1;flex:1}.card-grid__row:nth-of-type(2n) .card-grid__column:first-child{-webkit-box-flex:2;-ms-flex:2;flex:2}.card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(2),.card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(3),.card-grid__row:nth-of-type(3n) .card-grid__column:first-child,.card-grid__row:nth-of-type(3n) .card-grid__column:nth-child(2){-webkit-box-flex:1;-ms-flex:1;flex:1}.card-grid__row:nth-of-type(3n) .card-grid__column:nth-child(3){-webkit-box-flex:2;-ms-flex:2;flex:2} \ No newline at end of file diff --git a/themes/engineering/lib/scss/page/issues/_issues_list.scss b/themes/engineering/lib/scss/page/issues/_issues_list.scss index 89785051..6fd36759 100644 --- a/themes/engineering/lib/scss/page/issues/_issues_list.scss +++ b/themes/engineering/lib/scss/page/issues/_issues_list.scss @@ -2,7 +2,9 @@ .view { &.magazine-issues { + h3 { + @include type-a; text-align: center; margin: auto; @include modular-spacing("margin-top", 1); diff --git a/themes/engineering/lib/scss/page/magazine/_magazine.scss b/themes/engineering/lib/scss/page/magazine/_magazine.scss index 5c580ff2..9a372053 100644 --- a/themes/engineering/lib/scss/page/magazine/_magazine.scss +++ b/themes/engineering/lib/scss/page/magazine/_magazine.scss @@ -58,9 +58,9 @@ } .soe-mag-card__date-published { - color: $soe-header-grey; + color: $su-color-black-80; font-size: 1em; - font-weight: 100; + font-weight: $su-font-regular; margin-bottom: 10px; } @@ -113,10 +113,11 @@ } } } - - } +.soe-load-more { + @include responsive-spacing('margin', 5); +} .view.magazine { header {