From 53c774a89a91742523a3b17f7472e101e41c2262 Mon Sep 17 00:00:00 2001 From: Ian Monroe Date: Tue, 14 Nov 2023 09:54:15 -0700 Subject: [PATCH] Post D10 configuration fixes (#111) --- .../sync/config_split.config_split.acsf.yml | 1 + config/sync/config_split.config_split.dev.yml | 1 + .../sync/config_split.config_split.local.yml | 1 + .../sync/config_split.config_split.prod.yml | 1 + .../sync/config_split.config_split.stage.yml | 1 + config/sync/core.extension.yml | 1 - .../sync/field.field.node.spotlight.body.yml | 1 + ...de.spotlight.su_spotlight_person_title.yml | 2 +- .../sync/page_cache_query_ignore.settings.yml | 10 - .../search_api.index.full_site_content.yml | 4 +- config/sync/system.site.yml | 6 +- config/sync/views.view.department_terms.yml | 18 + config/sync/views.view.magazine.yml | 18 + ...views.view.magazine_article_collection.yml | 18 + config/sync/views.view.magazine_issues.yml | 9 + ...ews.view.post_migration_qa_spreadsheet.yml | 9 + config/sync/views.view.spotlights.yml | 6 +- config/sync/xmlsitemap.settings.yml | 2 +- .../dist/css/engineering.components.css | 534 ++++++++++- .../dist/css/engineering.styles.css | 902 +++++++++++++++++- themes/engineering/dist/css/print.styles.css | 53 +- .../engineering/dist/js/engineering.script.js | 230 ++++- themes/engineering/engineering.theme | 2 +- ...neering-stanford-news-override.behavior.js | 1 + 24 files changed, 1805 insertions(+), 26 deletions(-) delete mode 100644 config/sync/page_cache_query_ignore.settings.yml diff --git a/config/sync/config_split.config_split.acsf.yml b/config/sync/config_split.config_split.acsf.yml index 19fad54f7..426ae01d3 100644 --- a/config/sync/config_split.config_split.acsf.yml +++ b/config/sync/config_split.config_split.acsf.yml @@ -7,6 +7,7 @@ label: ACSF description: '' weight: 0 stackable: false +no_patching: false storage: folder folder: ../config/envs/acsf module: diff --git a/config/sync/config_split.config_split.dev.yml b/config/sync/config_split.config_split.dev.yml index c038de52a..9056605a6 100644 --- a/config/sync/config_split.config_split.dev.yml +++ b/config/sync/config_split.config_split.dev.yml @@ -7,6 +7,7 @@ label: 'Development Environment' description: '' weight: 0 stackable: false +no_patching: false storage: folder folder: ../config/envs/dev module: diff --git a/config/sync/config_split.config_split.local.yml b/config/sync/config_split.config_split.local.yml index 341b70cc2..9c3d8f3f1 100644 --- a/config/sync/config_split.config_split.local.yml +++ b/config/sync/config_split.config_split.local.yml @@ -7,6 +7,7 @@ label: Local description: '' weight: 0 stackable: false +no_patching: false storage: folder folder: ../config/envs/local module: diff --git a/config/sync/config_split.config_split.prod.yml b/config/sync/config_split.config_split.prod.yml index 79cb057f5..bb70971a3 100644 --- a/config/sync/config_split.config_split.prod.yml +++ b/config/sync/config_split.config_split.prod.yml @@ -7,6 +7,7 @@ label: 'Production Environment' description: '' weight: 0 stackable: false +no_patching: false storage: folder folder: ../config/envs/prod module: diff --git a/config/sync/config_split.config_split.stage.yml b/config/sync/config_split.config_split.stage.yml index 0704dabea..df1b32ad4 100644 --- a/config/sync/config_split.config_split.stage.yml +++ b/config/sync/config_split.config_split.stage.yml @@ -7,6 +7,7 @@ label: 'Staging Environment' description: '' weight: 0 stackable: false +no_patching: false storage: folder folder: ../config/envs/stage module: diff --git a/config/sync/core.extension.yml b/config/sync/core.extension.yml index 820ef71c4..61a49add6 100644 --- a/config/sync/core.extension.yml +++ b/config/sync/core.extension.yml @@ -136,7 +136,6 @@ module: oembed_providers: 0 options: 0 page_cache: 0 - page_cache_query_ignore: 0 page_manager: 0 page_manager_ui: 0 paragraphs_edit: 0 diff --git a/config/sync/field.field.node.spotlight.body.yml b/config/sync/field.field.node.spotlight.body.yml index 6b1ff1051..b6719bf5b 100644 --- a/config/sync/field.field.node.spotlight.body.yml +++ b/config/sync/field.field.node.spotlight.body.yml @@ -26,4 +26,5 @@ default_value_callback: '' settings: display_summary: true required_summary: false + allowed_formats: { } field_type: text_with_summary diff --git a/config/sync/field.field.node.spotlight.su_spotlight_person_title.yml b/config/sync/field.field.node.spotlight.su_spotlight_person_title.yml index 0feca8d13..ccae84d40 100644 --- a/config/sync/field.field.node.spotlight.su_spotlight_person_title.yml +++ b/config/sync/field.field.node.spotlight.su_spotlight_person_title.yml @@ -10,7 +10,7 @@ field_name: su_spotlight_person_title entity_type: node bundle: spotlight label: 'Title of Individual' -description: 'This text field displays the person''s title. Ex. Professor of English' +description: "This text field displays the person's title. Ex. Professor of English" required: false translatable: false default_value: { } diff --git a/config/sync/page_cache_query_ignore.settings.yml b/config/sync/page_cache_query_ignore.settings.yml deleted file mode 100644 index ecb787bfa..000000000 --- a/config/sync/page_cache_query_ignore.settings.yml +++ /dev/null @@ -1,10 +0,0 @@ -_core: - default_config_hash: UPWJFuty7hCczn4qUNvoIaa01y3kIPas_9tcDzItcoQ -query_parameters: - - filter - - include - - page - - path - - sort - - views-argument -ignore_action: include diff --git a/config/sync/search_api.index.full_site_content.yml b/config/sync/search_api.index.full_site_content.yml index 74f8af37b..16a08493b 100644 --- a/config/sync/search_api.index.full_site_content.yml +++ b/config/sync/search_api.index.full_site_content.yml @@ -213,8 +213,8 @@ processor_settings: 'entity:node': datasource_boost: 1.0 bundle_boosts: - stanford_page: !!float 3 - stanford_person: !!float 5 + stanford_page: 3.0 + stanford_person: 5.0 tracker_settings: default: indexing_order: fifo diff --git a/config/sync/system.site.yml b/config/sync/system.site.yml index 19061f07c..30adf7f32 100644 --- a/config/sync/system.site.yml +++ b/config/sync/system.site.yml @@ -2,9 +2,9 @@ _core: default_config_hash: yXadRE77Va-G6dxhd2kPYapAvbnSvTF6hO4oXiOEynI langcode: en uuid: 9ef76ae9-9319-47b7-9cf4-4ebd82a0d3d6 -name: "" +name: '' mail: no-reply@stanford.edu -slogan: "" +slogan: '' page: 403: /node/3 404: /node/2 @@ -12,4 +12,4 @@ page: admin_compact_mode: false weight_select_max: 100 default_langcode: en -mail_notification: "" +mail_notification: '' diff --git a/config/sync/views.view.department_terms.yml b/config/sync/views.view.department_terms.yml index af2ee04e2..fe8457c6c 100644 --- a/config/sync/views.view.department_terms.yml +++ b/config/sync/views.view.department_terms.yml @@ -154,6 +154,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true @@ -685,6 +694,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true diff --git a/config/sync/views.view.magazine.yml b/config/sync/views.view.magazine.yml index c05985a28..68e6a3f7c 100644 --- a/config/sync/views.view.magazine.yml +++ b/config/sync/views.view.magazine.yml @@ -154,6 +154,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true @@ -790,6 +799,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true diff --git a/config/sync/views.view.magazine_article_collection.yml b/config/sync/views.view.magazine_article_collection.yml index 6e7450aa9..11a404ca6 100644 --- a/config/sync/views.view.magazine_article_collection.yml +++ b/config/sync/views.view.magazine_article_collection.yml @@ -155,6 +155,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true @@ -758,6 +767,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true diff --git a/config/sync/views.view.magazine_issues.yml b/config/sync/views.view.magazine_issues.yml index db6077aa9..8644424ce 100644 --- a/config/sync/views.view.magazine_issues.yml +++ b/config/sync/views.view.magazine_issues.yml @@ -155,6 +155,15 @@ display: date_format: custom custom_date_format: 'M j, Y' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true diff --git a/config/sync/views.view.post_migration_qa_spreadsheet.yml b/config/sync/views.view.post_migration_qa_spreadsheet.yml index ed1c4d3d9..2f8422968 100644 --- a/config/sync/views.view.post_migration_qa_spreadsheet.yml +++ b/config/sync/views.view.post_migration_qa_spreadsheet.yml @@ -393,6 +393,15 @@ display: date_format: medium custom_date_format: '' timezone: '' + tooltip: + date_format: '' + custom_date_format: '' + time_diff: + enabled: false + future_format: '@interval hence' + past_format: '@interval ago' + granularity: 2 + refresh: 60 group_column: value group_columns: { } group_rows: true diff --git a/config/sync/views.view.spotlights.yml b/config/sync/views.view.spotlights.yml index 05212f753..9214066f1 100644 --- a/config/sync/views.view.spotlights.yml +++ b/config/sync/views.view.spotlights.yml @@ -362,7 +362,7 @@ display: exclude: false alter: alter_text: true - text: 'Read {{ title }}''s story' + text: "Read {{ title }}'s story" make_link: false path: '' absolute: false @@ -1195,7 +1195,7 @@ display: exclude: false alter: alter_text: false - text: 'Read {{ title }}''s story ' + text: "Read {{ title }}'s story " make_link: false path: '' absolute: false @@ -1247,7 +1247,7 @@ display: exclude: false alter: alter_text: true - text: 'Read {{ title }}''s story' + text: "Read {{ title }}'s story" make_link: false path: '' absolute: false diff --git a/config/sync/xmlsitemap.settings.yml b/config/sync/xmlsitemap.settings.yml index 25f4db8f1..89b308356 100644 --- a/config/sync/xmlsitemap.settings.yml +++ b/config/sync/xmlsitemap.settings.yml @@ -6,7 +6,7 @@ prefetch_aliases: 1 chunk_size: auto batch_limit: 100 path: xmlsitemap -frontpage_priority: !!float 1 +frontpage_priority: 1.0 frontpage_changefreq: 604800 lastmod_format: 'Y-m-d\TH:i\Z' gz: false diff --git a/themes/engineering/dist/css/engineering.components.css b/themes/engineering/dist/css/engineering.components.css index 8226c6f45..6245f1b82 100644 --- a/themes/engineering/dist/css/engineering.components.css +++ b/themes/engineering/dist/css/engineering.components.css @@ -1 +1,533 @@ -@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}}@media (min-width:1200px){.viewfield-block__cardgrid .soe-spotlight--cards .views-row{margin-bottom:2rem}}@media only screen and (min-width:1200px) and (min-width:768px){.viewfield-block__cardgrid .soe-spotlight--cards .views-row{margin-bottom:2.6rem}}@media only screen and (min-width:1200px) and (min-width:1500px){.viewfield-block__cardgrid .soe-spotlight--cards .views-row{margin-bottom:2.7rem}}.ds-entity--spotlight .su-card .engineering-accent-color__image{margin-top:2rem}@media only screen and (min-width:768px){.ds-entity--spotlight .su-card .engineering-accent-color__image{margin-top:2.6rem}}@media only screen and (min-width:1500px){.ds-entity--spotlight .su-card .engineering-accent-color__image{margin-top:2.7rem}}.ds-entity--spotlight .su-card img{border-radius:50%;border-width:5px;border-style:solid;display:block;margin:auto}.ds-entity--spotlight .su-card h2{font-size:1.25em;letter-spacing:-.01em;margin-bottom:1.1rem;font-weight:900}@media only screen and (min-width:768px){.ds-entity--spotlight .su-card h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.ds-entity--spotlight .su-card h2{margin-bottom:1.3rem}}.ds-entity--spotlight .su-card .soe--person-title{font-size:1.25em;letter-spacing:-.01em;font-weight:400}.ds-entity--spotlight .su-card .soe-quote{font-size:1.5625em;letter-spacing:-.012em;font-size:1em;font-weight:700}.ds-entity--spotlight .su-card .node-link{margin-top:3.4rem}@media only screen and (min-width:768px){.ds-entity--spotlight .su-card .node-link{margin-top:5.8rem}}@media only screen and (min-width:1500px){.ds-entity--spotlight .su-card .node-link{margin-top:6.1rem}}.ds-entity--spotlight .su-card .su-link{font-size:1.25em;letter-spacing:-.01em;font-weight:600;color:#006cb8}.ds-entity--spotlight .su-card .su-link :hover{text-decoration:underline}.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;max-width:40ch}.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;font-weight:900}@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}}@media only screen and (min-width:0){.su-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:208px}}@media only screen and (min-width:576px){.su-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:208px}}@media only screen and (min-width:768px){.su-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:320px}}@media only screen and (min-width:992px){.su-hero{min-height:409px}}@media only screen and (min-width:1200px){.su-hero{min-height:520px}}.su-hero .su-hero__card{max-width:unset;width:75%}@media only screen and (min-width:0){.su-hero .su-hero__card{margin-top:20px;margin-bottom:20px;left:20px}}@media only screen and (min-width:576px){.su-hero .su-hero__card{margin-top:20px;margin-bottom:20px;left:20px}}@media only screen and (min-width:768px){.su-hero .su-hero__card{margin-top:45px;margin-bottom:45px;left:45px}}@media only screen and (min-width:1200px){.su-hero .su-hero__card{margin-top:96px;margin-bottom:0;bottom:48px;left:48px;top:auto}}.su-hero__media picture:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}@media only screen and (min-width:0){.su-hero__media{min-height:208px;position:absolute}}@media only screen and (min-width:576px){.su-hero__media{min-height:208px;position:absolute}}@media only screen and (min-width:768px){.su-hero__media{min-height:320px;position:absolute}}@media only screen and (min-width:992px){.su-hero__media{min-height:409px;position:absolute}}@media only screen and (min-width:1200px){.su-hero__media{min-height:520px;position:absolute}} \ 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: -0.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: -0.01em; + font-weight: 400; } + +.soe-spotlight--cards .su-card__contents .soe-quote { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-weight: 700; } + +.soe-spotlight--cards .su-card__contents .su-link { + padding-top: 3rem; + font-size: 1.25em; + letter-spacing: -0.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: -0.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: -0.012em; + font-weight: 400; } + .soe-spotlight--cards--banner.spotlights .views-row .spotlight__quote { + font-size: 1.953125em; + letter-spacing: -0.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: -0.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; } } + +@media (min-width: 1200px) { + .viewfield-block__cardgrid .soe-spotlight--cards .views-row { + margin-bottom: 2rem; } } + @media only screen and (min-width: 1200px) and (min-width: 768px) { + .viewfield-block__cardgrid .soe-spotlight--cards .views-row { + margin-bottom: 2.6rem; } } + @media only screen and (min-width: 1200px) and (min-width: 1500px) { + .viewfield-block__cardgrid .soe-spotlight--cards .views-row { + margin-bottom: 2.7rem; } } + +.ds-entity--spotlight .su-card .engineering-accent-color__image { + margin-top: 2rem; } + @media only screen and (min-width: 768px) { + .ds-entity--spotlight .su-card .engineering-accent-color__image { + margin-top: 2.6rem; } } + @media only screen and (min-width: 1500px) { + .ds-entity--spotlight .su-card .engineering-accent-color__image { + margin-top: 2.7rem; } } + +.ds-entity--spotlight .su-card img { + border-radius: 50%; + border-width: 5px; + border-style: solid; + display: block; + margin: auto; } + +.ds-entity--spotlight .su-card h2 { + font-size: 1.25em; + letter-spacing: -0.01em; + margin-bottom: 1.1rem; + font-weight: 900; } + @media only screen and (min-width: 768px) { + .ds-entity--spotlight .su-card h2 { + margin-bottom: 1.2rem; } } + @media only screen and (min-width: 1500px) { + .ds-entity--spotlight .su-card h2 { + margin-bottom: 1.3rem; } } + +.ds-entity--spotlight .su-card .soe--person-title { + font-size: 1.25em; + letter-spacing: -0.01em; + font-weight: 400; } + +.ds-entity--spotlight .su-card .soe-quote { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-size: 1em; + font-weight: 700; } + +.ds-entity--spotlight .su-card .node-link { + margin-top: 3.4rem; } + @media only screen and (min-width: 768px) { + .ds-entity--spotlight .su-card .node-link { + margin-top: 5.8rem; } } + @media only screen and (min-width: 1500px) { + .ds-entity--spotlight .su-card .node-link { + margin-top: 6.1rem; } } + +.ds-entity--spotlight .su-card .su-link { + font-size: 1.25em; + letter-spacing: -0.01em; + font-weight: 600; + color: #006cb8; } + .ds-entity--spotlight .su-card .su-link :hover { + text-decoration: underline; } + +.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 .soe-link__button.pager__item .button, +.soe-link__button .js-pager__items .pager__item .button { + display: block; + width: 100%; + text-align: center; + background-color: #00ECE9; + color: #2e2d29; } + +.more-link.soe-link__button { + display: inline-block; } + +.soe-spotlight--cards .js-pager__items.pager, +.more-link.soe-link__button { + 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: -0.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-spotlight-degrees, .spotlight-banner__text .spotlight.su-soe-department { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-weight: 400; + max-width: 40ch; } + .spotlight-banner__text .spotlight h1 { + font-size: 1.953125em; + letter-spacing: -0.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: -0.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: -0.012em; + margin-bottom: 3.2rem; + font-weight: 900; } + @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; } } + +@media only screen and (min-width: 0) { + .su-hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 208px; } } + +@media only screen and (min-width: 576px) { + .su-hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 208px; } } + +@media only screen and (min-width: 768px) { + .su-hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 320px; } } + +@media only screen and (min-width: 992px) { + .su-hero { + min-height: 409px; } } + +@media only screen and (min-width: 1200px) { + .su-hero { + min-height: 520px; } } + +.su-hero .su-hero__card { + max-width: unset; + width: 75%; } + @media only screen and (min-width: 0) { + .su-hero .su-hero__card { + margin-top: 20px; + margin-bottom: 20px; + left: 20px; } } + @media only screen and (min-width: 576px) { + .su-hero .su-hero__card { + margin-top: 20px; + margin-bottom: 20px; + left: 20px; } } + @media only screen and (min-width: 768px) { + .su-hero .su-hero__card { + margin-top: 45px; + margin-bottom: 45px; + left: 45px; } } + @media only screen and (min-width: 1200px) { + .su-hero .su-hero__card { + margin-top: 96px; + margin-bottom: 0; + bottom: 48px; + left: 48px; + top: auto; } } + +.su-hero__media picture:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: inline-block; } + +@media only screen and (min-width: 0) { + .su-hero__media { + min-height: 208px; + position: absolute; } } + +@media only screen and (min-width: 576px) { + .su-hero__media { + min-height: 208px; + position: absolute; } } + +@media only screen and (min-width: 768px) { + .su-hero__media { + min-height: 320px; + position: absolute; } } + +@media only screen and (min-width: 992px) { + .su-hero__media { + min-height: 409px; + position: absolute; } } + +@media only screen and (min-width: 1200px) { + .su-hero__media { + min-height: 520px; + position: absolute; } } + + +/*# sourceMappingURL=engineering.components.css.map*/ \ No newline at end of file diff --git a/themes/engineering/dist/css/engineering.styles.css b/themes/engineering/dist/css/engineering.styles.css index 7abe3050a..205be2ea9 100644 --- a/themes/engineering/dist/css/engineering.styles.css +++ b/themes/engineering/dist/css/engineering.styles.css @@ -1 +1,901 @@ -@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}}@media (min-width:1200px){.viewfield-block__cardgrid .soe-spotlight--cards .views-row{margin-bottom:2rem}}@media only screen and (min-width:1200px) and (min-width:768px){.viewfield-block__cardgrid .soe-spotlight--cards .views-row{margin-bottom:2.6rem}}@media only screen and (min-width:1200px) and (min-width:1500px){.viewfield-block__cardgrid .soe-spotlight--cards .views-row{margin-bottom:2.7rem}}.ds-entity--spotlight .su-card .engineering-accent-color__image{margin-top:2rem}@media only screen and (min-width:768px){.ds-entity--spotlight .su-card .engineering-accent-color__image{margin-top:2.6rem}}@media only screen and (min-width:1500px){.ds-entity--spotlight .su-card .engineering-accent-color__image{margin-top:2.7rem}}.ds-entity--spotlight .su-card img{border-radius:50%;border-width:5px;border-style:solid;display:block;margin:auto}.ds-entity--spotlight .su-card h2{font-size:1.25em;letter-spacing:-.01em;margin-bottom:1.1rem;font-weight:900}@media only screen and (min-width:768px){.ds-entity--spotlight .su-card h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.ds-entity--spotlight .su-card h2{margin-bottom:1.3rem}}.ds-entity--spotlight .su-card .soe--person-title{font-size:1.25em;letter-spacing:-.01em;font-weight:400}.ds-entity--spotlight .su-card .soe-quote{font-size:1.5625em;letter-spacing:-.012em;font-size:1em;font-weight:700}.ds-entity--spotlight .su-card .node-link{margin-top:3.4rem}@media only screen and (min-width:768px){.ds-entity--spotlight .su-card .node-link{margin-top:5.8rem}}@media only screen and (min-width:1500px){.ds-entity--spotlight .su-card .node-link{margin-top:6.1rem}}.ds-entity--spotlight .su-card .su-link{font-size:1.25em;letter-spacing:-.01em;font-weight:600;color:#006cb8}.ds-entity--spotlight .su-card .su-link :hover{text-decoration:underline}.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;max-width:40ch}.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}}@media only screen and (min-width:0){.su-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:208px}}@media only screen and (min-width:576px){.su-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:208px}}@media only screen and (min-width:768px){.su-hero{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:320px}}@media only screen and (min-width:992px){.su-hero{min-height:409px}}@media only screen and (min-width:1200px){.su-hero{min-height:520px}}.su-hero .su-hero__card{max-width:unset;width:75%}@media only screen and (min-width:0){.su-hero .su-hero__card{margin-top:20px;margin-bottom:20px;left:20px}}@media only screen and (min-width:576px){.su-hero .su-hero__card{margin-top:20px;margin-bottom:20px;left:20px}}@media only screen and (min-width:768px){.su-hero .su-hero__card{margin-top:45px;margin-bottom:45px;left:45px}}@media only screen and (min-width:1200px){.su-hero .su-hero__card{margin-top:96px;margin-bottom:0;bottom:48px;left:48px;top:auto}}.su-hero__media picture:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block}@media only screen and (min-width:0){.su-hero__media{min-height:208px;position:absolute}}@media only screen and (min-width:576px){.su-hero__media{min-height:208px;position:absolute}}@media only screen and (min-width:768px){.su-hero__media{min-height:320px;position:absolute}}@media only screen and (min-width:992px){.su-hero__media{min-height:409px;position:absolute}}@media only screen and (min-width:1200px){.su-hero__media{min-height:520px;position:absolute}}.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}.article-collection__link{margin-left:auto;margin-right:auto}.su-mag--mag_topics{margin-bottom:30px}.su-mag--mag_topics a{color:#b1040e;font-size:18px;font-weight:700;text-decoration:none}.su-mag--mag_topics a:hover{text-decoration:underline;-webkit-text-decoration-color:#333;text-decoration-color:#333}.stanford-news.su-soe-department a{text-decoration:none;color:#b1040e}.stanford-news.su-soe-department a:hover{text-decoration:underline}.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}.stanford-people-grid .flex-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:1em} \ 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: -0.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: -0.01em; + font-weight: 400; } + +.soe-spotlight--cards .su-card__contents .soe-quote { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-weight: 700; } + +.soe-spotlight--cards .su-card__contents .su-link { + padding-top: 3rem; + font-size: 1.25em; + letter-spacing: -0.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: -0.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: -0.012em; + font-weight: 400; } + .soe-spotlight--cards--banner.spotlights .views-row .spotlight__quote { + font-size: 1.953125em; + letter-spacing: -0.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: -0.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; } } + +@media (min-width: 1200px) { + .viewfield-block__cardgrid .soe-spotlight--cards .views-row { + margin-bottom: 2rem; } } + @media only screen and (min-width: 1200px) and (min-width: 768px) { + .viewfield-block__cardgrid .soe-spotlight--cards .views-row { + margin-bottom: 2.6rem; } } + @media only screen and (min-width: 1200px) and (min-width: 1500px) { + .viewfield-block__cardgrid .soe-spotlight--cards .views-row { + margin-bottom: 2.7rem; } } + +.ds-entity--spotlight .su-card .engineering-accent-color__image { + margin-top: 2rem; } + @media only screen and (min-width: 768px) { + .ds-entity--spotlight .su-card .engineering-accent-color__image { + margin-top: 2.6rem; } } + @media only screen and (min-width: 1500px) { + .ds-entity--spotlight .su-card .engineering-accent-color__image { + margin-top: 2.7rem; } } + +.ds-entity--spotlight .su-card img { + border-radius: 50%; + border-width: 5px; + border-style: solid; + display: block; + margin: auto; } + +.ds-entity--spotlight .su-card h2 { + font-size: 1.25em; + letter-spacing: -0.01em; + margin-bottom: 1.1rem; + font-weight: 900; } + @media only screen and (min-width: 768px) { + .ds-entity--spotlight .su-card h2 { + margin-bottom: 1.2rem; } } + @media only screen and (min-width: 1500px) { + .ds-entity--spotlight .su-card h2 { + margin-bottom: 1.3rem; } } + +.ds-entity--spotlight .su-card .soe--person-title { + font-size: 1.25em; + letter-spacing: -0.01em; + font-weight: 400; } + +.ds-entity--spotlight .su-card .soe-quote { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-size: 1em; + font-weight: 700; } + +.ds-entity--spotlight .su-card .node-link { + margin-top: 3.4rem; } + @media only screen and (min-width: 768px) { + .ds-entity--spotlight .su-card .node-link { + margin-top: 5.8rem; } } + @media only screen and (min-width: 1500px) { + .ds-entity--spotlight .su-card .node-link { + margin-top: 6.1rem; } } + +.ds-entity--spotlight .su-card .su-link { + font-size: 1.25em; + letter-spacing: -0.01em; + font-weight: 600; + color: #006cb8; } + .ds-entity--spotlight .su-card .su-link :hover { + text-decoration: underline; } + +.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 .soe-link__button.pager__item .button, +.soe-link__button .js-pager__items .pager__item .button { + display: block; + width: 100%; + text-align: center; + background-color: #00ECE9; + color: #2e2d29; } + +.more-link.soe-link__button { + display: inline-block; } + +.soe-spotlight--cards .js-pager__items.pager, +.more-link.soe-link__button { + 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: -0.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-spotlight-degrees, .spotlight-banner__text .spotlight.su-soe-department { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-weight: 400; + max-width: 40ch; } + .spotlight-banner__text .spotlight h1 { + font-size: 1.953125em; + letter-spacing: -0.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: -0.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: -0.012em; + margin-bottom: 3.2rem; + font-weight: 900; } + @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; } } + +@media only screen and (min-width: 0) { + .su-hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 208px; } } + +@media only screen and (min-width: 576px) { + .su-hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 208px; } } + +@media only screen and (min-width: 768px) { + .su-hero { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 320px; } } + +@media only screen and (min-width: 992px) { + .su-hero { + min-height: 409px; } } + +@media only screen and (min-width: 1200px) { + .su-hero { + min-height: 520px; } } + +.su-hero .su-hero__card { + max-width: unset; + width: 75%; } + @media only screen and (min-width: 0) { + .su-hero .su-hero__card { + margin-top: 20px; + margin-bottom: 20px; + left: 20px; } } + @media only screen and (min-width: 576px) { + .su-hero .su-hero__card { + margin-top: 20px; + margin-bottom: 20px; + left: 20px; } } + @media only screen and (min-width: 768px) { + .su-hero .su-hero__card { + margin-top: 45px; + margin-bottom: 45px; + left: 45px; } } + @media only screen and (min-width: 1200px) { + .su-hero .su-hero__card { + margin-top: 96px; + margin-bottom: 0; + bottom: 48px; + left: 48px; + top: auto; } } + +.su-hero__media picture:after { + content: ''; + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: inline-block; } + +@media only screen and (min-width: 0) { + .su-hero__media { + min-height: 208px; + position: absolute; } } + +@media only screen and (min-width: 576px) { + .su-hero__media { + min-height: 208px; + position: absolute; } } + +@media only screen and (min-width: 768px) { + .su-hero__media { + min-height: 320px; + position: absolute; } } + +@media only screen and (min-width: 992px) { + .su-hero__media { + min-height: 409px; + position: absolute; } } + +@media only screen and (min-width: 1200px) { + .su-hero__media { + min-height: 520px; + position: absolute; } } + +.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 label, .spotlights-block-1 .form-item-tid-1 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 { + text-align: center; + margin: auto; } + +.soe-mag-landing__heading_2 { + text-align: center; + margin: auto; + max-width: 30ch; + font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 400; } + +.card-grid__row { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } + .card-grid__row .card-grid__column:nth-child(1) { + -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:nth-child(1) { + -webkit-box-flex: 2; + -ms-flex: 2; + flex: 2; } + .card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(2) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(3) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .card-grid__row:nth-of-type(3n) .card-grid__column:nth-child(1) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .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; } + .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; + padding-bottom: 2em; + margin-left: auto; + margin-right: auto; } + .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: #333333; + text-decoration-color: #333333; } + .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: #333333; + text-decoration-color: #333333; } + .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: #333333; + text-decoration-color: #333333; } + .card-grid__row .card-grid__column .su-card .soe-mag-card__issue { + display: block; + margin-top: 30px; + padding: 0.5em; + text-align: center; + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + background-color: #8c1515; + color: #ffffff; } + .card-grid__row .card-grid__column .su-card .soe-mag-card__issue a { + color: #333333; + text-decoration: none; } + .card-grid__row .card-grid__column .su-card .soe-mag-card__issue a:hover { + text-decoration: underline; + -webkit-text-decoration-color: #333333; + text-decoration-color: #333333; } + +.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 header h1 { + text-align: center; } + +.view.magazine .views-infinite-scroll-content-wrapper > h3 { + text-align: center; } + +.article-collection__link { + margin-left: auto; + margin-right: auto; } + +.su-mag--mag_topics { + margin-bottom: 30px; } + .su-mag--mag_topics a { + color: #b1040e; + font-size: 18px; + font-weight: 700; + text-decoration: none; } + .su-mag--mag_topics a:hover { + text-decoration: underline; + -webkit-text-decoration-color: #333333; + text-decoration-color: #333333; } + +.stanford-news.su-soe-department a { + text-decoration: none; + color: #b1040e; } + .stanford-news.su-soe-department a:hover { + text-decoration: underline; } + +.view.magazine-issues h3 { + font-size: 2.44140625em; + letter-spacing: -0.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-bottom: 2em; + margin-top: 1em; + margin-left: auto; + margin-right: auto; } + .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; } + +h1, +h2, +h3, +h4, +h5 { + font-family: "Roboto Slab", serif; } + +.su-wysiwyg-text h1, +.su-wysiwyg-text h2, +.su-wysiwyg-text h3, +.su-wysiwyg-text h4, +.su-wysiwyg-text h5 { + font-family: "Roboto Slab", serif; } + +.soe-quote, +.spotlight__quote, +.su-people-spotlight-quote, +.su-intro-text { + font-family: "Roboto Slab", serif; } + +.su-drop-cap { + font-family: "Roboto Slab", serif; } + .su-drop-cap::first-letter { + font-family: "Roboto Slab", serif; } + +.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 { + 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: black; } + .card-grid__row .card-grid__column .su-card .views-field-title a:hover { + -webkit-text-decoration-color: black; + text-decoration-color: black; } + .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: #333333; + 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: white; } + .card-grid__row .card-grid__column .su-card .views-field-su-magazine-issue a { + color: #333333; + 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:nth-child(1) { + -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:nth-child(1) { + -webkit-box-flex: 2; + -ms-flex: 2; + flex: 2; } + .card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(2) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .card-grid__row:nth-of-type(2n) .card-grid__column:nth-child(3) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .card-grid__row:nth-of-type(3n) .card-grid__column:nth-child(1) { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; } + .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; } + +.stanford-people-grid .flex-container { + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + margin-top: 1em; } + + +/*# sourceMappingURL=engineering.styles.css.map*/ \ No newline at end of file diff --git a/themes/engineering/dist/css/print.styles.css b/themes/engineering/dist/css/print.styles.css index 167d669a7..0ed412c84 100644 --- a/themes/engineering/dist/css/print.styles.css +++ b/themes/engineering/dist/css/print.styles.css @@ -1 +1,52 @@ -#main-content,.more-link,.stanford-news--cards,h2.block__title,h2.stanford-news__title{display:none}.soe-print__header{width:25%;font-size:24px}.soe-print__header img.img-responsive{width:30%;height:auto}.soe-printable__page{margin:32px}.node--layout-printable{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;width:100%;font-size:20px}.node--layout-printable h1,.node--layout-printable h2,.node--layout-printable h3{font-family:Roboto Slab,serif}.node--layout-printable h1{font-size:55px;margin:55px 0 24px}.node--layout-printable .section-header{margin-bottom:20px}.node--layout-printable .su-news-dek{width:554px;margin-bottom:12px}.node--layout-printable .stanford-news.datetime:after{content:"\00a0\00a0"}.node--layout-printable .byline-social-media-wrapper{margin:0 0 12px}.node--layout-printable .byline-social-media-wrapper .news-date-pipe-byline{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex}.node--layout-printable .byline-social-media-wrapper .su-news-byline.node.stanford-news.string.label-hidden:before{content:"\00a0\00a0"}.node--layout-printable .su-news-banner-media-caption{font-size:16px;color:#53565a}.node--layout-printable .su-wysiwyg-text{margin-top:82px} \ No newline at end of file +.more-link, +#main-content, +h2.stanford-news__title, +h2.block__title, +.stanford-news--cards { + display: none; } + +.soe-print__header { + width: 25%; + font-size: 24px; } + .soe-print__header img.img-responsive { + width: 30%; + height: auto; } + +.soe-printable__page { + margin: 32px; } + +.node--layout-printable { + font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; + width: 100%; + font-size: 20px; } + .node--layout-printable h1, + .node--layout-printable h2, + .node--layout-printable h3 { + font-family: "Roboto Slab", serif; } + .node--layout-printable h1 { + font-size: 55px; + margin: 55px 0 24px 0; } + .node--layout-printable .section-header { + margin-bottom: 20px; } + .node--layout-printable .su-news-dek { + width: 554px; + margin-bottom: 12px; } + .node--layout-printable .stanford-news.datetime:after { + content: "\00a0\00a0"; } + .node--layout-printable .byline-social-media-wrapper { + margin: 0 0 12px; } + .node--layout-printable .byline-social-media-wrapper .news-date-pipe-byline { + font-size: 18px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + .node--layout-printable .byline-social-media-wrapper .su-news-byline.node.stanford-news.string.label-hidden:before { + content: '\00a0\00a0'; } + .node--layout-printable .su-news-banner-media-caption { + font-size: 16px; + color: #53565a; } + .node--layout-printable .su-wysiwyg-text { + margin-top: 82px; } + + +/*# sourceMappingURL=print.styles.css.map*/ \ No newline at end of file diff --git a/themes/engineering/dist/js/engineering.script.js b/themes/engineering/dist/js/engineering.script.js index b757a5c8e..d484b6cd4 100644 --- a/themes/engineering/dist/js/engineering.script.js +++ b/themes/engineering/dist/js/engineering.script.js @@ -1,2 +1,230 @@ -!function(n){var r={};function i(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,i),t.l=!0,t.exports}i.m=n,i.c=r,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)i.d(n,r,function(e){return t[e]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,n){"use strict";n.r(t);n(1),n(2)},function(e,t){var a;a=jQuery,Drupal.behaviors.engineeringTheme={attach:function(e,t){var n,r=window.location.pathname.split("/")[1];function i(){var e=["#00ece9","#ff525c","#ffbd54"];return e[Math.random()*e.length|0]}a(".engineering-accent-color__link a").each(function(){var e;a(this).css("text-decoration","underline"),a(this).css("text-decoration-color",i()),a(this).mouseover(function(){e=a(this).css("text-decoration-color"),a(this).css("text-decoration-color","#000")}).mouseleave(function(){a(this).css("text-decoration-color",e)})}),a(".engineering-accent-color__image img").each(function(){a(this).css("border-color",i())}),a(".soe-spotlight--cards .su-link").each(function(){a(this).removeClass("su-card__link su-link--action"),a(this).addClass("su-link--external"),a(this).hover(function(){a(0"),s(".news-social-media",e).prepend('
"),s(".news-social-media",e).prepend('
"),s(".news-social-media",e).prepend('
"),s(".news-social-media",e).prepend('
");var t=window.location,n=s('div[property="dc:title"] h1',e).text(),r=s(".share-sub",e).text(),i="https://twitter.com/intent/tweet?url="+encodeURI(t)+"&text="+n+" "+r,a="http://www.facebook.com/sharer.php?u="+t+"&display=popup",t="https://www.linkedin.com/shareArticle?mini=true&url="+t+"&title="+n+"&summary="+r,n="mailto:?subject="+document.title+"&body="+encodeURI(document.location);s(".share-fb",e).attr({href:a}),s(".share-twitter",e).attr({href:i}),s(".share-linkedin",e).attr({href:t}),s(".share-forward",e).attr({href:n})}}}]); +/******/ (function(modules) { // webpackBootstrap +/******/ // The module cache +/******/ var installedModules = {}; +/******/ +/******/ // The require function +/******/ function __webpack_require__(moduleId) { +/******/ +/******/ // Check if module is in cache +/******/ if(installedModules[moduleId]) { +/******/ return installedModules[moduleId].exports; +/******/ } +/******/ // Create a new module (and put it into the cache) +/******/ var module = installedModules[moduleId] = { +/******/ i: moduleId, +/******/ l: false, +/******/ exports: {} +/******/ }; +/******/ +/******/ // Execute the module function +/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); +/******/ +/******/ // Flag the module as loaded +/******/ module.l = true; +/******/ +/******/ // Return the exports of the module +/******/ return module.exports; +/******/ } +/******/ +/******/ +/******/ // expose the modules object (__webpack_modules__) +/******/ __webpack_require__.m = modules; +/******/ +/******/ // expose the module cache +/******/ __webpack_require__.c = installedModules; +/******/ +/******/ // define getter function for harmony exports +/******/ __webpack_require__.d = function(exports, name, getter) { +/******/ if(!__webpack_require__.o(exports, name)) { +/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); +/******/ } +/******/ }; +/******/ +/******/ // define __esModule on exports +/******/ __webpack_require__.r = function(exports) { +/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { +/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); +/******/ } +/******/ Object.defineProperty(exports, '__esModule', { value: true }); +/******/ }; +/******/ +/******/ // create a fake namespace object +/******/ // mode & 1: value is a module id, require it +/******/ // mode & 2: merge all properties of value into the ns +/******/ // mode & 4: return value when already ns object +/******/ // mode & 8|1: behave like require +/******/ __webpack_require__.t = function(value, mode) { +/******/ if(mode & 1) value = __webpack_require__(value); +/******/ if(mode & 8) return value; +/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; +/******/ var ns = Object.create(null); +/******/ __webpack_require__.r(ns); +/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); +/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); +/******/ return ns; +/******/ }; +/******/ +/******/ // getDefaultExport function for compatibility with non-harmony modules +/******/ __webpack_require__.n = function(module) { +/******/ var getter = module && module.__esModule ? +/******/ function getDefault() { return module['default']; } : +/******/ function getModuleExports() { return module; }; +/******/ __webpack_require__.d(getter, 'a', getter); +/******/ return getter; +/******/ }; +/******/ +/******/ // Object.prototype.hasOwnProperty.call +/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; +/******/ +/******/ // __webpack_public_path__ +/******/ __webpack_require__.p = ""; +/******/ +/******/ +/******/ // Load entry module and return exports +/******/ return __webpack_require__(__webpack_require__.s = "./lib/js/engineering.js"); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ "./lib/js/engineering-stanford-news-override.behavior.js": +/*!***************************************************************!*\ + !*** ./lib/js/engineering-stanford-news-override.behavior.js ***! + \***************************************************************/ +/*! no static exports found */ +/***/ (function(module, exports) { + +(function ($, Drupal) { + Drupal.behaviors.engineeringNewsSocialMedia = { + attach: function attach(context, settings) { + $('.news-social-media', context).empty(); + $('.news-social-media', context).prepend('
'); + $('.news-social-media', context).prepend('
'); + $('.news-social-media', context).prepend('
'); + $('.news-social-media', context).prepend('
'); + $('.news-social-media', context).prepend('
'); // Get the current URL. + + var pathname = window.location; // Data. + + var shareTitle = $('div[property="dc:title"] h1', context).text(); + var shareSubtitle = $('.share-sub', context).text(); // URL's + + var twurl = 'https://twitter.com/intent/tweet?url=' + encodeURI(pathname) + '&text=' + shareTitle + ' ' + shareSubtitle; + var fburl = 'http://www.facebook.com/sharer.php?u=' + pathname + '&display=popup'; + var liurl = 'https://www.linkedin.com/shareArticle?mini=true&url=' + pathname + '&title=' + shareTitle + '&summary=' + shareSubtitle; // Going native rather than using forward module. + + var forurl = "mailto:?subject=" + document.title + "&body=" + encodeURI(document.location); // Going native rather than using print_pdf module. + + var prurl = 'window.print();return false;'; // Add the URL's to anchors. + + $('.share-fb', context).attr({ + href: fburl + }); + $('.share-twitter', context).attr({ + href: twurl + }); + $('.share-linkedin', context).attr({ + href: liurl + }); + $('.share-forward', context).attr({ + href: forurl + }); + } + }; +})(jQuery, Drupal); + +/***/ }), + +/***/ "./lib/js/engineering.behavior.js": +/*!****************************************!*\ + !*** ./lib/js/engineering.behavior.js ***! + \****************************************/ +/*! no static exports found */ +/***/ (function(module, exports) { + +(function ($, Drupal) { + Drupal.behaviors.engineeringTheme = { + // Attach Drupal Behavior. + attach: function attach(context, settings) { + // Variables + var firstPath = window.location.pathname.split('/')[1]; // Color map for highlights + /// #00ece9 - teal + /// #ff525c - orange + /// #ffbd54 - yellow + + function getAccentColor() { + var accentColors = ["#00ece9", "#ff525c", "#ffbd54"]; + return accentColors[Math.random() * accentColors.length | 0]; + } + + $(".engineering-accent-color__link a").each(function () { + $(this).css('text-decoration', 'underline'); + $(this).css('text-decoration-color', getAccentColor()); + var originalColor; + $(this).mouseover(function () { + originalColor = $(this).css('text-decoration-color'); + $(this).css('text-decoration-color', '#000'); + }).mouseleave(function () { + $(this).css('text-decoration-color', originalColor); + }); + }); //Adds different highlight color to spotlight headshot images. + + $(".engineering-accent-color__image img").each(function () { + $(this).css('border-color', getAccentColor()); + }); + $(".soe-spotlight--cards .su-link").each(function () { + $(this).removeClass('su-card__link su-link--action'); + $(this).addClass('su-link--external'); + $(this).hover(function () { + var element = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this; + $(element).css('text-decoration-color', 'black'); + }); + }); + $(".engineering-accent-color__background").each(function () { + $(this).css('background-color', getAccentColor()); + }); // Adds comma and space to individual spotlight pages where both + + if (firstPath === "spotlight") { + if (document.getElementsByClassName('node-spotlight-su-spotlight-degrees').length > 0 && document.getElementsByClassName('node-spotlight-su-soe-department').length > 0) { + var divSpotlightDegree = document.getElementsByClassName('su-spotlight-degrees'); + divSpotlightDegree[0].innerHTML += ', '; + } + } // This is a less than ideal solution for removing ajax call from firing from clicking Spotlight filter button. + // Thankfully a solution is in the works: https://www.drupal.org/project/drupal/issues/2904754 + // After this moves into Core, this can be removed. + + + if (!document.getElementById("edit-submit-spotlights-hidden")) { + var oldApplyButton = $("#edit-submit-spotlights").attr("hidden", true); + var newApplyButton = $(oldApplyButton).clone().attr("hidden", false); + $(oldApplyButton).prop("id", "edit-submit-spotlights-hidden"); + $(newApplyButton).appendTo("#views-exposed-form-spotlights-block-1 .form-actions").attr("hidden", false).addClass('show-spotlight-apply__button'); + } + }, + // Detach Example. + detach: function detach() {} + }; +})(jQuery, Drupal); + +/***/ }), + +/***/ "./lib/js/engineering.js": +/*!*******************************!*\ + !*** ./lib/js/engineering.js ***! + \*******************************/ +/*! no exports provided */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _engineering_behavior_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./engineering.behavior.js */ "./lib/js/engineering.behavior.js"); +/* harmony import */ var _engineering_behavior_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_engineering_behavior_js__WEBPACK_IMPORTED_MODULE_0__); +/* harmony import */ var _engineering_stanford_news_override_behavior_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./engineering-stanford-news-override.behavior.js */ "./lib/js/engineering-stanford-news-override.behavior.js"); +/* harmony import */ var _engineering_stanford_news_override_behavior_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_engineering_stanford_news_override_behavior_js__WEBPACK_IMPORTED_MODULE_1__); +// Main Webpack entry file. + + // Your code goes below. + +/***/ }) + +/******/ }); //# sourceMappingURL=engineering.script.js.map \ No newline at end of file diff --git a/themes/engineering/engineering.theme b/themes/engineering/engineering.theme index 2b0fa18f7..7adfb3ebc 100644 --- a/themes/engineering/engineering.theme +++ b/themes/engineering/engineering.theme @@ -11,7 +11,7 @@ use Drupal\Core\Form\FormStateInterface; * Implements hook_preprocess_HOOK() for html.html.twig. */ function engineering_preprocess_html(array &$variables) { - $variables['stanford_basic_path'] = $soe_basic_path = \Drupal::service('extension.list.theme')->getPath('stanford_basic'); + $variables['stanford_basic_path'] = $stanford_basic_path = \Drupal::service('extension.list.theme')->getPath('stanford_basic'); $variables['soe_basic_path'] = $soe_basic_path = \Drupal::service('extension.list.theme')->getPath('soe_basic'); } diff --git a/themes/engineering/lib/js/engineering-stanford-news-override.behavior.js b/themes/engineering/lib/js/engineering-stanford-news-override.behavior.js index cabe4b5e4..9ba241125 100644 --- a/themes/engineering/lib/js/engineering-stanford-news-override.behavior.js +++ b/themes/engineering/lib/js/engineering-stanford-news-override.behavior.js @@ -2,6 +2,7 @@ Drupal.behaviors.engineeringNewsSocialMedia = { attach(context, settings) { + $('.news-social-media', context).empty(); $('.news-social-media', context).prepend('
'); $('.news-social-media', context).prepend('
'); $('.news-social-media', context).prepend('
');