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

asc_bootstrap - new btn paragraph type

parent 444f7faf
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
+ 47
− 0
View file @ 30775537
...@@ -164,6 +164,26 @@ ...@@ -164,6 +164,26 @@
} }
} }
.btn-fullw-wrapper {
color: $brand-gray;
}
.btn-fullw {
width: 100%;
text-align: center;
padding: 10px;
border: solid $brand-gray 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
&:hover {
text-decoration: underline;
background-color: #efefef;
}
}
// --------------------------------------------------- // ---------------------------------------------------
...@@ -282,6 +302,15 @@ ...@@ -282,6 +302,15 @@
font-weight: 700; font-weight: 700;
} }
} }
.btn-fullw-wrapper {
background: transparent;
color: $brand-gray;
&:hover {
background: transparent;
}
}
} }
.btn-links-18 { .btn-links-18 {
...@@ -320,6 +349,15 @@ ...@@ -320,6 +349,15 @@
font-weight: 700; font-weight: 700;
} }
} }
.btn-fullw-wrapper {
background: transparent;
color: $brand-gray;
&:hover {
background: transparent;
}
}
} }
.btn-links-17 { .btn-links-17 {
...@@ -358,6 +396,15 @@ ...@@ -358,6 +396,15 @@
font-weight: 700; font-weight: 700;
} }
} }
.btn-fullw-wrapper {
background: transparent;
color: $brand-gray;
&:hover {
background: transparent;
}
}
} }
} }
......
web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
+ 56
− 0
View file @ 30775537
...@@ -194,6 +194,14 @@ ...@@ -194,6 +194,14 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
.dscarlet-bg { .dscarlet-bg {
...@@ -238,6 +246,14 @@ ...@@ -238,6 +246,14 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
.dviolet-bg { .dviolet-bg {
...@@ -282,6 +298,14 @@ ...@@ -282,6 +298,14 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
.dteal-bg { .dteal-bg {
...@@ -326,6 +350,14 @@ ...@@ -326,6 +350,14 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
.dpurple-bg { .dpurple-bg {
...@@ -370,6 +402,14 @@ ...@@ -370,6 +402,14 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
.dgreen-bg { .dgreen-bg {
...@@ -414,6 +454,14 @@ ...@@ -414,6 +454,14 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
.dorange-bg { .dorange-bg {
...@@ -458,4 +506,12 @@ ...@@ -458,4 +506,12 @@
.field--name-field-callout-link a:hover { .field--name-field-callout-link a:hover {
color: $white; color: $white;
} }
.btn-fullw {
border: solid $white 2px;
&:hover {
border: solid $brand-gray 2px;
}
}
} }
web/themes/asc_bootstrap/css/style.css
+ 198
− 93
View file @ 30775537
...@@ -9631,276 +9631,332 @@ h5, h6 { ...@@ -9631,276 +9631,332 @@ h5, h6 {
.dgray-bg .field--name-field-callout-link a:hover { .dgray-bg .field--name-field-callout-link a:hover {
color: #ffffff; color: #ffffff;
} }
/* line 198, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 201, ../assets/sass/layout/_section-background-colors.scss */
.dgray-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 199, ../assets/sass/layout/_section-background-colors.scss */ /* line 207, ../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 204, ../assets/sass/layout/_section-background-colors.scss */ /* line 212, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg p { .dscarlet-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 208, ../assets/sass/layout/_section-background-colors.scss */ /* line 216, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg a { .dscarlet-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
/* line 213, ../assets/sass/layout/_section-background-colors.scss */ /* line 221, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg h1, .dscarlet-bg h2, .dscarlet-bg h3, .dscarlet-bg h4, .dscarlet-bg h5, .dscarlet-bg h6 { .dscarlet-bg h1, .dscarlet-bg h2, .dscarlet-bg h3, .dscarlet-bg h4, .dscarlet-bg h5, .dscarlet-bg h6 {
color: #ffffff; color: #ffffff;
} }
/* line 217, ../assets/sass/layout/_section-background-colors.scss */ /* line 225, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .tab-header { .dscarlet-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 221, ../assets/sass/layout/_section-background-colors.scss */ /* line 229, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .accordion-header { .dscarlet-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 225, ../assets/sass/layout/_section-background-colors.scss */ /* line 233, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .panel { .dscarlet-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 229, ../assets/sass/layout/_section-background-colors.scss */ /* line 237, ../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 234, ../assets/sass/layout/_section-background-colors.scss */ /* line 242, ../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 238, ../assets/sass/layout/_section-background-colors.scss */ /* line 246, ../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 250, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 253, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 243, ../assets/sass/layout/_section-background-colors.scss */ /* line 259, ../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 248, ../assets/sass/layout/_section-background-colors.scss */ /* line 264, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg p { .dviolet-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 252, ../assets/sass/layout/_section-background-colors.scss */ /* line 268, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg a { .dviolet-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
/* line 257, ../assets/sass/layout/_section-background-colors.scss */ /* line 273, ../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 { .dviolet-bg h1, .dviolet-bg h2, .dviolet-bg h3, .dviolet-bg h4, .dviolet-bg h5, .dviolet-bg h6 {
color: #ffffff; color: #ffffff;
} }
/* line 261, ../assets/sass/layout/_section-background-colors.scss */ /* line 277, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .tab-header { .dviolet-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 265, ../assets/sass/layout/_section-background-colors.scss */ /* line 281, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .accordion-header { .dviolet-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 269, ../assets/sass/layout/_section-background-colors.scss */ /* line 285, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .panel { .dviolet-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 273, ../assets/sass/layout/_section-background-colors.scss */ /* line 289, ../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 278, ../assets/sass/layout/_section-background-colors.scss */ /* line 294, ../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 282, ../assets/sass/layout/_section-background-colors.scss */ /* line 298, ../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 302, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 305, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 287, ../assets/sass/layout/_section-background-colors.scss */ /* line 311, ../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 292, ../assets/sass/layout/_section-background-colors.scss */ /* line 316, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg p { .dteal-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 296, ../assets/sass/layout/_section-background-colors.scss */ /* line 320, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg a { .dteal-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
/* line 301, ../assets/sass/layout/_section-background-colors.scss */ /* line 325, ../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 { .dteal-bg h1, .dteal-bg h2, .dteal-bg h3, .dteal-bg h4, .dteal-bg h5, .dteal-bg h6 {
color: #ffffff; color: #ffffff;
} }
/* line 305, ../assets/sass/layout/_section-background-colors.scss */ /* line 329, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .tab-header { .dteal-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 309, ../assets/sass/layout/_section-background-colors.scss */ /* line 333, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .accordion-header { .dteal-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 313, ../assets/sass/layout/_section-background-colors.scss */ /* line 337, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .panel { .dteal-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 317, ../assets/sass/layout/_section-background-colors.scss */ /* line 341, ../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 322, ../assets/sass/layout/_section-background-colors.scss */ /* line 346, ../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 326, ../assets/sass/layout/_section-background-colors.scss */ /* line 350, ../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 354, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 357, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 331, ../assets/sass/layout/_section-background-colors.scss */ /* line 363, ../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 336, ../assets/sass/layout/_section-background-colors.scss */ /* line 368, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg p { .dpurple-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 340, ../assets/sass/layout/_section-background-colors.scss */ /* line 372, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg a { .dpurple-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
/* line 345, ../assets/sass/layout/_section-background-colors.scss */ /* line 377, ../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 { .dpurple-bg h1, .dpurple-bg h2, .dpurple-bg h3, .dpurple-bg h4, .dpurple-bg h5, .dpurple-bg h6 {
color: #ffffff; color: #ffffff;
} }
/* line 349, ../assets/sass/layout/_section-background-colors.scss */ /* line 381, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .tab-header { .dpurple-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 353, ../assets/sass/layout/_section-background-colors.scss */ /* line 385, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .accordion-header { .dpurple-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 357, ../assets/sass/layout/_section-background-colors.scss */ /* line 389, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .panel { .dpurple-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 361, ../assets/sass/layout/_section-background-colors.scss */ /* line 393, ../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 366, ../assets/sass/layout/_section-background-colors.scss */ /* line 398, ../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 370, ../assets/sass/layout/_section-background-colors.scss */ /* line 402, ../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 406, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 409, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 375, ../assets/sass/layout/_section-background-colors.scss */ /* line 415, ../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 380, ../assets/sass/layout/_section-background-colors.scss */ /* line 420, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg p { .dgreen-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 384, ../assets/sass/layout/_section-background-colors.scss */ /* line 424, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg a { .dgreen-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
/* line 389, ../assets/sass/layout/_section-background-colors.scss */ /* line 429, ../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 { .dgreen-bg h1, .dgreen-bg h2, .dgreen-bg h3, .dgreen-bg h4, .dgreen-bg h5, .dgreen-bg h6 {
color: #ffffff; color: #ffffff;
} }
/* line 393, ../assets/sass/layout/_section-background-colors.scss */ /* line 433, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .tab-header { .dgreen-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 397, ../assets/sass/layout/_section-background-colors.scss */ /* line 437, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .accordion-header { .dgreen-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 401, ../assets/sass/layout/_section-background-colors.scss */ /* line 441, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .panel { .dgreen-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 405, ../assets/sass/layout/_section-background-colors.scss */ /* line 445, ../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 410, ../assets/sass/layout/_section-background-colors.scss */ /* line 450, ../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 414, ../assets/sass/layout/_section-background-colors.scss */ /* line 454, ../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 458, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 461, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 419, ../assets/sass/layout/_section-background-colors.scss */ /* line 467, ../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 424, ../assets/sass/layout/_section-background-colors.scss */ /* line 472, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg p { .dorange-bg p {
color: #ffffff; color: #ffffff;
} }
/* line 428, ../assets/sass/layout/_section-background-colors.scss */ /* line 476, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg a { .dorange-bg a {
color: #ffffff; color: #ffffff;
text-decoration: underline; text-decoration: underline;
} }
/* line 433, ../assets/sass/layout/_section-background-colors.scss */ /* line 481, ../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 { .dorange-bg h1, .dorange-bg h2, .dorange-bg h3, .dorange-bg h4, .dorange-bg h5, .dorange-bg h6 {
color: #ffffff; color: #ffffff;
} }
/* line 437, ../assets/sass/layout/_section-background-colors.scss */ /* line 485, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .tab-header { .dorange-bg .tab-header {
color: #ffffff; color: #ffffff;
} }
/* line 441, ../assets/sass/layout/_section-background-colors.scss */ /* line 489, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .accordion-header { .dorange-bg .accordion-header {
color: #ffffff; color: #ffffff;
} }
/* line 445, ../assets/sass/layout/_section-background-colors.scss */ /* line 493, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .panel { .dorange-bg .panel {
background-color: transparent; background-color: transparent;
} }
/* line 449, ../assets/sass/layout/_section-background-colors.scss */ /* line 497, ../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 454, ../assets/sass/layout/_section-background-colors.scss */ /* line 502, ../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 458, ../assets/sass/layout/_section-background-colors.scss */ /* line 506, ../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;
} }
/* line 510, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .btn-fullw {
border: solid #ffffff 2px;
}
/* line 513, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .btn-fullw:hover {
border: solid #4A4A4A 2px;
}
/* line 1, ../assets/sass/components/_cbpmenu.scss */ /* line 1, ../assets/sass/components/_cbpmenu.scss */
.cbp-hrmenu { .cbp-hrmenu {
...@@ -10937,20 +10993,42 @@ article.news-story { ...@@ -10937,20 +10993,42 @@ article.news-story {
margin-left: 10px; margin-left: 10px;
} }
/* line 175, ../assets/sass/components/_paragraphs.scss */ /* line 167, ../assets/sass/components/_paragraphs.scss */
.btn-fullw-wrapper {
color: #4A4A4A;
}
/* line 171, ../assets/sass/components/_paragraphs.scss */
.btn-fullw {
width: 100%;
text-align: center;
padding: 10px;
border: solid #4A4A4A 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
/* line 181, ../assets/sass/components/_paragraphs.scss */
.btn-fullw:hover {
text-decoration: underline;
background-color: #efefef;
}
/* line 195, ../assets/sass/components/_paragraphs.scss */
.file .file-icon span { .file .file-icon span {
color: #bb0000; color: #bb0000;
} }
/* line 182, ../assets/sass/components/_paragraphs.scss */ /* line 202, ../assets/sass/components/_paragraphs.scss */
.file .file-link a { .file .file-link a {
color: #bb0000; color: #bb0000;
} }
/* line 187, ../assets/sass/components/_paragraphs.scss */ /* line 207, ../assets/sass/components/_paragraphs.scss */
.file .file-size { .file .file-size {
color: #bb0000; color: #bb0000;
} }
/* line 197, ../assets/sass/components/_paragraphs.scss */ /* line 217, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container { .slide-txt-container {
width: 100%; width: 100%;
position: absolute; position: absolute;
...@@ -10959,7 +11037,7 @@ article.news-story { ...@@ -10959,7 +11037,7 @@ article.news-story {
z-index: 100; z-index: 100;
height: 100%; height: 100%;
} }
/* line 205, ../assets/sass/components/_paragraphs.scss */ /* line 225, ../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;
...@@ -10971,7 +11049,7 @@ article.news-story { ...@@ -10971,7 +11049,7 @@ article.news-story {
transform: perspective(1px) translateY(-50%); transform: perspective(1px) translateY(-50%);
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 205, ../assets/sass/components/_paragraphs.scss */ /* line 225, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt { .slide-txt-container .slide-txt {
width: 80%; width: 80%;
top: 45%; top: 45%;
...@@ -10981,7 +11059,7 @@ article.news-story { ...@@ -10981,7 +11059,7 @@ article.news-story {
justify-content: center; justify-content: center;
} }
} }
/* line 226, ../assets/sass/components/_paragraphs.scss */ /* line 246, ../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;
...@@ -10990,31 +11068,31 @@ article.news-story { ...@@ -10990,31 +11068,31 @@ article.news-story {
line-height: 1.1; line-height: 1.1;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 226, ../assets/sass/components/_paragraphs.scss */ /* line 246, ../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 239, ../assets/sass/components/_paragraphs.scss */ /* line 259, ../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; color: #333333;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
/* line 239, ../assets/sass/components/_paragraphs.scss */ /* line 259, ../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 249, ../assets/sass/components/_paragraphs.scss */ /* line 269, ../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 254, ../assets/sass/components/_paragraphs.scss */ /* line 274, ../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;
...@@ -11024,23 +11102,23 @@ article.news-story { ...@@ -11024,23 +11102,23 @@ article.news-story {
text-transform: uppercase; text-transform: uppercase;
padding: 5px; padding: 5px;
} }
/* line 263, ../assets/sass/components/_paragraphs.scss */ /* line 283, ../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 270, ../assets/sass/components/_paragraphs.scss */ /* line 290, ../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 274, ../assets/sass/components/_paragraphs.scss */ /* line 294, ../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 254, ../assets/sass/components/_paragraphs.scss */ /* line 274, ../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%;
...@@ -11048,13 +11126,22 @@ article.news-story { ...@@ -11048,13 +11126,22 @@ article.news-story {
font-weight: 700; font-weight: 700;
} }
} }
/* line 287, ../assets/sass/components/_paragraphs.scss */ /* line 306, ../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 */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper:hover {
background: transparent;
}
/* line 316, ../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 292, ../assets/sass/components/_paragraphs.scss */ /* line 321, ../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;
...@@ -11064,23 +11151,23 @@ article.news-story { ...@@ -11064,23 +11151,23 @@ article.news-story {
text-transform: uppercase; text-transform: uppercase;
padding: 5px; padding: 5px;
} }
/* line 301, ../assets/sass/components/_paragraphs.scss */ /* line 330, ../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 308, ../assets/sass/components/_paragraphs.scss */ /* line 337, ../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 312, ../assets/sass/components/_paragraphs.scss */ /* line 341, ../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 292, ../assets/sass/components/_paragraphs.scss */ /* line 321, ../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%;
...@@ -11088,13 +11175,22 @@ article.news-story { ...@@ -11088,13 +11175,22 @@ article.news-story {
font-weight: 700; font-weight: 700;
} }
} }
/* line 325, ../assets/sass/components/_paragraphs.scss */ /* line 353, ../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 */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper:hover {
background: transparent;
}
/* line 363, ../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 330, ../assets/sass/components/_paragraphs.scss */ /* line 368, ../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;
...@@ -11104,23 +11200,23 @@ article.news-story { ...@@ -11104,23 +11200,23 @@ article.news-story {
text-transform: uppercase; text-transform: uppercase;
padding: 5px; padding: 5px;
} }
/* line 339, ../assets/sass/components/_paragraphs.scss */ /* line 377, ../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 346, ../assets/sass/components/_paragraphs.scss */ /* line 384, ../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 350, ../assets/sass/components/_paragraphs.scss */ /* line 388, ../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 330, ../assets/sass/components/_paragraphs.scss */ /* line 368, ../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%;
...@@ -11128,29 +11224,38 @@ article.news-story { ...@@ -11128,29 +11224,38 @@ article.news-story {
font-weight: 700; font-weight: 700;
} }
} }
/* line 400, ../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 */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-fullw-wrapper:hover {
background: transparent;
}
/* line 374, ../assets/sass/components/_paragraphs.scss */ /* line 421, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tagline { .paragraph--type--tagline {
margin: 20px 0; margin: 20px 0;
float: left; float: left;
} }
/* line 384, ../assets/sass/components/_paragraphs.scss */ /* line 431, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field { .paragraph--type--tabs .field {
padding: 20px; padding: 20px;
} }
/* line 394, ../assets/sass/components/_paragraphs.scss */ /* line 441, ../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 398, ../assets/sass/components/_paragraphs.scss */ /* line 445, ../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 408, ../assets/sass/components/_paragraphs.scss */ /* line 455, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--video iframe { .paragraph--type--video iframe {
width: 100% !important; width: 100% !important;
} }
......
web/themes/asc_bootstrap/templates/paragraph/paragraph--button.html.twig
+ 21
− 3
View file @ 30775537
...@@ -35,11 +35,29 @@ ...@@ -35,11 +35,29 @@
* *
*/ */
#} #}
{% if content.field_button_type['#items'].getString() == "full-width-btn" %}
{% set btnstyle, btnwrap = 'btn-fullw', 'btn-fullw-wrapper' %}
{% elseif content.field_button_type['#items'].getString() == "default-btn" %}
{% set btnstyle = 'btn-primary' %}
{% else %}
{% set btnstyle = 'btn-primary' %}
{% endif %}
{% if content.field_button.0 %} {% if content.field_button.0 %}
<a href="{{ content.field_button[0]['#url'] }}" title="{{ content.field_button.0['#title'] }}" class="btn-wrapper"> <a href="{{ content.field_button[0]['#url'] }}" title="{{ content.field_button.0['#title'] }}" class="btn-wrapper {{ btnwrap }}">
<div class="btn btn-primary btn-par"> <div class="btn {{ btnstyle }} btn-par">
{{ content.field_button.0['#title'] }} <i class="fa fa-angle-right"></i> {{ content.field_button.0['#title'] }}
{% if btnstyle != "btn-fullw" %}
<i class="fa fa-angle-right"></i>
{% endif %}
</div> </div>
</a> </a>
......
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