Skip to content
Snippets Groups Projects
Commit 5e4e49d5 authored by Brian Canini's avatar Brian Canini
Browse files

asc_bootstrap - sass updates, link and heading colors for accordions w/ bkgd... 

asc_bootstrap - sass updates, link and heading colors for accordions w/ bkgd color, accessibility updates for accordions and slideshow, adding class to paragraph 2 and 3 columns to signify number of cols, updating sass so that headings in paragraph 2 and 3 cols line up with top of div, adding nav hide to basic page slideshows
parent 41360177
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 230 additions and 139 deletions
web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
+ 8
− 0
View file @ 5e4e49d5
...@@ -25,6 +25,13 @@ ...@@ -25,6 +25,13 @@
padding: 20px; padding: 20px;
} }
.para_2_col, .para_3_col {
h2, h3, h4, h5, h6 {
margin-top: 0;
line-height: 20px;
}
}
.paragraph__column { .paragraph__column {
width: $full; width: $full;
float: left; float: left;
...@@ -227,6 +234,7 @@ ...@@ -227,6 +234,7 @@
p { p {
font-size: 18px; font-size: 18px;
margin: 25px 0; margin: 25px 0;
color: $gray-dark;
@media (max-width: 768px) { @media (max-width: 768px) {
display: none; display: none;
......
web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
+ 31
− 0
View file @ 5e4e49d5
...@@ -163,6 +163,11 @@ ...@@ -163,6 +163,11 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
} }
.tab-header { .tab-header {
...@@ -202,6 +207,7 @@ ...@@ -202,6 +207,7 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
} }
.tab-header { .tab-header {
...@@ -241,6 +247,11 @@ ...@@ -241,6 +247,11 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
} }
.tab-header { .tab-header {
...@@ -280,6 +291,11 @@ ...@@ -280,6 +291,11 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
} }
.tab-header { .tab-header {
...@@ -319,6 +335,11 @@ ...@@ -319,6 +335,11 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
} }
.tab-header { .tab-header {
...@@ -358,6 +379,11 @@ ...@@ -358,6 +379,11 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
} }
.tab-header { .tab-header {
...@@ -397,6 +423,11 @@ ...@@ -397,6 +423,11 @@
a { a {
color: $white; color: $white;
text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
color: $white;
} }
.tab-header { .tab-header {
......
web/themes/asc_bootstrap/css/style.css
+ 153
− 115
View file @ 5e4e49d5
...@@ -9575,269 +9575,300 @@ h5, h6 { ...@@ -9575,269 +9575,300 @@ h5, h6 {
/* line 164, ../assets/sass/layout/_section-background-colors.scss */ /* line 164, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg a { .dgray-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
}
/* line 169, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg h1, .dgray-bg h2, .dgray-bg h3, .dgray-bg h4, .dgray-bg h5, .dgray-bg h6 {
color: #ffffff;
} }
/* line 168, ../assets/sass/layout/_section-background-colors.scss */ /* line 173, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .tab-header { .dgray-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 172, ../assets/sass/layout/_section-background-colors.scss */ /* line 177, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .accordion-header { .dgray-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 176, ../assets/sass/layout/_section-background-colors.scss */ /* line 181, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .panel { .dgray-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 180, ../assets/sass/layout/_section-background-colors.scss */ /* line 185, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .field--name-field-pull-quote { .dgray-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 185, ../assets/sass/layout/_section-background-colors.scss */ /* line 190, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .paragraph--type--tabs a:hover { .dgray-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 189, ../assets/sass/layout/_section-background-colors.scss */ /* line 194, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .field--name-field-callout-link a:hover { .dgray-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 194, ../assets/sass/layout/_section-background-colors.scss */ /* line 199, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg { .dscarlet-bg {
background-color: #830000; background-color: #830000;
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
/* line 199, ../assets/sass/layout/_section-background-colors.scss */ /* line 204, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg p { .dscarlet-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 203, ../assets/sass/layout/_section-background-colors.scss */ /* line 208, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg a { .dscarlet-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
} }
/* line 207, ../assets/sass/layout/_section-background-colors.scss */ /* line 213, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .tab-header { .dscarlet-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 211, ../assets/sass/layout/_section-background-colors.scss */ /* line 217, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .accordion-header { .dscarlet-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 215, ../assets/sass/layout/_section-background-colors.scss */ /* line 221, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .panel { .dscarlet-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 219, ../assets/sass/layout/_section-background-colors.scss */ /* line 225, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .field--name-field-pull-quote { .dscarlet-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 224, ../assets/sass/layout/_section-background-colors.scss */ /* line 230, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .paragraph--type--tabs a:hover { .dscarlet-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 228, ../assets/sass/layout/_section-background-colors.scss */ /* line 234, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .field--name-field-callout-link a:hover { .dscarlet-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 233, ../assets/sass/layout/_section-background-colors.scss */ /* line 239, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg { .dviolet-bg {
background-color: #5d1542; background-color: #5d1542;
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
/* line 238, ../assets/sass/layout/_section-background-colors.scss */ /* line 244, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg p { .dviolet-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 242, ../assets/sass/layout/_section-background-colors.scss */ /* line 248, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg a { .dviolet-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
}
/* line 253, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg h1, .dviolet-bg h2, .dviolet-bg h3, .dviolet-bg h4, .dviolet-bg h5, .dviolet-bg h6 {
color: #ffffff;
} }
/* line 246, ../assets/sass/layout/_section-background-colors.scss */ /* line 257, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .tab-header { .dviolet-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 250, ../assets/sass/layout/_section-background-colors.scss */ /* line 261, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .accordion-header { .dviolet-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 254, ../assets/sass/layout/_section-background-colors.scss */ /* line 265, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .panel { .dviolet-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 258, ../assets/sass/layout/_section-background-colors.scss */ /* line 269, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .field--name-field-pull-quote { .dviolet-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 263, ../assets/sass/layout/_section-background-colors.scss */ /* line 274, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .paragraph--type--tabs a:hover { .dviolet-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 267, ../assets/sass/layout/_section-background-colors.scss */ /* line 278, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .field--name-field-callout-link a:hover { .dviolet-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 272, ../assets/sass/layout/_section-background-colors.scss */ /* line 283, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg { .dteal-bg {
background-color: #1b494c; background-color: #1b494c;
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
/* line 277, ../assets/sass/layout/_section-background-colors.scss */ /* line 288, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg p { .dteal-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 281, ../assets/sass/layout/_section-background-colors.scss */ /* line 292, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg a { .dteal-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
}
/* line 297, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg h1, .dteal-bg h2, .dteal-bg h3, .dteal-bg h4, .dteal-bg h5, .dteal-bg h6 {
color: #ffffff;
} }
/* line 285, ../assets/sass/layout/_section-background-colors.scss */ /* line 301, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .tab-header { .dteal-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 289, ../assets/sass/layout/_section-background-colors.scss */ /* line 305, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .accordion-header { .dteal-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 293, ../assets/sass/layout/_section-background-colors.scss */ /* line 309, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .panel { .dteal-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 297, ../assets/sass/layout/_section-background-colors.scss */ /* line 313, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .field--name-field-pull-quote { .dteal-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 302, ../assets/sass/layout/_section-background-colors.scss */ /* line 318, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .paragraph--type--tabs a:hover { .dteal-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 306, ../assets/sass/layout/_section-background-colors.scss */ /* line 322, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .field--name-field-callout-link a:hover { .dteal-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 311, ../assets/sass/layout/_section-background-colors.scss */ /* line 327, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg { .dpurple-bg {
background-color: #442369; background-color: #442369;
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
/* line 316, ../assets/sass/layout/_section-background-colors.scss */ /* line 332, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg p { .dpurple-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 320, ../assets/sass/layout/_section-background-colors.scss */ /* line 336, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg a { .dpurple-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
}
/* line 341, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg h1, .dpurple-bg h2, .dpurple-bg h3, .dpurple-bg h4, .dpurple-bg h5, .dpurple-bg h6 {
color: #ffffff;
} }
/* line 324, ../assets/sass/layout/_section-background-colors.scss */ /* line 345, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .tab-header { .dpurple-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 328, ../assets/sass/layout/_section-background-colors.scss */ /* line 349, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .accordion-header { .dpurple-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 332, ../assets/sass/layout/_section-background-colors.scss */ /* line 353, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .panel { .dpurple-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 336, ../assets/sass/layout/_section-background-colors.scss */ /* line 357, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .field--name-field-pull-quote { .dpurple-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 341, ../assets/sass/layout/_section-background-colors.scss */ /* line 362, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .paragraph--type--tabs a:hover { .dpurple-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 345, ../assets/sass/layout/_section-background-colors.scss */ /* line 366, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .field--name-field-callout-link a:hover { .dpurple-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 350, ../assets/sass/layout/_section-background-colors.scss */ /* line 371, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg { .dgreen-bg {
background-color: #565b22; background-color: #565b22;
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
/* line 355, ../assets/sass/layout/_section-background-colors.scss */ /* line 376, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg p { .dgreen-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 359, ../assets/sass/layout/_section-background-colors.scss */ /* line 380, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg a { .dgreen-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
} }
/* line 363, ../assets/sass/layout/_section-background-colors.scss */ /* line 385, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg h1, .dgreen-bg h2, .dgreen-bg h3, .dgreen-bg h4, .dgreen-bg h5, .dgreen-bg h6 {
color: #ffffff;
}
/* line 389, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .tab-header { .dgreen-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 367, ../assets/sass/layout/_section-background-colors.scss */ /* line 393, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .accordion-header { .dgreen-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 371, ../assets/sass/layout/_section-background-colors.scss */ /* line 397, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .panel { .dgreen-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 375, ../assets/sass/layout/_section-background-colors.scss */ /* line 401, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .field--name-field-pull-quote { .dgreen-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 380, ../assets/sass/layout/_section-background-colors.scss */ /* line 406, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .paragraph--type--tabs a:hover { .dgreen-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 384, ../assets/sass/layout/_section-background-colors.scss */ /* line 410, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .field--name-field-callout-link a:hover { .dgreen-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 389, ../assets/sass/layout/_section-background-colors.scss */ /* line 415, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg { .dorange-bg {
background-color: #953d1c; background-color: #953d1c;
color: #ffffff; color: #ffffff;
padding: 16px; padding: 16px;
} }
/* line 394, ../assets/sass/layout/_section-background-colors.scss */ /* line 420, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg p { .dorange-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 398, ../assets/sass/layout/_section-background-colors.scss */ /* line 424, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg a { .dorange-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline;
}
/* line 429, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg h1, .dorange-bg h2, .dorange-bg h3, .dorange-bg h4, .dorange-bg h5, .dorange-bg h6 {
color: #ffffff;
} }
/* line 402, ../assets/sass/layout/_section-background-colors.scss */ /* line 433, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .tab-header { .dorange-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 406, ../assets/sass/layout/_section-background-colors.scss */ /* line 437, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .accordion-header { .dorange-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 410, ../assets/sass/layout/_section-background-colors.scss */ /* line 441, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .panel { .dorange-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 414, ../assets/sass/layout/_section-background-colors.scss */ /* line 445, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .field--name-field-pull-quote { .dorange-bg .field--name-field-pull-quote {
border-top-color: #ffffff; border-top-color: #ffffff;
border-bottom-color: #ffffff; border-bottom-color: #ffffff;
} }
/* line 419, ../assets/sass/layout/_section-background-colors.scss */ /* line 450, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .paragraph--type--tabs a:hover { .dorange-bg .paragraph--type--tabs a:hover {
color: #555555; color: #555555;
} }
/* line 423, ../assets/sass/layout/_section-background-colors.scss */ /* line 454, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .field--name-field-callout-link a:hover { .dorange-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
...@@ -10743,96 +10774,102 @@ article.news-story { ...@@ -10743,96 +10774,102 @@ article.news-story {
padding: 20px; padding: 20px;
} }
/* line 28, ../assets/sass/components/_paragraphs.scss */ /* line 29, ../assets/sass/components/_paragraphs.scss */
.para_2_col h2, .para_2_col h3, .para_2_col h4, .para_2_col h5, .para_2_col h6, .para_3_col h2, .para_3_col h3, .para_3_col h4, .para_3_col h5, .para_3_col h6 {
margin-top: 0;
line-height: 20px;
}
/* line 35, ../assets/sass/components/_paragraphs.scss */
.paragraph__column { .paragraph__column {
width: 100%; width: 100%;
float: left; float: left;
} }
/* line 32, ../assets/sass/components/_paragraphs.scss */ /* line 39, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-l { .paragraph__column .col-l {
padding-left: 0; padding-left: 0;
padding-right: 15px; padding-right: 15px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 32, ../assets/sass/components/_paragraphs.scss */ /* line 39, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-l { .paragraph__column .col-l {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
/* line 42, ../assets/sass/components/_paragraphs.scss */ /* line 49, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-m { .paragraph__column .col-m {
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 42, ../assets/sass/components/_paragraphs.scss */ /* line 49, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-m { .paragraph__column .col-m {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
/* line 52, ../assets/sass/components/_paragraphs.scss */ /* line 59, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-r { .paragraph__column .col-r {
padding-right: 0; padding-right: 0;
padding-left: 15px; padding-left: 15px;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 52, ../assets/sass/components/_paragraphs.scss */ /* line 59, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-r { .paragraph__column .col-r {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
} }
/* line 62, ../assets/sass/components/_paragraphs.scss */ /* line 69, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-f { .paragraph__column .col-f {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 67, ../assets/sass/components/_paragraphs.scss */ /* line 74, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .container { .paragraph__column .container {
padding: 0; padding: 0;
} }
/* line 72, ../assets/sass/components/_paragraphs.scss */ /* line 79, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .container .call-out-container { .paragraph__column .container .call-out-container {
margin: 15px 0; margin: 15px 0;
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 78, ../assets/sass/components/_paragraphs.scss */ /* line 85, ../assets/sass/components/_paragraphs.scss */
.paragraph__column .col-xs-12 { .paragraph__column .col-xs-12 {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
/* line 92, ../assets/sass/components/_paragraphs.scss */ /* line 99, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .field { .paragraph--type--accordion .field {
padding: 20px; padding: 20px;
} }
/* line 95, ../assets/sass/components/_paragraphs.scss */ /* line 102, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .field p { .paragraph--type--accordion .field p {
margin: 0 0 16px; margin: 0 0 16px;
} }
/* line 100, ../assets/sass/components/_paragraphs.scss */ /* line 107, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .field--name-field-media-file { .paragraph--type--accordion .field--name-field-media-file {
padding: 0; padding: 0;
margin-bottom: 15px; margin-bottom: 15px;
} }
/* line 105, ../assets/sass/components/_paragraphs.scss */ /* line 112, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .panel-default { .paragraph--type--accordion .panel-default {
border: none; border: none;
} }
/* line 109, ../assets/sass/components/_paragraphs.scss */ /* line 116, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .panel-heading { .paragraph--type--accordion .panel-heading {
border: none; border: none;
} }
/* line 113, ../assets/sass/components/_paragraphs.scss */ /* line 120, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .card-header { .paragraph--type--accordion .card-header {
margin: 0 0 10px; margin: 0 0 10px;
background: #f5f5f5; background: #f5f5f5;
} }
/* line 117, ../assets/sass/components/_paragraphs.scss */ /* line 124, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .card-header .panel-title { .paragraph--type--accordion .card-header .panel-title {
color: #b00; color: #b00;
padding: 3px 15px; padding: 3px 15px;
...@@ -10844,42 +10881,42 @@ article.news-story { ...@@ -10844,42 +10881,42 @@ article.news-story {
text-align: left; text-align: left;
outline: none; outline: none;
} }
/* line 129, ../assets/sass/components/_paragraphs.scss */ /* line 136, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .card-header svg, .paragraph--type--accordion .card-header i { .paragraph--type--accordion .card-header svg, .paragraph--type--accordion .card-header i {
float: right; float: right;
margin-top: 5px; margin-top: 5px;
color: #787878; color: #787878;
} }
/* line 137, ../assets/sass/components/_paragraphs.scss */ /* line 144, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--accordion .panel div:nth-last-child(2) { .paragraph--type--accordion .panel div:nth-last-child(2) {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
/* line 146, ../assets/sass/components/_paragraphs.scss */ /* line 153, ../assets/sass/components/_paragraphs.scss */
.btn-par { .btn-par {
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
} }
/* line 150, ../assets/sass/components/_paragraphs.scss */ /* line 157, ../assets/sass/components/_paragraphs.scss */
.btn-par .fa-angle-right { .btn-par .fa-angle-right {
margin-left: 10px; margin-left: 10px;
} }
/* line 163, ../assets/sass/components/_paragraphs.scss */ /* line 170, ../assets/sass/components/_paragraphs.scss */
.file .file-icon span { .file .file-icon span {
color: #bb0000; color: #bb0000;
} }
/* line 170, ../assets/sass/components/_paragraphs.scss */ /* line 177, ../assets/sass/components/_paragraphs.scss */
.file .file-link a { .file .file-link a {
color: #bb0000; color: #bb0000;
} }
/* line 175, ../assets/sass/components/_paragraphs.scss */ /* line 182, ../assets/sass/components/_paragraphs.scss */
.file .file-size { .file .file-size {
color: #bb0000; color: #bb0000;
} }
/* line 185, ../assets/sass/components/_paragraphs.scss */ /* line 192, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container { .slide-txt-container {
width: 100%; width: 100%;
position: absolute; position: absolute;
...@@ -10888,7 +10925,7 @@ article.news-story { ...@@ -10888,7 +10925,7 @@ article.news-story {
z-index: 100; z-index: 100;
height: 100%; height: 100%;
} }
/* line 193, ../assets/sass/components/_paragraphs.scss */ /* line 200, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt { .slide-txt-container .slide-txt {
background-color: rgba(255, 255, 255, 0.7); background-color: rgba(255, 255, 255, 0.7);
padding: 20px; padding: 20px;
...@@ -10900,7 +10937,7 @@ article.news-story { ...@@ -10900,7 +10937,7 @@ article.news-story {
transform: perspective(1px) translateY(-50%); transform: perspective(1px) translateY(-50%);
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 193, ../assets/sass/components/_paragraphs.scss */ /* line 200, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt { .slide-txt-container .slide-txt {
width: 80%; width: 80%;
top: 45%; top: 45%;
...@@ -10910,7 +10947,7 @@ article.news-story { ...@@ -10910,7 +10947,7 @@ article.news-story {
justify-content: center; justify-content: center;
} }
} }
/* line 214, ../assets/sass/components/_paragraphs.scss */ /* line 221, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 { .slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 36px; font-size: 36px;
text-transform: uppercase; text-transform: uppercase;
...@@ -10919,30 +10956,31 @@ article.news-story { ...@@ -10919,30 +10956,31 @@ article.news-story {
line-height: 1.1; line-height: 1.1;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 214, ../assets/sass/components/_paragraphs.scss */ /* line 221, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 { .slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 15px; font-size: 15px;
margin-top: 0; margin-top: 0;
} }
} }
/* line 227, ../assets/sass/components/_paragraphs.scss */ /* line 234, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p { .slide-txt-container .slide-txt .slide-txt-wrapper p {
font-size: 18px; font-size: 18px;
margin: 25px 0; margin: 25px 0;
color: #333333;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 227, ../assets/sass/components/_paragraphs.scss */ /* line 234, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p { .slide-txt-container .slide-txt .slide-txt-wrapper p {
display: none; display: none;
} }
} }
/* line 236, ../assets/sass/components/_paragraphs.scss */ /* line 244, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
font-size: 18px; font-size: 18px;
} }
/* line 241, ../assets/sass/components/_paragraphs.scss */ /* line 249, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
min-width: 25%; min-width: 25%;
margin: 10px; margin: 10px;
...@@ -10952,23 +10990,23 @@ article.news-story { ...@@ -10952,23 +10990,23 @@ article.news-story {
text-transform: uppercase; text-transform: uppercase;
padding: 5px; padding: 5px;
} }
/* line 250, ../assets/sass/components/_paragraphs.scss */ /* line 258, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper .btn-primary { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper .btn-primary {
background-color: transparent; background-color: transparent;
border-color: transparent; border-color: transparent;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
} }
/* line 257, ../assets/sass/components/_paragraphs.scss */ /* line 265, ../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 { .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; padding-top: 1px;
} }
/* line 261, ../assets/sass/components/_paragraphs.scss */ /* line 269, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper:hover { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper:hover {
background: #8E0101; background: #8E0101;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 241, ../assets/sass/components/_paragraphs.scss */ /* line 249, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
display: block; display: block;
width: 100%; width: 100%;
...@@ -10976,13 +11014,13 @@ article.news-story { ...@@ -10976,13 +11014,13 @@ article.news-story {
font-weight: 700; font-weight: 700;
} }
} }
/* line 274, ../assets/sass/components/_paragraphs.scss */ /* line 282, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
font-size: 18px; font-size: 18px;
} }
/* line 279, ../assets/sass/components/_paragraphs.scss */ /* line 287, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
min-width: 40%; min-width: 40%;
margin: 10px; margin: 10px;
...@@ -10992,23 +11030,23 @@ article.news-story { ...@@ -10992,23 +11030,23 @@ article.news-story {
text-transform: uppercase; text-transform: uppercase;
padding: 5px; padding: 5px;
} }
/* line 288, ../assets/sass/components/_paragraphs.scss */ /* line 296, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper .btn-primary { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper .btn-primary {
background-color: transparent; background-color: transparent;
border-color: transparent; border-color: transparent;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
} }
/* line 295, ../assets/sass/components/_paragraphs.scss */ /* line 303, ../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 { .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; padding-top: 1px;
} }
/* line 299, ../assets/sass/components/_paragraphs.scss */ /* line 307, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper:hover { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper:hover {
background: #8E0101; background: #8E0101;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 279, ../assets/sass/components/_paragraphs.scss */ /* line 287, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
display: block; display: block;
width: 100%; width: 100%;
...@@ -11016,13 +11054,13 @@ article.news-story { ...@@ -11016,13 +11054,13 @@ article.news-story {
font-weight: 700; font-weight: 700;
} }
} }
/* line 312, ../assets/sass/components/_paragraphs.scss */ /* line 320, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 {
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
font-size: 18px; font-size: 18px;
} }
/* line 317, ../assets/sass/components/_paragraphs.scss */ /* line 325, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper {
min-width: 50%; min-width: 50%;
margin: 10px; margin: 10px;
...@@ -11032,23 +11070,23 @@ article.news-story { ...@@ -11032,23 +11070,23 @@ article.news-story {
text-transform: uppercase; text-transform: uppercase;
padding: 5px; padding: 5px;
} }
/* line 326, ../assets/sass/components/_paragraphs.scss */ /* line 334, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper .btn-primary { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper .btn-primary {
background-color: transparent; background-color: transparent;
border-color: transparent; border-color: transparent;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
} }
/* line 333, ../assets/sass/components/_paragraphs.scss */ /* line 341, ../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 { .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; padding-top: 1px;
} }
/* line 337, ../assets/sass/components/_paragraphs.scss */ /* line 345, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper:hover { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper:hover {
background: #8E0101; background: #8E0101;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 317, ../assets/sass/components/_paragraphs.scss */ /* line 325, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper { .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper {
display: block; display: block;
width: 100%; width: 100%;
...@@ -11057,28 +11095,28 @@ article.news-story { ...@@ -11057,28 +11095,28 @@ article.news-story {
} }
} }
/* line 361, ../assets/sass/components/_paragraphs.scss */ /* line 369, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tagline { .paragraph--type--tagline {
margin: 20px 0; margin: 20px 0;
float: left; float: left;
} }
/* line 371, ../assets/sass/components/_paragraphs.scss */ /* line 379, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field { .paragraph--type--tabs .field {
padding: 20px; padding: 20px;
} }
/* line 381, ../assets/sass/components/_paragraphs.scss */ /* line 389, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter { .para_1_col .field--name-field-media-twitter {
margin: 0 auto; margin: 0 auto;
width: 60%; width: 60%;
} }
/* line 385, ../assets/sass/components/_paragraphs.scss */ /* line 393, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter .col-xs-12 { .para_1_col .field--name-field-media-twitter .col-xs-12 {
padding: 0; padding: 0;
} }
/* line 395, ../assets/sass/components/_paragraphs.scss */ /* line 403, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--video iframe { .paragraph--type--video iframe {
width: 100% !important; width: 100% !important;
} }
......
web/themes/asc_bootstrap/templates/field/field--field-slides.html.twig
+ 15
− 9
View file @ 5e4e49d5
...@@ -38,12 +38,13 @@ ...@@ -38,12 +38,13 @@
#} #}
<div id="carousel" class="carousel slide" data-ride="false" data-interval="0"> <div id="carousel" class="carousel slide" data-ride="false" data-interval="0">
<!-- Indicators --> <!-- Indicators -->
{% if items|length > 1 %}
<ol class="carousel-indicators"> <ol class="carousel-indicators">
{%- for item in items -%} {%- for item in items -%}
<li data-target="#carousel" data-slide-to="{{ loop.index0 }}" class="{% if loop.first %}active{% endif %}"></li> <li data-target="#carousel" data-slide-to="{{ loop.index0 }}" class="{% if loop.first %}active{% endif %}"></li>
{%- endfor -%} {%- endfor -%}
</ol> </ol>
{% endif %}
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
...@@ -59,14 +60,19 @@ ...@@ -59,14 +60,19 @@
<!-- Controls --> <!-- Controls -->
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev"> {% if items|length > 1 %}
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
<span class="sr-only">Previous</span> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
</a> <span class="sr-only">Previous</span>
<a class="right carousel-control" href="#carousel" role="button" data-slide="next"> </a>
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
<span class="sr-only">Next</span> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
</a> <span class="sr-only">Next</span>
</a>
{% endif %}
{# Shapes bottom div to form arrow #}
<div id="half-t-left"></div> <div id="half-t-left"></div>
<div id="half-t-right"></div> <div id="half-t-right"></div>
{# END #}
</div> </div>
web/themes/asc_bootstrap/templates/field/field--field-slides2.html.twig
+ 17
− 9
View file @ 5e4e49d5
...@@ -38,12 +38,13 @@ ...@@ -38,12 +38,13 @@
#} #}
<div id="carousel" class="carousel slide" data-ride="false" data-interval="0" style="width: 100%"> <div id="carousel" class="carousel slide" data-ride="false" data-interval="0" style="width: 100%">
<!-- Indicators --> <!-- Indicators -->
{% if items|length > 1 %}
<ol class="carousel-indicators"> <ol class="carousel-indicators">
{%- for item in items -%} {%- for item in items -%}
<li data-target="#carousel" data-slide-to="{{ loop.index0 }}" class="{% if loop.first %}active{% endif %}"></li> <li data-target="#carousel" data-slide-to="{{ loop.index0 }}" class="{% if loop.first %}active{% endif %}"></li>
{%- endfor -%} {%- endfor -%}
</ol> </ol>
{% endif %}
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
...@@ -59,14 +60,21 @@ ...@@ -59,14 +60,21 @@
<!-- Controls --> <!-- Controls -->
<a class="left carousel-control" href="#carousel" role="button" data-slide="prev"> {% if items|length > 1 %}
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span> <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
</a> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<a class="right carousel-control" href="#carousel" role="button" data-slide="next"> <span class="sr-only">Previous</span>
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </a>
<span class="sr-only">Next</span> <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
</a> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
{% endif %}
{# Shapes bottom div to form arrow #}
<div id="half-t-left"></div> <div id="half-t-left"></div>
<div id="half-t-right"></div> <div id="half-t-right"></div>
{# END #}
</div> </div>
web/themes/asc_bootstrap/templates/paragraph/paragraph--accordion.html.twig
+ 4
− 4
View file @ 5e4e49d5
...@@ -52,19 +52,19 @@ ...@@ -52,19 +52,19 @@
{% endif %} {% endif %}
{# Prints Accordion template. #} {# Prints Accordion template. #}
<div{{ attributes.addClass(classes).setAttribute('id', paragraph_id) }} role="tablist" aria-multiselectable="true"> <div{{ attributes.addClass(classes).setAttribute('id', paragraph_id) }} aria-multiselectable="true">
<div class="card panel panel-default"> <div class="card panel panel-default">
{# Loop through all of the accordion sections. #} {# Loop through all of the accordion sections. #}
{% for key, item in content.field_accordion_section if key|first != '#' %} {% for key, item in content.field_accordion_section if key|first != '#' %}
{% set rand = random(56748) %} {% set rand = random(56748) %}
<div class="card-header panel-heading hov" role="tab" id="heading-{{ key + 1 }}-{{ rand }}"> <div class="card-header panel-heading hov" id="heading-{{ key + 1 }}-{{ rand }}">
<button class="panel-title" data-toggle="collapse" data-parent="{{ paragraph_id }}" href="#collapse-{{ key + 1 }}-{{ rand }}" aria-expanded="true" aria-controls="collapse-{{ key + 1 }}-{{ rand }}" role="heading" aria-level="3"> <button class="panel-title" data-toggle="collapse" data-parent="heading-{{ key + 1 }}-{{ rand }}" href="#collapse-{{ key + 1 }}-{{ rand }}" aria-controls="collapse-{{ key + 1 }}-{{ rand }}" role="button" href="#collapse-{{ key + 1 }}-{{ rand }}">
{# Print the accordion section title. #} {# Print the accordion section title. #}
{{ item['#paragraph'].field_accordion_section_title.value }} <i class="fa fa-angle-down" aria-hidden="true"></i> {{ item['#paragraph'].field_accordion_section_title.value }} <i class="fa fa-angle-down" aria-hidden="true"></i>
</div> </div>
<div id="collapse-{{ key + 1 }}-{{ rand }}" class="card-block panel-collapse collapse" role="tabpanel" aria-labelledby="heading-{{ key + 1 }}-{{ rand }}"> <div id="collapse-{{ key + 1 }}-{{ rand }}" class="card-block panel-collapse collapse" aria-labelledby="heading-{{ key + 1 }}-{{ rand }}">
{# Loop through all of the accordion section bodies. #} {# Loop through all of the accordion section bodies. #}
{% for body_key, body_item in item['#paragraph'].field_accordion_section_body %} {% for body_key, body_item in item['#paragraph'].field_accordion_section_body %}
{# Use the same render array as item and set the '#paragraph'. #} {# Use the same render array as item and set the '#paragraph'. #}
......
web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_three.html.twig
+ 1
− 1
View file @ 5e4e49d5
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
{# Prints div with classes, and content without Width and Background. #} {# Prints div with classes, and content without Width and Background. #}
<div{{ attributes.addClass(classes) }}> <div{{ attributes.addClass(classes) }}>
<div class="paragraph__column {{ bgcolor }}"> <div class="paragraph__column {{ bgcolor }} para_3_col">
{% if page_content_type == 'landing_page' %} {% if page_content_type == 'landing_page' %}
<div class="container"> <div class="container">
......
web/themes/asc_bootstrap/templates/paragraph/paragraph--columns_two.html.twig
+ 1
− 1
View file @ 5e4e49d5
...@@ -73,7 +73,7 @@ ...@@ -73,7 +73,7 @@
{# Prints div with classes, and content without Width and Background. #} {# Prints div with classes, and content without Width and Background. #}
<div{{ attributes.addClass(classes) }}> <div{{ attributes.addClass(classes) }}>
<div class="paragraph__column {{ bgcolor }}"> <div class="paragraph__column {{ bgcolor }} para_2_col">
{% if page_content_type == 'landing_page' %} {% if page_content_type == 'landing_page' %}
<div class="container"> <div class="container">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment