diff --git a/CHANGELOG.md b/CHANGELOG.md index 6a4529e..649463f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,14 +5,15 @@ _Release Date: 2020-08-07_ - D8CORE-2273: Moved tests into module, as well as profile. (#9) (79a3bf4) -- Merge pull request #13 from SU-SOE/D8CORE-2427 (454b3b9) -- Merge branch '8.x-1.x' into D8CORE-2427 (848504b) - D8CORE-2427: added aria tags for presentation only (768c0e9) -- Merge pull request #12 from SU-SOE/D8CORE-2427 (0ed2121) - D8CORE-2427: corrected a11y problem with empty link when image was absent. (c62233b) -- Merge pull request #11 from SU-SOE/D8CORE-2247 (fa859ae) - D8CORE-2247: fixup! (5635293) - D8CORE-2247: changing the images to responsive display (d73abfd) + +8.x-1.0-beta.1 +-------------------------------------------------------------------------------- +_Release Date: 2020-07-13_ + - Merge pull request #8 from SU-SOE/D8CORE-2242 (ba236f0) - D8CORE-2242: fixing template, recompile css (475b57e) - Merge pull request #7 from SU-SOE/D8CORE-2129 (415a54e) diff --git a/composer.json b/composer.json index 58657f9..f33ef03 100644 --- a/composer.json +++ b/composer.json @@ -78,9 +78,9 @@ "drupal/element_class_formatter": "^1.1", "drupal/field_formatter_class": "^1.4", "drupal/allowed_formats": "^1.3", - "su-sws/stanford_fields": "dev-8.x-1.x", - "su-sws/jumpstart_ui": "dev-8.x-1.x", - "su-sws/stanford_text_editor": "dev-8.x-1.x" + "su-sws/stanford_fields": "^8.1.0", + "su-sws/jumpstart_ui": "^8.1.0", + "su-sws/stanford_text_editor": "^8.1.0" }, "autoload": { "psr-4": { diff --git a/dist/css/cta-list-paragraph.styles.css b/dist/css/cta-list-paragraph.styles.css index d8d586d..018d9a1 100644 --- a/dist/css/cta-list-paragraph.styles.css +++ b/dist/css/cta-list-paragraph.styles.css @@ -1 +1,199 @@ -.su-cta-list-paragraph{border-top:1px solid #d2d3d4}@media only screen and (min-width:0){.su-cta-list-paragraph{padding-top:4rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph{padding-top:4.5rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph{padding-top:4.75rem}}@media only screen and (min-width:0){.su-cta-list-paragraph{padding-left:3.2rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph{padding-left:3.6rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph{padding-left:3.8rem}}@media only screen and (min-width:0){.su-cta-list-paragraph{padding-right:3.2rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph{padding-right:3.6rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph{padding-right:3.8rem}}@media only screen and (max-width:991px) and (min-width:0){.su-cta-list-paragraph{padding-left:1.6rem}}@media only screen and (max-width:991px) and (min-width:768px){.su-cta-list-paragraph{padding-left:1.8rem}}@media only screen and (max-width:991px) and (min-width:1500px){.su-cta-list-paragraph{padding-left:1.9rem}}@media only screen and (max-width:991px) and (min-width:0){.su-cta-list-paragraph{padding-right:1.6rem}}@media only screen and (max-width:991px) and (min-width:768px){.su-cta-list-paragraph{padding-right:1.8rem}}@media only screen and (max-width:991px) and (min-width:1500px){.su-cta-list-paragraph{padding-right:1.9rem}}.su-cta-list-paragraph .su-cta-list-paragraph__header{font-size:1.5625em;letter-spacing:-.012em;font-weight:700}@media only screen and (min-width:0){.su-cta-list-paragraph .su-cta-list-paragraph__header{margin-bottom:2.31rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph .su-cta-list-paragraph__header{margin-bottom:2.6rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph .su-cta-list-paragraph__header{margin-bottom:2.74rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph .su-cta-list-paragraph__description{font-size:2.1rem;line-height:1.7}}@media only screen and (min-width:0){.su-cta-list-paragraph .su-cta-list-paragraph__description{margin-bottom:4rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph .su-cta-list-paragraph__description{margin-bottom:4.5rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph .su-cta-list-paragraph__description{margin-bottom:4.75rem}}.su-cta-list-paragraph .su-cta-list__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}@media only screen and (min-width:0) and (max-width:575px){.su-cta-list-paragraph .su-cta-list__links{display:block;width:100%}}@media only screen and (min-width:0) and (max-width:575px) and (min-width:0){.su-cta-list-paragraph .su-cta-list__links{padding-bottom:2.31rem}}@media only screen and (min-width:0) and (max-width:575px) and (min-width:768px){.su-cta-list-paragraph .su-cta-list__links{padding-bottom:2.6rem}}@media only screen and (min-width:0) and (max-width:575px) and (min-width:1500px){.su-cta-list-paragraph .su-cta-list__links{padding-bottom:2.74rem}}.su-cta-list-paragraph .su-cta-list__links .su-link--action{display:block;width:100%}@media only screen and (min-width:0){.su-cta-list-paragraph .su-cta-list__links .su-link--action{margin-bottom:2.31rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph .su-cta-list__links .su-link--action{margin-bottom:2.6rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph .su-cta-list__links .su-link--action{margin-bottom:2.74rem}}.su-cta-list-paragraph .su-cta-list__links .col-1{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-flex:1;-ms-flex:1;flex:1;min-width:200px}@media only screen and (min-width:0){.su-cta-list-paragraph .su-cta-list__links .col-1{margin-right:2.31rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph .su-cta-list__links .col-1{margin-right:2.6rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph .su-cta-list__links .col-1{margin-right:2.74rem}}.su-cta-list-paragraph .su-cta-list__links .col-1 a{color:#b1040e}.su-cta-list-paragraph .su-cta-list__links .col-1 a:after,.su-cta-list-paragraph .su-cta-list__links .col-1 a:after:active,.su-cta-list-paragraph .su-cta-list__links .col-1 a:after:focus,.su-cta-list-paragraph .su-cta-list__links .col-1 a:after:hover{background-color:#b1040e}@media only screen and (min-width:0) and (max-width:575px){.su-cta-list-paragraph .su-cta-list__links .col-1{display:block;width:100%}}.su-cta-list-paragraph .su-cta-list__links .col-2{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-flex:1;-ms-flex:1;flex:1}@media only screen and (min-width:0){.su-cta-list-paragraph .su-cta-list__links .col-2{margin-right:9.6rem}}@media only screen and (min-width:768px){.su-cta-list-paragraph .su-cta-list__links .col-2{margin-right:10.8rem}}@media only screen and (min-width:1500px){.su-cta-list-paragraph .su-cta-list__links .col-2{margin-right:11.4rem}}.su-cta-list-paragraph .su-cta-list__links .col-2 a{color:#b1040e}.su-cta-list-paragraph .su-cta-list__links .col-2 a:after,.su-cta-list-paragraph .su-cta-list__links .col-2 a:after:active,.su-cta-list-paragraph .su-cta-list__links .col-2 a:after:focus,.su-cta-list-paragraph .su-cta-list__links .col-2 a:after:hover{background-color:#b1040e}@media (max-width:1199px){.su-cta-list-paragraph .su-cta-list__links .col-2{min-width:150px}}@media only screen and (max-width:1199px) and (min-width:0){.su-cta-list-paragraph .su-cta-list__links .col-2{margin-right:2.31rem}}@media only screen and (max-width:1199px) and (min-width:768px){.su-cta-list-paragraph .su-cta-list__links .col-2{margin-right:2.6rem}}@media only screen and (max-width:1199px) and (min-width:1500px){.su-cta-list-paragraph .su-cta-list__links .col-2{margin-right:2.74rem}}@media only screen and (min-width:0) and (max-width:575px){.su-cta-list-paragraph .su-cta-list__links .col-2{display:block;width:100%}} \ No newline at end of file +.su-cta-list-paragraph { + border-top: 1px solid #d2d3d4; } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph { + padding-top: 4rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph { + padding-top: 4.5rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph { + padding-top: 4.75rem; } } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph { + padding-left: 3.2rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph { + padding-left: 3.6rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph { + padding-left: 3.8rem; } } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph { + padding-right: 3.2rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph { + padding-right: 3.6rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph { + padding-right: 3.8rem; } } + +@media only screen and (max-width: 991px) and (min-width: 0) { + .su-cta-list-paragraph { + padding-left: 1.6rem; } } + +@media only screen and (max-width: 991px) and (min-width: 768px) { + .su-cta-list-paragraph { + padding-left: 1.8rem; } } + +@media only screen and (max-width: 991px) and (min-width: 1500px) { + .su-cta-list-paragraph { + padding-left: 1.9rem; } } + +@media only screen and (max-width: 991px) and (min-width: 0) { + .su-cta-list-paragraph { + padding-right: 1.6rem; } } + +@media only screen and (max-width: 991px) and (min-width: 768px) { + .su-cta-list-paragraph { + padding-right: 1.8rem; } } + +@media only screen and (max-width: 991px) and (min-width: 1500px) { + .su-cta-list-paragraph { + padding-right: 1.9rem; } } + .su-cta-list-paragraph .su-cta-list-paragraph__header { + font-size: 1.5625em; + letter-spacing: -0.012em; + font-weight: 700; } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list-paragraph__header { + margin-bottom: 2.31rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list-paragraph__header { + margin-bottom: 2.6rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list-paragraph__header { + margin-bottom: 2.74rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list-paragraph__description { + font-size: 2.1rem; + line-height: 1.7; } } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list-paragraph__description { + margin-bottom: 4rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list-paragraph__description { + margin-bottom: 4.5rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list-paragraph__description { + margin-bottom: 4.75rem; } } + .su-cta-list-paragraph .su-cta-list__links { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; } + @media only screen and (min-width: 0) and (max-width: 575px) { + .su-cta-list-paragraph .su-cta-list__links { + display: block; + width: 100%; } } + @media only screen and (min-width: 0) and (max-width: 575px) and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list__links { + padding-bottom: 2.31rem; } } + @media only screen and (min-width: 0) and (max-width: 575px) and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list__links { + padding-bottom: 2.6rem; } } + @media only screen and (min-width: 0) and (max-width: 575px) and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list__links { + padding-bottom: 2.74rem; } } + .su-cta-list-paragraph .su-cta-list__links .su-link--action { + display: block; + width: 100%; } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list__links .su-link--action { + margin-bottom: 2.31rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list__links .su-link--action { + margin-bottom: 2.6rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list__links .su-link--action { + margin-bottom: 2.74rem; } } + .su-cta-list-paragraph .su-cta-list__links .col-1 { + 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-flex: 1; + -ms-flex: 1; + flex: 1; + min-width: 200px; } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list__links .col-1 { + margin-right: 2.31rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list__links .col-1 { + margin-right: 2.6rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list__links .col-1 { + margin-right: 2.74rem; } } + .su-cta-list-paragraph .su-cta-list__links .col-1 a { + color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-1 a::after { + background-color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-1 a::after:hover { + background-color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-1 a::after:focus { + background-color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-1 a::after:active { + background-color: #b1040e; } + @media only screen and (min-width: 0) and (max-width: 575px) { + .su-cta-list-paragraph .su-cta-list__links .col-1 { + display: block; + width: 100%; } } + .su-cta-list-paragraph .su-cta-list__links .col-2 { + 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-flex: 1; + -ms-flex: 1; + flex: 1; } + @media only screen and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + margin-right: 9.6rem; } } + @media only screen and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + margin-right: 10.8rem; } } + @media only screen and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + margin-right: 11.4rem; } } + .su-cta-list-paragraph .su-cta-list__links .col-2 a { + color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-2 a::after { + background-color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-2 a::after:hover { + background-color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-2 a::after:focus { + background-color: #b1040e; } + .su-cta-list-paragraph .su-cta-list__links .col-2 a::after:active { + background-color: #b1040e; } + @media (max-width: 1199px) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + min-width: 150px; } } + @media only screen and (max-width: 1199px) and (min-width: 0) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + margin-right: 2.31rem; } } + @media only screen and (max-width: 1199px) and (min-width: 768px) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + margin-right: 2.6rem; } } + @media only screen and (max-width: 1199px) and (min-width: 1500px) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + margin-right: 2.74rem; } } + @media only screen and (min-width: 0) and (max-width: 575px) { + .su-cta-list-paragraph .su-cta-list__links .col-2 { + display: block; + width: 100%; } } + + +/*# sourceMappingURL=cta-list-paragraph.styles.css.map*/ \ No newline at end of file diff --git a/dist/css/image-cta-paragraph.styles.css b/dist/css/image-cta-paragraph.styles.css index 190fe74..af80fb3 100644 --- a/dist/css/image-cta-paragraph.styles.css +++ b/dist/css/image-cta-paragraph.styles.css @@ -1 +1,2 @@ -@media only screen and (min-width:0){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:9.6rem}}@media only screen and (min-width:768px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:10.8rem}}@media only screen and (min-width:1500px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:11.4rem}}@media only screen and (min-width:768px) and (max-width:1199px) and (min-width:0){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:8rem}}@media only screen and (min-width:768px) and (max-width:1199px) and (min-width:768px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:9rem}}@media only screen and (min-width:768px) and (max-width:1199px) and (min-width:1500px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:9.5rem}}@media only screen and (max-width:767px) and (min-width:0){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:2.31rem}}@media only screen and (max-width:767px) and (min-width:768px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:2.6rem}}@media only screen and (max-width:767px) and (min-width:1500px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:2.74rem}}@media (max-width:767px){.su-image-cta-paragraph .su-image-cta-paragraph__image{display:none}}.su-image-cta-paragraph .su-image-cta-paragraph__image img{width:100%}@media only screen and (min-width:0){.su-image-cta-paragraph .su-image-cta-paragraph__link{padding:1.6rem 2.31rem 2.31rem}}@media only screen and (min-width:768px){.su-image-cta-paragraph .su-image-cta-paragraph__link{padding:1.8rem 2.6rem 2.6rem}}@media only screen and (min-width:1500px){.su-image-cta-paragraph .su-image-cta-paragraph__link{padding:1.9rem 2.74rem 2.74rem}}.su-image-cta-paragraph .su-image-cta-paragraph__link a{color:#b1040e;text-decoration:none}.su-image-cta-paragraph .su-image-cta-paragraph__link a:focus,.su-image-cta-paragraph .su-image-cta-paragraph__link a:hover{color:#2e2d29}.su-image-cta-paragraph .su-image-cta-paragraph__link:after{background-color:#b1040e}.su-image-cta-paragraph .su-image-cta-paragraph__link:after:focus,.su-image-cta-paragraph .su-image-cta-paragraph__link:after:hover{background-color:#2e2d29}.su-image-cta-paragraph .su-image-cta-paragraph__link:after:active{background-color:#b1040e} \ No newline at end of file + +@media only screen and (min-width:0){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:9.6rem}}@media only screen and (min-width:768px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:10.8rem}}@media only screen and (min-width:1500px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:11.4rem}}@media only screen and (min-width:768px) and (max-width:1199px) and (min-width:0){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:8rem}}@media only screen and (min-width:768px) and (max-width:1199px) and (min-width:768px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:9rem}}@media only screen and (min-width:768px) and (max-width:1199px) and (min-width:1500px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:9.5rem}}@media only screen and (max-width:767px) and (min-width:0){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:2.31rem}}@media only screen and (max-width:767px) and (min-width:768px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:2.6rem}}@media only screen and (max-width:767px) and (min-width:1500px){.content .paragraph-item.ptype-stanford-image-cta{margin-bottom:2.74rem}}@media (max-width:767px){.su-image-cta-paragraph .su-image-cta-paragraph__image{display:none}}.su-image-cta-paragraph .su-image-cta-paragraph__image img{width:100%}@media only screen and (min-width:0){.su-image-cta-paragraph .su-image-cta-paragraph__link{padding:1.6rem 2.31rem 2.31rem}}@media only screen and (min-width:768px){.su-image-cta-paragraph .su-image-cta-paragraph__link{padding:1.8rem 2.6rem 2.6rem}}@media only screen and (min-width:1500px){.su-image-cta-paragraph .su-image-cta-paragraph__link{padding:1.9rem 2.74rem 2.74rem}}.su-image-cta-paragraph .su-image-cta-paragraph__link a{color:#b1040e;text-decoration:none}.su-image-cta-paragraph .su-image-cta-paragraph__link a:focus,.su-image-cta-paragraph .su-image-cta-paragraph__link a:hover{color:#2e2d29}.su-image-cta-paragraph .su-image-cta-paragraph__link:after{background-color:#b1040e}.su-image-cta-paragraph .su-image-cta-paragraph__link:after:focus,.su-image-cta-paragraph .su-image-cta-paragraph__link:after:hover{background-color:#2e2d29}.su-image-cta-paragraph .su-image-cta-paragraph__link:after:active{background-color:#b1040e} diff --git a/dist/css/soe_paragraphs.styles.css b/dist/css/soe_paragraphs.styles.css index e69de29..f8bec17 100644 --- a/dist/css/soe_paragraphs.styles.css +++ b/dist/css/soe_paragraphs.styles.css @@ -0,0 +1,3 @@ + + +/*# sourceMappingURL=soe_paragraphs.styles.css.map*/ \ No newline at end of file diff --git a/dist/css/stories-paragraph.styles.css b/dist/css/stories-paragraph.styles.css index c45797f..1727966 100644 --- a/dist/css/stories-paragraph.styles.css +++ b/dist/css/stories-paragraph.styles.css @@ -1 +1,349 @@ -.su-stories-paragraph .su-stories-paragraph__cta-region a{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif;cursor:pointer;display:inline-block;border:0;font-size:2rem;font-weight:400;line-height:1;text-align:center;text-decoration:none;width:auto;-webkit-transition:background-color .25s ease-in-out,color .25s ease-in-out;transition:background-color .25s ease-in-out,color .25s ease-in-out}.su-stories-paragraph .su-stories-paragraph__cta-region a a{font-weight:400;text-decoration:none}.su-stories-paragraph .su-stories-paragraph__cta-region a:active,.su-stories-paragraph .su-stories-paragraph__cta-region a:focus,.su-stories-paragraph .su-stories-paragraph__cta-region a:hover{text-decoration:underline}.su-stories-paragraph{border:1px solid #e3e3e3;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.13),0 3px 6px rgba(0,0,0,.1);box-shadow:0 3px 6px rgba(0,0,0,.13),0 3px 6px rgba(0,0,0,.1);display:block;background-color:#fff}@media only screen and (min-width:0) and (max-width:575px){.su-stories-paragraph figure,.su-stories-paragraph img{display:none}}.su-stories-paragraph .su-card__contents{font-family:Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif}@media only screen and (min-width:0){.su-stories-paragraph .su-card__contents{padding:3.2rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-card__contents{padding:3.6rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-card__contents{padding:3.8rem}}.su-stories-paragraph .su-card__contents p{font-size:1.8rem;line-height:1.3}@media (max-width:767px){.su-stories-paragraph .su-card__contents p{font-size:1.6rem}}.su-stories-paragraph .su-card__contents>:first-child{padding-top:0;margin-top:-.3em}.su-stories-paragraph .su-card__contents>:last-child:not(.su-card__button){padding-bottom:0;margin-bottom:0}.su-stories-paragraph .su-card__contents>span{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:0;clear:both;font-weight:700;line-height:1.2;font-size:.9em;display:block}@media only screen and (min-width:0){.su-stories-paragraph .su-card__contents>span{margin-bottom:.53rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-card__contents>span{margin-bottom:.6rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-card__contents>span{margin-bottom:.63rem}}.su-stories-paragraph .su-card__contents>span a{text-decoration:none;font-weight:700}.su-stories-paragraph .su-card__contents>h2{font-size:1.5625em;letter-spacing:-.012em}@media only screen and (min-width:0){.su-stories-paragraph .su-card__contents>h2{margin-bottom:1.07rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-card__contents>h2{margin-bottom:1.2rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-card__contents>h2{margin-bottom:1.27rem}}.su-stories-paragraph .su-card__contents>h2>a{font-weight:700;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}.su-stories-paragraph .su-card__contents>h2>a:focus,.su-stories-paragraph .su-card__contents>h2>a:hover{color:#b1040e;text-decoration:underline}.su-stories-paragraph .su-card__contents>div:not(.su-card__button){line-height:1.4}.su-stories-paragraph .su-card__contents>div:not(.su-card__button),.su-stories-paragraph .su-card__contents>p:last-of-type{margin-bottom:0}.su-stories-paragraph .su-card__contents>.su-link--action:not(:first-child),.su-stories-paragraph .su-card__contents>a:not(:first-child){display:inline-block}@media only screen and (min-width:0){.su-stories-paragraph .su-card__contents>.su-link--action:not(:first-child),.su-stories-paragraph .su-card__contents>a:not(:first-child){margin-top:1.07rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-card__contents>.su-link--action:not(:first-child),.su-stories-paragraph .su-card__contents>a:not(:first-child){margin-top:1.2rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-card__contents>.su-link--action:not(:first-child),.su-stories-paragraph .su-card__contents>a:not(:first-child){margin-top:1.27rem}}@media only screen and (min-width:0){.su-stories-paragraph .su-card__button{margin-top:2.31rem;margin-bottom:.53rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-card__button{margin-top:2.6rem;margin-bottom:.6rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-card__button{margin-top:2.74rem;margin-bottom:.63rem}}@media only screen and (min-width:0) and (max-width:575px){.su-stories-paragraph .su-card__button .su-button{width:auto}}.su-stories-paragraph a .su-media__wrapper img{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.su-stories-paragraph a:focus .su-media__wrapper img,.su-stories-paragraph a:hover .su-media__wrapper img{-webkit-transform:scale(1.03);transform:scale(1.03)}.su-stories-paragraph .su-stories-paragraph__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__content{padding:3.2rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__content{padding:3.6rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__content{padding:3.8rem}}@media (max-width:767px){.su-stories-paragraph .su-stories-paragraph__content{display:block}}@media only screen and (max-width:767px) and (min-width:0){.su-stories-paragraph .su-stories-paragraph__content{padding-top:1.6rem}}@media only screen and (max-width:767px) and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__content{padding-top:1.8rem}}@media only screen and (max-width:767px) and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__content{padding-top:1.9rem}}.su-stories-paragraph .su-stories-paragraph__photo .stanford-stories-photo-border{display:none}.su-stories-paragraph .su-stories-paragraph__photo.border-color-default img{border:6px solid #000}.su-stories-paragraph .su-stories-paragraph__photo.border-color-1 img{border:6px solid #00ece9}.su-stories-paragraph .su-stories-paragraph__photo.border-color-2 img{border:6px solid #ff525c}.su-stories-paragraph .su-stories-paragraph__photo.border-color-3 img{border:6px solid #ffbd54}.su-stories-paragraph .su-stories-paragraph__photo img{width:290px;height:290px;min-width:290px;min-height:290px;border-radius:50%;overflow:hidden}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__photo img{margin-left:3.2rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-left:3.6rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-left:3.8rem}}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__photo img{margin-right:6.4rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-right:7.2rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-right:7.6rem}}@media (min-width:768px) and (max-width:1199px){.su-stories-paragraph .su-stories-paragraph__photo img{width:255px;height:255px;min-width:255px;min-height:255px}}@media (max-width:767px){.su-stories-paragraph .su-stories-paragraph__photo img{display:block;margin-left:auto;margin-right:auto;padding:0;width:220px;height:220px;min-width:220px;min-height:220px}}@media only screen and (max-width:767px) and (min-width:0){.su-stories-paragraph .su-stories-paragraph__photo img{margin-top:3.2rem}}@media only screen and (max-width:767px) and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-top:3.6rem}}@media only screen and (max-width:767px) and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-top:3.8rem}}@media only screen and (max-width:767px) and (min-width:0){.su-stories-paragraph .su-stories-paragraph__photo img{margin-bottom:3.2rem}}@media only screen and (max-width:767px) and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-bottom:3.6rem}}@media only screen and (max-width:767px) and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__photo img{margin-bottom:3.8rem}}@media (max-width:767px){.su-stories-paragraph .su-stories__details{display:block}}.su-stories-paragraph .su-stories-paragraph__name{font-size:1.25em;letter-spacing:-.01em;font-weight:800}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__name{margin-top:1.6rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__name{margin-top:1.8rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__name{margin-top:1.9rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__title{font-size:2.1rem;line-height:1.7}}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__title{margin-bottom:1.6rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__title{margin-bottom:1.8rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__title{margin-bottom:1.9rem}}.su-stories-paragraph .su-stories-paragraph__quote{font-size:2.44140625em;letter-spacing:-.016em;font-weight:800}@media (max-width:767px){.su-stories-paragraph .su-stories-paragraph__quote{font-size:2.0751953125em}}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__quote{margin-bottom:4rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__quote{margin-bottom:4.5rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__quote{margin-bottom:4.75rem}}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__node-link{margin-bottom:8rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__node-link{margin-bottom:9rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__node-link{margin-bottom:9.5rem}}.su-stories-paragraph .su-stories-paragraph__node-link a{text-decoration:none}.su-stories-paragraph .su-stories-paragraph__node-link a:active,.su-stories-paragraph .su-stories-paragraph__node-link a:hover{text-decoration:underline}.su-stories-paragraph .su-stories-paragraph__cta-region{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:0){.su-stories-paragraph .su-stories-paragraph__cta-region{padding-bottom:6.4rem}}@media only screen and (min-width:768px){.su-stories-paragraph .su-stories-paragraph__cta-region{padding-bottom:7.2rem}}@media only screen and (min-width:1500px){.su-stories-paragraph .su-stories-paragraph__cta-region{padding-bottom:7.6rem}}.su-stories-paragraph .su-stories-paragraph__cta-region a{padding:1rem 2rem 1.15rem;background-color:#b1040e;color:#fff}.su-stories-paragraph .su-stories-paragraph__cta-region a:focus,.su-stories-paragraph .su-stories-paragraph__cta-region a:hover{background-color:#2e2d29;color:#fff}.su-stories-paragraph .su-stories-paragraph__cta-region a:focus{-webkit-box-shadow:0 0 3px #4d4f53,0 0 7px #4d4f53;box-shadow:0 0 3px #4d4f53,0 0 7px #4d4f53} \ No newline at end of file +.su-stories-paragraph .su-stories-paragraph__cta-region a { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + cursor: pointer; + display: inline-block; + border: 0; + font-size: 2rem; + font-weight: 400; + line-height: 1; + text-align: center; + text-decoration: none; + width: auto; + -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; + transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; } + .su-stories-paragraph .su-stories-paragraph__cta-region a a { + font-weight: 400; + text-decoration: none; } + .su-stories-paragraph .su-stories-paragraph__cta-region a:active, .su-stories-paragraph .su-stories-paragraph__cta-region a:focus, .su-stories-paragraph .su-stories-paragraph__cta-region a:hover { + text-decoration: underline; } + +.su-stories-paragraph .su-stories-paragraph__cta-region a { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + cursor: pointer; + display: inline-block; + border: 0; + font-size: 2rem; + font-weight: 400; + line-height: 1; + text-align: center; + text-decoration: none; + width: auto; + -webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; + transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; } + .su-stories-paragraph .su-stories-paragraph__cta-region a a { + font-weight: 400; + text-decoration: none; } + .su-stories-paragraph .su-stories-paragraph__cta-region a:active, .su-stories-paragraph .su-stories-paragraph__cta-region a:focus, .su-stories-paragraph .su-stories-paragraph__cta-region a:hover { + text-decoration: underline; } + +.su-stories-paragraph { + border: 1px solid #e3e3e3; + -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1); + box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.13), 0px 3px 6px rgba(0, 0, 0, 0.1); + display: block; + background-color: #ffffff; } + @media only screen and (min-width: 0) and (max-width: 575px) { + .su-stories-paragraph img, + .su-stories-paragraph figure { + display: none; } } + .su-stories-paragraph .su-card__contents { + font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-card__contents { + padding: 3.2rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-card__contents { + padding: 3.6rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-card__contents { + padding: 3.8rem; } } + .su-stories-paragraph .su-card__contents p { + font-size: 1.8rem; + line-height: 1.3; } + @media (max-width: 767px) { + .su-stories-paragraph .su-card__contents p { + font-size: 1.6rem; } } + .su-stories-paragraph .su-card__contents > *:first-child { + padding-top: 0; + margin-top: -0.3em; } + .su-stories-paragraph .su-card__contents > *:last-child:not(.su-card__button) { + padding-bottom: 0; + margin-bottom: 0; } + .su-stories-paragraph .su-card__contents > span { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + margin-top: 0; + clear: both; + font-weight: 700; + line-height: 1.2; + font-size: 0.9em; + display: block; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-card__contents > span { + margin-bottom: 0.53rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-card__contents > span { + margin-bottom: 0.6rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-card__contents > span { + margin-bottom: 0.63rem; } } + .su-stories-paragraph .su-card__contents > span a { + text-decoration: none; + font-weight: 700; } + .su-stories-paragraph .su-card__contents > h2 { + font-size: 1.5625em; + letter-spacing: -0.012em; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-card__contents > h2 { + margin-bottom: 1.07rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-card__contents > h2 { + margin-bottom: 1.2rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-card__contents > h2 { + margin-bottom: 1.27rem; } } + .su-stories-paragraph .su-card__contents > h2 > a { + font-weight: 700; + -webkit-transition: color 0.3s ease-out; + transition: color 0.3s ease-out; } + .su-stories-paragraph .su-card__contents > h2 > a:hover, .su-stories-paragraph .su-card__contents > h2 > a:focus { + color: #b1040e; + text-decoration: underline; } + .su-stories-paragraph .su-card__contents > div:not(.su-card__button) { + line-height: 1.4; } + .su-stories-paragraph .su-card__contents > div:not(.su-card__button), + .su-stories-paragraph .su-card__contents > p:last-of-type { + margin-bottom: 0; } + .su-stories-paragraph .su-card__contents > .su-link--action:not(:first-child), + .su-stories-paragraph .su-card__contents > a:not(:first-child) { + display: inline-block; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-card__contents > .su-link--action:not(:first-child), + .su-stories-paragraph .su-card__contents > a:not(:first-child) { + margin-top: 1.07rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-card__contents > .su-link--action:not(:first-child), + .su-stories-paragraph .su-card__contents > a:not(:first-child) { + margin-top: 1.2rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-card__contents > .su-link--action:not(:first-child), + .su-stories-paragraph .su-card__contents > a:not(:first-child) { + margin-top: 1.27rem; } } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-card__button { + margin-top: 2.31rem; + margin-bottom: 0.53rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-card__button { + margin-top: 2.6rem; + margin-bottom: 0.6rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-card__button { + margin-top: 2.74rem; + margin-bottom: 0.63rem; } } + @media only screen and (min-width: 0) and (max-width: 575px) { + .su-stories-paragraph .su-card__button .su-button { + width: auto; } } + .su-stories-paragraph a .su-media__wrapper img { + -webkit-transition: -webkit-transform 0.3s ease-in-out; + transition: -webkit-transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out; + transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } + .su-stories-paragraph a:hover .su-media__wrapper img, .su-stories-paragraph a:focus .su-media__wrapper img { + -webkit-transform: scale(1.03); + transform: scale(1.03); } + .su-stories-paragraph .su-stories-paragraph__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: start; + -ms-flex-pack: start; + justify-content: flex-start; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__content { + padding: 3.2rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__content { + padding: 3.6rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__content { + padding: 3.8rem; } } + @media (max-width: 767px) { + .su-stories-paragraph .su-stories-paragraph__content { + display: block; } } + @media only screen and (max-width: 767px) and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__content { + padding-top: 1.6rem; } } + @media only screen and (max-width: 767px) and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__content { + padding-top: 1.8rem; } } + @media only screen and (max-width: 767px) and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__content { + padding-top: 1.9rem; } } + .su-stories-paragraph .su-stories-paragraph__photo .stanford-stories-photo-border { + display: none; } + .su-stories-paragraph .su-stories-paragraph__photo.border-color-default img { + border: 6px #000000 solid; } + .su-stories-paragraph .su-stories-paragraph__photo.border-color-1 img { + border: 6px #00ece9 solid; } + .su-stories-paragraph .su-stories-paragraph__photo.border-color-2 img { + border: 6px #ff525c solid; } + .su-stories-paragraph .su-stories-paragraph__photo.border-color-3 img { + border: 6px #ffbd54 solid; } + .su-stories-paragraph .su-stories-paragraph__photo img { + width: 290px; + height: 290px; + min-width: 290px; + min-height: 290px; + border-radius: 50%; + overflow: hidden; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-left: 3.2rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-left: 3.6rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-left: 3.8rem; } } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-right: 6.4rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-right: 7.2rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-right: 7.6rem; } } + @media (min-width: 768px) and (max-width: 1199px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + width: 255px; + height: 255px; + min-width: 255px; + min-height: 255px; } } + @media (max-width: 767px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + display: block; + margin-left: auto; + margin-right: auto; + padding: 0; + width: 220px; + height: 220px; + min-width: 220px; + min-height: 220px; } } + @media only screen and (max-width: 767px) and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-top: 3.2rem; } } + @media only screen and (max-width: 767px) and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-top: 3.6rem; } } + @media only screen and (max-width: 767px) and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-top: 3.8rem; } } + @media only screen and (max-width: 767px) and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-bottom: 3.2rem; } } + @media only screen and (max-width: 767px) and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-bottom: 3.6rem; } } + @media only screen and (max-width: 767px) and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__photo img { + margin-bottom: 3.8rem; } } + @media (max-width: 767px) { + .su-stories-paragraph .su-stories__details { + display: block; } } + .su-stories-paragraph .su-stories-paragraph__name { + font-size: 1.25em; + letter-spacing: -0.01em; + font-weight: 800; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__name { + margin-top: 1.6rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__name { + margin-top: 1.8rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__name { + margin-top: 1.9rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__title { + font-size: 2.1rem; + line-height: 1.7; } } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__title { + margin-bottom: 1.6rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__title { + margin-bottom: 1.8rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__title { + margin-bottom: 1.9rem; } } + .su-stories-paragraph .su-stories-paragraph__quote { + font-size: 2.44140625em; + letter-spacing: -0.016em; + font-weight: 800; } + @media (max-width: 767px) { + .su-stories-paragraph .su-stories-paragraph__quote { + font-size: 2.0751953125em; } } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__quote { + margin-bottom: 4rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__quote { + margin-bottom: 4.5rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__quote { + margin-bottom: 4.75rem; } } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__node-link { + margin-bottom: 8rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__node-link { + margin-bottom: 9rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__node-link { + margin-bottom: 9.5rem; } } + .su-stories-paragraph .su-stories-paragraph__node-link a { + text-decoration: none; } + .su-stories-paragraph .su-stories-paragraph__node-link a:hover { + text-decoration: underline; } + .su-stories-paragraph .su-stories-paragraph__node-link a:active { + text-decoration: underline; } + .su-stories-paragraph .su-stories-paragraph__cta-region { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + @media only screen and (min-width: 0) { + .su-stories-paragraph .su-stories-paragraph__cta-region { + padding-bottom: 6.4rem; } } + @media only screen and (min-width: 768px) { + .su-stories-paragraph .su-stories-paragraph__cta-region { + padding-bottom: 7.2rem; } } + @media only screen and (min-width: 1500px) { + .su-stories-paragraph .su-stories-paragraph__cta-region { + padding-bottom: 7.6rem; } } + .su-stories-paragraph .su-stories-paragraph__cta-region a { + padding: 1rem 2rem 1.15rem; + background-color: #b1040e; + color: #ffffff; + color: #fff; } + .su-stories-paragraph .su-stories-paragraph__cta-region a:hover, .su-stories-paragraph .su-stories-paragraph__cta-region a:focus { + background-color: #2e2d29; + color: #ffffff; } + .su-stories-paragraph .su-stories-paragraph__cta-region a:focus { + -webkit-box-shadow: 0 0 3px #4d4f53, 0 0 7px #4d4f53; + box-shadow: 0 0 3px #4d4f53, 0 0 7px #4d4f53; } + + +/*# sourceMappingURL=stories-paragraph.styles.css.map*/ \ No newline at end of file diff --git a/dist/js/soe_paragraphs.script.js b/dist/js/soe_paragraphs.script.js index 3f6bca9..ae5fdb3 100644 --- a/dist/js/soe_paragraphs.script.js +++ b/dist/js/soe_paragraphs.script.js @@ -1,2 +1,132 @@ -!function(n){var r={};function o(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,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=0)}([function(e,t,n){"use strict";n.r(t);n(1)},function(e,t){window.Drupal.behaviors.soe_paragraphs={attach:function(){},detach:function(){}}}]); +/******/ (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/soe_paragraphs.js"); +/******/ }) +/************************************************************************/ +/******/ ({ + +/***/ "./lib/js/soe_paragraphs.behavior.js": +/*!*******************************************!*\ + !*** ./lib/js/soe_paragraphs.behavior.js ***! + \*******************************************/ +/*! no static exports found */ +/***/ (function(module, exports) { + +/** + * Behavior Example that works with Webpack. + * + * @see: https://www.npmjs.com/package/drupal-behaviors-loader + * + * Webpack wraps everything in enclosures and hides the global variables from + * scripts so special handling is needed. + */ +window.Drupal.behaviors.soe_paragraphs = { + // Attach Drupal Behavior. + attach: function attach(context, settings) {// console.log("Attached."); + }, + // Detach Example. + detach: function detach() {// console.log("Detached."); + } +}; + +/***/ }), + +/***/ "./lib/js/soe_paragraphs.js": +/*!**********************************!*\ + !*** ./lib/js/soe_paragraphs.js ***! + \**********************************/ +/*! no exports provided */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { + +"use strict"; +__webpack_require__.r(__webpack_exports__); +/* harmony import */ var _soe_paragraphs_behavior_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./soe_paragraphs.behavior.js */ "./lib/js/soe_paragraphs.behavior.js"); +/* harmony import */ var _soe_paragraphs_behavior_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_soe_paragraphs_behavior_js__WEBPACK_IMPORTED_MODULE_0__); +// Main Webpack entry file. + // Your code goes below. + +/***/ }) + +/******/ }); //# sourceMappingURL=soe_paragraphs.script.js.map \ No newline at end of file diff --git a/lib/scss/components/image-cta/_image_cta.scss b/lib/scss/components/image-cta/_image_cta.scss index 2561f4d..58f277b 100644 --- a/lib/scss/components/image-cta/_image_cta.scss +++ b/lib/scss/components/image-cta/_image_cta.scss @@ -27,6 +27,7 @@ img { width: 100%; } + } .su-image-cta-paragraph__link { diff --git a/modules/soe_paragraph_image_cta/config/install/core.entity_view_display.paragraph.stanford_image_cta.default.yml b/modules/soe_paragraph_image_cta/config/install/core.entity_view_display.paragraph.stanford_image_cta.default.yml index d9da466..2bea717 100644 --- a/modules/soe_paragraph_image_cta/config/install/core.entity_view_display.paragraph.stanford_image_cta.default.yml +++ b/modules/soe_paragraph_image_cta/config/install/core.entity_view_display.paragraph.stanford_image_cta.default.yml @@ -39,6 +39,16 @@ content: view_mode: default image_style: '' link: false + image: + image_formatter: image_style + image_formatter_image_style: large + image_formatter_responsive_image_style: full_responsive + image_formatter_view_mode: default + video: + video_formatter: entity + video_formatter_view_mode: default + other: + view_mode: default third_party_settings: field_formatter_class: class: su-image-cta-paragraph__image diff --git a/modules/soe_paragraph_image_cta/templates/image-cta-paragraph.html.twig b/modules/soe_paragraph_image_cta/templates/image-cta-paragraph.html.twig index 4e8a2ba..bdb76f5 100644 --- a/modules/soe_paragraph_image_cta/templates/image-cta-paragraph.html.twig +++ b/modules/soe_paragraph_image_cta/templates/image-cta-paragraph.html.twig @@ -13,6 +13,7 @@ * */ #} + {%- set image_field_keys = image|keys -%} {%- set image_field_name = image_field_keys[0] -%} {%- set image_field_info = image[image_field_name] -%} @@ -23,6 +24,7 @@ {%- set link_field_items = link_field_info["#items"] -%} {%- set link_uri = link_field_items[0].uri -%} {%- set attributes = attributes.addClass(['su-image-cta-paragraph', modifier_class]) -%} + {% if image_field_items is not empty %} {{ link(image, link_uri, {'tabindex': '-1', 'aria-hidden': 'true', 'role': 'presentation'}) }} diff --git a/modules/soe_paragraph_stories/soe_paragraph_stories.info.yml b/modules/soe_paragraph_stories/soe_paragraph_stories.info.yml index 9881141..9a349be 100644 --- a/modules/soe_paragraph_stories/soe_paragraph_stories.info.yml +++ b/modules/soe_paragraph_stories/soe_paragraph_stories.info.yml @@ -9,4 +9,4 @@ dependencies: - paragraphs:paragraphs - drupal:text - soe_paragraphs:soe_paragraphs -version: 8.x-1.0 +version: 8.x-1.0 \ No newline at end of file