From 252701a1b8954c9f75d98240b4b70d5f8fbf07da Mon Sep 17 00:00:00 2001
From: bcanini <canini.16@osu.edu>
Date: Thu, 4 Apr 2019 14:08:47 -0400
Subject: [PATCH] asc_bootstrap - updating callout boxes, fixing sidebar menu
display in mobile view, fixing active sidebar menu link margin
---
.../assets/sass/components/_paragraphs.scss | 65 +++++
.../assets/sass/components/_sidebar-menu.scss | 38 ++-
.../assets/sass/pages/_landing-page.scss | 60 ----
web/themes/asc_bootstrap/css/style.css | 275 ++++++++++--------
.../paragraph--call-out-box.html.twig | 19 +-
5 files changed, 257 insertions(+), 200 deletions(-)
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss b/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
index c8b1c9a984..d920ec954b 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
@@ -185,6 +185,71 @@
}
+// --------------------------------------------------
+
+//## Call Out Boxes.
+
+.call-out-container {
+
+ .img-link-wrapper:hover + .field--type-link a {
+ color: $brand-red;
+ text-decoration: underline;
+ }
+
+ .field--item:hover > a {
+ color: $brand-red;
+ text-decoration: underline;
+ }
+
+ a {
+ color: #444444;
+ font-size: 20px;
+ padding-top: 5px;
+ font-weight: 500;
+
+ &:hover {
+ color: $brand-red;
+ text-decoration: underline;
+ }
+ }
+
+ .field--type-link {
+ width: 100%;
+ border-bottom: $brand-red solid 5px;
+ margin-bottom: 15px;
+
+ .field--item {
+ padding: 15px;
+ background: $brand-lgray;
+ }
+
+ @media (max-width: 768px) {
+ margin-bottom: 0;
+ }
+ }
+}
+
+.dgray-bg,
+.dscarlet-bg,
+.dviolet-bg,
+.dteal-bg,
+.dpurple-bg,
+.dgreen-bg,
+.dorange-bg {
+
+ .call-out-container {
+
+ a {
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+}
+
+
// ---------------------------------------------------
//## Media
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss b/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss
index 825ef9bb26..10710e00b6 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_sidebar-menu.scss
@@ -116,10 +116,32 @@
background-color: transparent;
}
- .active-link {
- background-color: $white;
- border-left: solid #D0021B 3px;
- padding-left: 5px;
+ .sidebar-nav {
+
+ .active-link {
+ background-color: $white;
+ border-left: solid #D0021B 3px;
+ padding-left: 5px;
+ margin-left: -8px;
+ }
+
+ ul {
+ .active-link {
+ margin-left: -5px;
+ }
+
+ ul {
+ .active-link {
+ margin-left: -2px;
+ }
+
+ ul {
+ .active-link {
+ margin-left: 0;
+ }
+ }
+ }
+ }
}
.link-wrapper {
@@ -147,3 +169,11 @@
}
}
+
+.region-sidebar-menu {
+
+ @media (max-width: 768px) {
+ display: none;
+ }
+}
+
diff --git a/web/themes/asc_bootstrap/assets/sass/pages/_landing-page.scss b/web/themes/asc_bootstrap/assets/sass/pages/_landing-page.scss
index 7105ac094f..9dae914e10 100644
--- a/web/themes/asc_bootstrap/assets/sass/pages/_landing-page.scss
+++ b/web/themes/asc_bootstrap/assets/sass/pages/_landing-page.scss
@@ -108,66 +108,6 @@
//## Call Out Boxes.
-.call-out-container {
-
- .img-link-wrapper:hover + .field--type-link a {
- color: $brand-red;
- text-decoration: underline;
- }
-
- .field--item:hover > a {
- color: $brand-red;
- text-decoration: underline;
- }
-
- a {
- color: #444444;
- font-size: 20px;
- padding-top: 5px;
- font-weight: 500;
-
- &:hover {
- color: $brand-red;
- text-decoration: underline;
- }
- }
-
- .field--type-link {
- width: 100%;
- margin-bottom: 15px;
-
- .field--item {
- padding: 15px;
- background: $brand-lgray;
- }
-
- @media (max-width: 768px) {
- margin-bottom: 0;
- }
- }
-}
-
-.dgray-bg,
-.dscarlet-bg,
-.dviolet-bg,
-.dteal-bg,
-.dpurple-bg,
-.dgreen-bg,
-.dorange-bg {
-
- .call-out-container {
-
- a {
- text-decoration: none;
-
- &:hover {
- text-decoration: underline;
- }
- }
- }
-}
-
-
.page-node-type-landing-page {
#half-t-left {
position: absolute;
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index ebff4c1bd4..bd2dbb9dc7 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -11040,20 +11040,81 @@ article.news-story {
background-color: #efefef;
}
-/* line 195, ../assets/sass/components/_paragraphs.scss */
+/* line 194, ../assets/sass/components/_paragraphs.scss */
+.call-out-container .img-link-wrapper:hover + .field--type-link a {
+ color: #BB0000;
+ text-decoration: underline;
+}
+/* line 199, ../assets/sass/components/_paragraphs.scss */
+.call-out-container .field--item:hover > a {
+ color: #BB0000;
+ text-decoration: underline;
+}
+/* line 204, ../assets/sass/components/_paragraphs.scss */
+.call-out-container a {
+ color: #444444;
+ font-size: 20px;
+ padding-top: 5px;
+ font-weight: 500;
+}
+/* line 210, ../assets/sass/components/_paragraphs.scss */
+.call-out-container a:hover {
+ color: #BB0000;
+ text-decoration: underline;
+}
+/* line 216, ../assets/sass/components/_paragraphs.scss */
+.call-out-container .field--type-link {
+ width: 100%;
+ border-bottom: #BB0000 solid 5px;
+ margin-bottom: 15px;
+}
+/* line 221, ../assets/sass/components/_paragraphs.scss */
+.call-out-container .field--type-link .field--item {
+ padding: 15px;
+ background: #F5F5F5;
+}
+@media (max-width: 768px) {
+ /* line 216, ../assets/sass/components/_paragraphs.scss */
+ .call-out-container .field--type-link {
+ margin-bottom: 0;
+ }
+}
+
+/* line 242, ../assets/sass/components/_paragraphs.scss */
+.dgray-bg .call-out-container a,
+.dscarlet-bg .call-out-container a,
+.dviolet-bg .call-out-container a,
+.dteal-bg .call-out-container a,
+.dpurple-bg .call-out-container a,
+.dgreen-bg .call-out-container a,
+.dorange-bg .call-out-container a {
+ text-decoration: none;
+}
+/* line 245, ../assets/sass/components/_paragraphs.scss */
+.dgray-bg .call-out-container a:hover,
+.dscarlet-bg .call-out-container a:hover,
+.dviolet-bg .call-out-container a:hover,
+.dteal-bg .call-out-container a:hover,
+.dpurple-bg .call-out-container a:hover,
+.dgreen-bg .call-out-container a:hover,
+.dorange-bg .call-out-container a:hover {
+ text-decoration: underline;
+}
+
+/* line 260, ../assets/sass/components/_paragraphs.scss */
.file .file-icon span {
color: #bb0000;
}
-/* line 202, ../assets/sass/components/_paragraphs.scss */
+/* line 267, ../assets/sass/components/_paragraphs.scss */
.file .file-link a {
color: #bb0000;
}
-/* line 207, ../assets/sass/components/_paragraphs.scss */
+/* line 272, ../assets/sass/components/_paragraphs.scss */
.file .file-size {
color: #bb0000;
}
-/* line 217, ../assets/sass/components/_paragraphs.scss */
+/* line 282, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container {
width: 100%;
position: absolute;
@@ -11062,7 +11123,7 @@ article.news-story {
z-index: 100;
height: 100%;
}
-/* line 225, ../assets/sass/components/_paragraphs.scss */
+/* line 290, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt {
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
@@ -11074,7 +11135,7 @@ article.news-story {
transform: perspective(1px) translateY(-50%);
}
@media (max-width: 768px) {
- /* line 225, ../assets/sass/components/_paragraphs.scss */
+ /* line 290, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt {
width: 80%;
top: 45%;
@@ -11084,7 +11145,7 @@ article.news-story {
justify-content: center;
}
}
-/* line 246, ../assets/sass/components/_paragraphs.scss */
+/* line 311, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 36px;
text-transform: uppercase;
@@ -11093,31 +11154,31 @@ article.news-story {
line-height: 1.1;
}
@media (max-width: 768px) {
- /* line 246, ../assets/sass/components/_paragraphs.scss */
+ /* line 311, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 15px;
margin-top: 0;
}
}
-/* line 259, ../assets/sass/components/_paragraphs.scss */
+/* line 324, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p {
font-size: 18px;
margin: 25px 0;
color: #333333;
}
@media (max-width: 768px) {
- /* line 259, ../assets/sass/components/_paragraphs.scss */
+ /* line 324, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p {
display: none;
}
}
-/* line 269, ../assets/sass/components/_paragraphs.scss */
+/* line 334, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 274, ../assets/sass/components/_paragraphs.scss */
+/* line 339, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
min-width: 25%;
margin: 10px;
@@ -11127,23 +11188,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 283, ../assets/sass/components/_paragraphs.scss */
+/* line 348, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 290, ../assets/sass/components/_paragraphs.scss */
+/* line 355, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper i {
padding-top: 1px;
}
-/* line 294, ../assets/sass/components/_paragraphs.scss */
+/* line 359, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 274, ../assets/sass/components/_paragraphs.scss */
+ /* line 339, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
display: block;
width: 100%;
@@ -11151,22 +11212,22 @@ article.news-story {
font-weight: 700;
}
}
-/* line 306, ../assets/sass/components/_paragraphs.scss */
+/* line 371, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper {
background: transparent;
color: #4A4A4A;
}
-/* line 310, ../assets/sass/components/_paragraphs.scss */
+/* line 375, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper:hover {
background: transparent;
}
-/* line 316, ../assets/sass/components/_paragraphs.scss */
+/* line 381, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 321, ../assets/sass/components/_paragraphs.scss */
+/* line 386, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
min-width: 40%;
margin: 10px;
@@ -11176,23 +11237,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 330, ../assets/sass/components/_paragraphs.scss */
+/* line 395, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 337, ../assets/sass/components/_paragraphs.scss */
+/* line 402, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper i {
padding-top: 1px;
}
-/* line 341, ../assets/sass/components/_paragraphs.scss */
+/* line 406, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 321, ../assets/sass/components/_paragraphs.scss */
+ /* line 386, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
display: block;
width: 100%;
@@ -11200,22 +11261,22 @@ article.news-story {
font-weight: 700;
}
}
-/* line 353, ../assets/sass/components/_paragraphs.scss */
+/* line 418, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper {
background: transparent;
color: #4A4A4A;
}
-/* line 357, ../assets/sass/components/_paragraphs.scss */
+/* line 422, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper:hover {
background: transparent;
}
-/* line 363, ../assets/sass/components/_paragraphs.scss */
+/* line 428, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 368, ../assets/sass/components/_paragraphs.scss */
+/* line 433, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper {
min-width: 50%;
margin: 10px;
@@ -11225,23 +11286,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 377, ../assets/sass/components/_paragraphs.scss */
+/* line 442, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 384, ../assets/sass/components/_paragraphs.scss */
+/* line 449, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper i {
padding-top: 1px;
}
-/* line 388, ../assets/sass/components/_paragraphs.scss */
+/* line 453, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 368, ../assets/sass/components/_paragraphs.scss */
+ /* line 433, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper {
display: block;
width: 100%;
@@ -11249,38 +11310,38 @@ article.news-story {
font-weight: 700;
}
}
-/* line 400, ../assets/sass/components/_paragraphs.scss */
+/* line 465, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-fullw-wrapper {
background: transparent;
color: #4A4A4A;
}
-/* line 404, ../assets/sass/components/_paragraphs.scss */
+/* line 469, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-fullw-wrapper:hover {
background: transparent;
}
-/* line 421, ../assets/sass/components/_paragraphs.scss */
+/* line 486, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tagline {
margin: 20px 0;
float: left;
}
-/* line 431, ../assets/sass/components/_paragraphs.scss */
+/* line 496, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field {
padding: 20px;
}
-/* line 441, ../assets/sass/components/_paragraphs.scss */
+/* line 506, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter {
margin: 0 auto;
width: 60%;
}
-/* line 445, ../assets/sass/components/_paragraphs.scss */
+/* line 510, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter .col-xs-12 {
padding: 0;
}
-/* line 455, ../assets/sass/components/_paragraphs.scss */
+/* line 520, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--video iframe {
width: 100% !important;
}
@@ -11804,23 +11865,36 @@ body {
#block-mainnavigation-2 .nav > li > a:hover, #block-mainnavigation-2 .nav > li > a:focus {
background-color: transparent;
}
-/* line 119, ../assets/sass/components/_sidebar-menu.scss */
-#block-mainnavigation-2 .active-link {
+/* line 121, ../assets/sass/components/_sidebar-menu.scss */
+#block-mainnavigation-2 .sidebar-nav .active-link {
background-color: #ffffff;
border-left: solid #D0021B 3px;
padding-left: 5px;
+ margin-left: -8px;
+}
+/* line 129, ../assets/sass/components/_sidebar-menu.scss */
+#block-mainnavigation-2 .sidebar-nav ul .active-link {
+ margin-left: -5px;
+}
+/* line 134, ../assets/sass/components/_sidebar-menu.scss */
+#block-mainnavigation-2 .sidebar-nav ul ul .active-link {
+ margin-left: -2px;
}
-/* line 127, ../assets/sass/components/_sidebar-menu.scss */
+/* line 139, ../assets/sass/components/_sidebar-menu.scss */
+#block-mainnavigation-2 .sidebar-nav ul ul ul .active-link {
+ margin-left: 0;
+}
+/* line 149, ../assets/sass/components/_sidebar-menu.scss */
#block-mainnavigation-2 .link-wrapper:hover {
background-color: #ffffff;
}
-/* line 132, ../assets/sass/components/_sidebar-menu.scss */
+/* line 154, ../assets/sass/components/_sidebar-menu.scss */
#block-mainnavigation-2 h2.active-link {
background-color: transparent;
border-left: none;
padding-left: 0;
}
-/* line 140, ../assets/sass/components/_sidebar-menu.scss */
+/* line 162, ../assets/sass/components/_sidebar-menu.scss */
#block-mainnavigation-2 h2 a {
color: #000000;
}
@@ -11831,6 +11905,13 @@ body {
}
}
+@media (max-width: 768px) {
+ /* line 173, ../assets/sass/components/_sidebar-menu.scss */
+ .region-sidebar-menu {
+ display: none;
+ }
+}
+
/* line 8, ../assets/sass/components/_video.scss */
.p-vid {
max-width: 560px;
@@ -12007,67 +12088,7 @@ article.page {
float: right;
}
-/* line 113, ../assets/sass/pages/_landing-page.scss */
-.call-out-container .img-link-wrapper:hover + .field--type-link a {
- color: #BB0000;
- text-decoration: underline;
-}
-/* line 118, ../assets/sass/pages/_landing-page.scss */
-.call-out-container .field--item:hover > a {
- color: #BB0000;
- text-decoration: underline;
-}
-/* line 123, ../assets/sass/pages/_landing-page.scss */
-.call-out-container a {
- color: #444444;
- font-size: 20px;
- padding-top: 5px;
- font-weight: 500;
-}
-/* line 129, ../assets/sass/pages/_landing-page.scss */
-.call-out-container a:hover {
- color: #BB0000;
- text-decoration: underline;
-}
-/* line 135, ../assets/sass/pages/_landing-page.scss */
-.call-out-container .field--type-link {
- width: 100%;
- margin-bottom: 15px;
-}
-/* line 139, ../assets/sass/pages/_landing-page.scss */
-.call-out-container .field--type-link .field--item {
- padding: 15px;
- background: #F5F5F5;
-}
-@media (max-width: 768px) {
- /* line 135, ../assets/sass/pages/_landing-page.scss */
- .call-out-container .field--type-link {
- margin-bottom: 0;
- }
-}
-
-/* line 160, ../assets/sass/pages/_landing-page.scss */
-.dgray-bg .call-out-container a,
-.dscarlet-bg .call-out-container a,
-.dviolet-bg .call-out-container a,
-.dteal-bg .call-out-container a,
-.dpurple-bg .call-out-container a,
-.dgreen-bg .call-out-container a,
-.dorange-bg .call-out-container a {
- text-decoration: none;
-}
-/* line 163, ../assets/sass/pages/_landing-page.scss */
-.dgray-bg .call-out-container a:hover,
-.dscarlet-bg .call-out-container a:hover,
-.dviolet-bg .call-out-container a:hover,
-.dteal-bg .call-out-container a:hover,
-.dpurple-bg .call-out-container a:hover,
-.dgreen-bg .call-out-container a:hover,
-.dorange-bg .call-out-container a:hover {
- text-decoration: underline;
-}
-
-/* line 172, ../assets/sass/pages/_landing-page.scss */
+/* line 112, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-left {
position: absolute;
z-index: 2;
@@ -12078,12 +12099,12 @@ article.page {
border-right: 20px solid transparent;
}
@media (max-width: 768px) {
- /* line 172, ../assets/sass/pages/_landing-page.scss */
+ /* line 112, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-left {
bottom: -2px;
}
}
-/* line 185, ../assets/sass/pages/_landing-page.scss */
+/* line 125, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-right {
position: absolute;
z-index: 2;
@@ -12095,18 +12116,18 @@ article.page {
border-left: 20px solid transparent;
}
@media (max-width: 768px) {
- /* line 185, ../assets/sass/pages/_landing-page.scss */
+ /* line 125, ../assets/sass/pages/_landing-page.scss */
.page-node-type-landing-page #half-t-right {
bottom: -2px;
}
}
-/* line 207, ../assets/sass/pages/_landing-page.scss */
+/* line 147, ../assets/sass/pages/_landing-page.scss */
.block-wrapper .region:nth-child(odd) {
background: #F5F5F5;
}
-/* line 213, ../assets/sass/pages/_landing-page.scss */
+/* line 153, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header {
text-transform: uppercase;
float: left;
@@ -12115,48 +12136,48 @@ article.page {
padding-bottom: 0;
border-bottom: 1px solid #979797;
}
-/* line 221, ../assets/sass/pages/_landing-page.scss */
+/* line 161, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-re-news {
text-align: left;
padding: 0;
}
-/* line 225, ../assets/sass/pages/_landing-page.scss */
+/* line 165, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-re-news h2 {
color: #851E5E;
font-size: 22px;
}
-/* line 231, ../assets/sass/pages/_landing-page.scss */
+/* line 171, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head {
text-align: right;
padding: 0;
}
-/* line 235, ../assets/sass/pages/_landing-page.scss */
+/* line 175, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head h3, .view-display-id-block_1 .view-header .txt-more-news-head a {
color: #851E5E;
font-size: 22px;
}
-/* line 239, ../assets/sass/pages/_landing-page.scss */
+/* line 179, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head h3 svg, .view-display-id-block_1 .view-header .txt-more-news-head a svg {
font-size: 20px;
}
@media (max-width: 768px) {
- /* line 231, ../assets/sass/pages/_landing-page.scss */
+ /* line 171, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-header .txt-more-news-head {
display: none;
}
}
-/* line 250, ../assets/sass/pages/_landing-page.scss */
+/* line 190, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-content {
float: left;
width: 100%;
}
@media (max-width: 768px) {
- /* line 255, ../assets/sass/pages/_landing-page.scss */
+ /* line 195, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-content .row {
margin-bottom: 0;
}
}
-/* line 261, ../assets/sass/pages/_landing-page.scss */
+/* line 201, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer {
text-transform: uppercase;
float: left;
@@ -12165,43 +12186,43 @@ article.page {
border-bottom: 1px solid #979797;
display: none;
}
-/* line 269, ../assets/sass/pages/_landing-page.scss */
+/* line 209, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer .txt-more-news-foot {
text-align: right;
padding: 0;
}
-/* line 273, ../assets/sass/pages/_landing-page.scss */
+/* line 213, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer .txt-more-news-foot h3, .view-display-id-block_1 .view-footer .txt-more-news-foot a {
color: #851E5E;
font-size: 22px;
}
-/* line 277, ../assets/sass/pages/_landing-page.scss */
+/* line 217, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer .txt-more-news-foot h3 svg, .view-display-id-block_1 .view-footer .txt-more-news-foot a svg {
font-size: 20px;
}
@media (max-width: 768px) {
- /* line 261, ../assets/sass/pages/_landing-page.scss */
+ /* line 201, ../assets/sass/pages/_landing-page.scss */
.view-display-id-block_1 .view-footer {
display: block;
}
}
-/* line 292, ../assets/sass/pages/_landing-page.scss */
+/* line 232, ../assets/sass/pages/_landing-page.scss */
#views-bootstrap-people-directory-block-1 .people-row .inner-people-grid {
background: #ffffff;
}
-/* line 298, ../assets/sass/pages/_landing-page.scss */
+/* line 238, ../assets/sass/pages/_landing-page.scss */
.views-field-field-evt-image .field--name-field-media-image {
padding-bottom: 0;
}
-/* line 304, ../assets/sass/pages/_landing-page.scss */
+/* line 244, ../assets/sass/pages/_landing-page.scss */
.views-field-field-news-image2 .field--name-field-media-image {
padding-bottom: 0;
}
-/* line 310, ../assets/sass/pages/_landing-page.scss */
+/* line 250, ../assets/sass/pages/_landing-page.scss */
.inner-people-grid .views-field-nothing-1 {
margin-bottom: 10px;
}
diff --git a/web/themes/asc_bootstrap/templates/paragraph/paragraph--call-out-box.html.twig b/web/themes/asc_bootstrap/templates/paragraph/paragraph--call-out-box.html.twig
index 0c30866b0d..f935ce04c9 100644
--- a/web/themes/asc_bootstrap/templates/paragraph/paragraph--call-out-box.html.twig
+++ b/web/themes/asc_bootstrap/templates/paragraph/paragraph--call-out-box.html.twig
@@ -35,15 +35,16 @@
*
*/
#}
+<div class="call-out-container">
+ {% if content.field_image_link[0]['#url'] %}
+ <a href="{{ content.field_image_link[0]['#url'] }}" title="{{ content.field_image_link.0['#title'] }}" class="img-link-wrapper">
+ {% endif %}
+ {{ content.field_bk_image }}
-{% if content.field_image_link[0]['#url'] %}
- <a href="{{ content.field_image_link[0]['#url'] }}" title="{{ content.field_image_link.0['#title'] }}" class="img-link-wrapper">
-{% endif %}
- {{ content.field_bk_image }}
-
-{% if content.field_image_link[0]['#url'] %}
- </a>
-{% endif %}
-{{ content.field_image_link }}
+ {% if content.field_image_link[0]['#url'] %}
+ </a>
+ {% endif %}
+ {{ content.field_image_link }}
+</div>
{#--{{ content.field_image_link.0 | truncate(100, true) }}--#}
--
GitLab