From 2e8057b89aec7db0b2c952734e07926bdd90cfa4 Mon Sep 17 00:00:00 2001 From: Jen Breese Date: Wed, 12 Feb 2025 09:13:18 -0800 Subject: [PATCH] D8CORE-7785: changed spacing on the basic page list (#369) --- .../dist/css/component/paragraph/lists.css | 2 +- .../lib/scss/component/paragraph/lists/index.scss | 13 +++++++++++++ 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/modules/stanford_profile_styles/dist/css/component/paragraph/lists.css b/modules/stanford_profile_styles/dist/css/component/paragraph/lists.css index e03ff234..36dbb1e7 100644 --- a/modules/stanford_profile_styles/dist/css/component/paragraph/lists.css +++ b/modules/stanford_profile_styles/dist/css/component/paragraph/lists.css @@ -1 +1 @@ -.paragraph--type--stanford-lists,.ptype-stanford-lists{container:paragraph/inline-size}.paragraph--type--stanford-lists .su-list-headline h2,.ptype-stanford-lists .su-list-headline h2{margin:0;text-align:center}.paragraph--type--stanford-lists .su-list-button,.ptype-stanford-lists .su-list-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}@container paragraph (max-width: 600px){.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists .stanford-events .views-view-grid .views-col,.ptype-stanford-lists .stanford-events .views-view-grid .views-row,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row{margin-bottom:3.4rem;padding-top:0}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists .stanford-events .views-view-grid .views-col,.ptype-stanford-lists .stanford-events .views-view-grid .views-row,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists .stanford-events .views-view-grid .views-col,.ptype-stanford-lists .stanford-events .views-view-grid .views-row,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row:last-of-type,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row:last-of-type,.ptype-stanford-lists .stanford-events .views-view-grid .views-col:last-of-type,.ptype-stanford-lists .stanford-events .views-view-grid .views-row:last-of-type,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col:last-of-type,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists .view [class*=grid-container],.ptype-stanford-lists .view [class*=grid-container]{-ms-grid-columns:1fr;grid-template-columns:1fr}.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row:last-of-type,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists .views-view-grid .views-row>div,.ptype-stanford-lists .views-view-grid .views-row>div{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%;width:100%}.paragraph--type--stanford-lists .views-view-grid .views-row>div:last-of-type,.ptype-stanford-lists .views-view-grid .views-row>div:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists .su-news-list__item-date+.su-news-list__item .media,.ptype-stanford-lists .su-news-list__item-date+.su-news-list__item .media{margin-top:0}.paragraph--type--stanford-lists .su-news-vertical-teaser.su-card,.ptype-stanford-lists .su-news-vertical-teaser.su-card{margin-bottom:inherit}.paragraph--type--stanford-lists .su-event-list-item,.ptype-stanford-lists .su-event-list-item{display:block}.paragraph--type--stanford-lists .su-basic-page-types-list img,.paragraph--type--stanford-lists .su-basic-page-types-list picture,.paragraph--type--stanford-lists .su-news-list img,.paragraph--type--stanford-lists .su-news-list picture,.ptype-stanford-lists .su-basic-page-types-list img,.ptype-stanford-lists .su-basic-page-types-list picture,.ptype-stanford-lists .su-news-list img,.ptype-stanford-lists .su-news-list picture{display:none}}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row{margin-bottom:3.4rem;padding-top:0}@media only screen and (min-width:768px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row:last-of-type,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .view [class*=grid-container],.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .view [class*=grid-container]{-ms-grid-columns:1fr;grid-template-columns:1fr}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%;width:100%}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list__item-date+.su-news-list__item .media,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list__item-date+.su-news-list__item .media{margin-top:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-vertical-teaser.su-card,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-vertical-teaser.su-card{margin-bottom:inherit}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-event-list-item,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-event-list-item{display:block}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list img,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list picture,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list img,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list picture,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list img,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list picture,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list img,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list picture{display:none}.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row:last-of-type,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column{margin-bottom:6.1rem}}.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column:last-of-type,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column:last-of-type,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column:last-of-type,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column:last-of-type{margin-bottom:0}@media (min-width:1200px){.paragraph--type--stanford-lists:not(.flex-12-of-12) .stanford-news--list div:first-child .su-news-list,.ptype-stanford-lists:not(.flex-12-of-12) .stanford-news--list div:first-child .su-news-list{padding-top:0}}.paragraph--type--stanford-lists[data-react-columns="4"] .su-news-list__header,.paragraph--type--stanford-lists[data-react-columns="6"] .su-news-list__header,.ptype-stanford-lists[data-react-columns="4"] .su-news-list__header,.ptype-stanford-lists[data-react-columns="6"] .su-news-list__header{-ms-grid-columns:1fr;grid-template-columns:1fr}.paragraph--type--stanford-lists[data-react-columns="4"] .stanford-people-grid .flex-container,.paragraph--type--stanford-lists[data-react-columns="6"] .stanford-people-grid .flex-container,.ptype-stanford-lists[data-react-columns="4"] .stanford-people-grid .flex-container,.ptype-stanford-lists[data-react-columns="6"] .stanford-people-grid .flex-container{display:unset}.paragraph--type--stanford-lists[data-react-columns="4"] .su-event-list-item__date,.paragraph--type--stanford-lists[data-react-columns="6"] .su-event-list-item__date,.ptype-stanford-lists[data-react-columns="4"] .su-event-list-item__date,.ptype-stanford-lists[data-react-columns="6"] .su-event-list-item__date{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex} \ No newline at end of file +.paragraph--type--stanford-lists,.ptype-stanford-lists{container:paragraph/inline-size}.paragraph--type--stanford-lists .su-list-headline h2,.ptype-stanford-lists .su-list-headline h2{margin:0;text-align:center}.paragraph--type--stanford-lists .su-list-button,.ptype-stanford-lists .su-list-button{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}@container paragraph (max-width: 600px){.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists .stanford-events .views-view-grid .views-col,.ptype-stanford-lists .stanford-events .views-view-grid .views-row,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row{margin-bottom:3.4rem;padding-top:0}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists .stanford-events .views-view-grid .views-col,.ptype-stanford-lists .stanford-events .views-view-grid .views-row,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists .stanford-events .views-view-grid .views-col,.ptype-stanford-lists .stanford-events .views-view-grid .views-row,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists .stanford-events .views-view-grid .views-row:last-of-type,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists .stanford-news--cards .views-view-grid .views-row:last-of-type,.ptype-stanford-lists .stanford-events .views-view-grid .views-col:last-of-type,.ptype-stanford-lists .stanford-events .views-view-grid .views-row:last-of-type,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-col:last-of-type,.ptype-stanford-lists .stanford-news--cards .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists .view [class*=grid-container],.ptype-stanford-lists .view [class*=grid-container]{-ms-grid-columns:1fr;grid-template-columns:1fr}.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists .stanford-people-grid .views-view-grid .views-row:last-of-type,.ptype-stanford-lists .stanford-people-grid .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists .views-view-grid .views-row>div,.ptype-stanford-lists .views-view-grid .views-row>div{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%;width:100%}.paragraph--type--stanford-lists .views-view-grid .views-row>div:last-of-type,.ptype-stanford-lists .views-view-grid .views-row>div:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists .su-news-list__item-date+.su-news-list__item .media,.ptype-stanford-lists .su-news-list__item-date+.su-news-list__item .media{margin-top:0}.paragraph--type--stanford-lists .su-news-vertical-teaser.su-card,.ptype-stanford-lists .su-news-vertical-teaser.su-card{margin-bottom:inherit}.paragraph--type--stanford-lists .su-event-list-item,.ptype-stanford-lists .su-event-list-item{display:block}.paragraph--type--stanford-lists .su-basic-page-types-list img,.paragraph--type--stanford-lists .su-basic-page-types-list picture,.paragraph--type--stanford-lists .su-news-list img,.paragraph--type--stanford-lists .su-news-list picture,.ptype-stanford-lists .su-basic-page-types-list img,.ptype-stanford-lists .su-basic-page-types-list picture,.ptype-stanford-lists .su-news-list img,.ptype-stanford-lists .su-news-list picture{display:none}}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row{margin-bottom:3.4rem;padding-top:0}@media only screen and (min-width:768px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row:last-of-type,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col:last-of-type,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-col:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-events .views-view-grid .views-row:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-col:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-news--cards .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .view [class*=grid-container],.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .view [class*=grid-container]{-ms-grid-columns:1fr;grid-template-columns:1fr}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-col,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .stanford-people-grid .views-view-grid .views-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div{-webkit-box-flex:0;-ms-flex:none;flex:none;max-width:100%;width:100%}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div:last-of-type,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .views-view-grid .views-row>div:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list__item-date+.su-news-list__item .media,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list__item-date+.su-news-list__item .media{margin-top:0}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-vertical-teaser.su-card,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-vertical-teaser.su-card{margin-bottom:inherit}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-event-list-item,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-event-list-item{display:block}.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list img,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list picture,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list img,.paragraph--type--stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list picture,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list img,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-basic-page-types-list picture,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list img,.ptype-stanford-lists[data-react-columns]:not([data-react-columns="12"]) .su-news-list picture{display:none}.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row{margin-bottom:6.1rem}}.paragraph--type--stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row:last-of-type,.ptype-stanford-lists .stanford-basic-pages .views-view-grid .su-basic-page-types-view-row:last-of-type{margin-bottom:0}.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column{margin-bottom:3.4rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column{margin-bottom:5.8rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column{margin-bottom:6.1rem}}.paragraph--type--stanford-lists.flex-4-of-12 .su-basic-page-types-view-column:last-of-type,.paragraph--type--stanford-lists.flex-6-of-12 .su-basic-page-types-view-column:last-of-type,.ptype-stanford-lists.flex-4-of-12 .su-basic-page-types-view-column:last-of-type,.ptype-stanford-lists.flex-6-of-12 .su-basic-page-types-view-column:last-of-type{margin-bottom:0}@media (min-width:1200px){.paragraph--type--stanford-lists:not(.flex-12-of-12) .stanford-news--list div:first-child .su-news-list,.ptype-stanford-lists:not(.flex-12-of-12) .stanford-news--list div:first-child .su-news-list{padding-top:0}}.paragraph--type--stanford-lists[data-react-columns="4"] .su-news-list__header,.paragraph--type--stanford-lists[data-react-columns="6"] .su-news-list__header,.ptype-stanford-lists[data-react-columns="4"] .su-news-list__header,.ptype-stanford-lists[data-react-columns="6"] .su-news-list__header{-ms-grid-columns:1fr;grid-template-columns:1fr}.paragraph--type--stanford-lists[data-react-columns="4"] .stanford-people-grid .flex-container,.paragraph--type--stanford-lists[data-react-columns="6"] .stanford-people-grid .flex-container,.ptype-stanford-lists[data-react-columns="4"] .stanford-people-grid .flex-container,.ptype-stanford-lists[data-react-columns="6"] .stanford-people-grid .flex-container{display:unset}.paragraph--type--stanford-lists[data-react-columns="4"] .su-event-list-item__date,.paragraph--type--stanford-lists[data-react-columns="6"] .su-event-list-item__date,.ptype-stanford-lists[data-react-columns="4"] .su-event-list-item__date,.ptype-stanford-lists[data-react-columns="6"] .su-event-list-item__date{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.paragraph--type--stanford-lists .su-basic-page-types-list,.ptype-stanford-lists .su-basic-page-types-list{padding-bottom:2rem;padding-top:2rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .su-basic-page-types-list,.ptype-stanford-lists .su-basic-page-types-list{padding-top:2.6rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .su-basic-page-types-list,.ptype-stanford-lists .su-basic-page-types-list{padding-top:2.7rem}}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .su-basic-page-types-list,.ptype-stanford-lists .su-basic-page-types-list{padding-bottom:2.6rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .su-basic-page-types-list,.ptype-stanford-lists .su-basic-page-types-list{padding-bottom:2.7rem}}.paragraph--type--stanford-lists .su-basic-page-types-list h3,.ptype-stanford-lists .su-basic-page-types-list h3{margin-bottom:1.1rem}@media only screen and (min-width:768px){.paragraph--type--stanford-lists .su-basic-page-types-list h3,.ptype-stanford-lists .su-basic-page-types-list h3{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.paragraph--type--stanford-lists .su-basic-page-types-list h3,.ptype-stanford-lists .su-basic-page-types-list h3{margin-bottom:1.3rem}}.paragraph--type--stanford-lists .su-basic-page-types-list .su-basic-page-list__description,.ptype-stanford-lists .su-basic-page-types-list .su-basic-page-list__description{margin-bottom:0} \ No newline at end of file diff --git a/modules/stanford_profile_styles/lib/scss/component/paragraph/lists/index.scss b/modules/stanford_profile_styles/lib/scss/component/paragraph/lists/index.scss index 0db094f0..292fc39b 100644 --- a/modules/stanford_profile_styles/lib/scss/component/paragraph/lists/index.scss +++ b/modules/stanford_profile_styles/lib/scss/component/paragraph/lists/index.scss @@ -224,4 +224,17 @@ display: flex; } } + + .su-basic-page-types-list { + @include responsive-spacing('padding-top', 1); + @include responsive-spacing('padding-bottom', 1); + + h3 { + @include responsive-spacing('margin-bottom', -1); + } + + .su-basic-page-list__description { + margin-bottom: 0; + } + } }