From 07e33042dce395c453eb7a61d6f1200e676460d3 Mon Sep 17 00:00:00 2001
From: Brian Canini <canini.16@osu.edu>
Date: Mon, 2 Aug 2021 10:20:19 -0400
Subject: [PATCH] adding styles for button stack paragraph
---
.../assets/sass/components/_paragraphs.scss | 14 +++
web/themes/asc_bootstrap/css/style.css | 110 +++++++++---------
2 files changed, 72 insertions(+), 52 deletions(-)
diff --git a/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss b/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
index 45d2a0ea5e..efa93c1057 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
@@ -204,6 +204,20 @@
}
+// ---------------------------------------------------
+
+//## Button Stack
+
+.paragraph--type--button-stack {
+
+ .btn {
+ margin-bottom: 10px;
+ display: table;
+ }
+}
+
+
+
// --------------------------------------------------
//## Call Out Boxes.
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index 8796efc183..8811be4b18 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -12457,46 +12457,52 @@ article.news-story {
}
/* line 213, ../assets/sass/components/_paragraphs.scss */
+.paragraph--type--button-stack .btn {
+ margin-bottom: 10px;
+ display: table;
+}
+
+/* line 227, ../assets/sass/components/_paragraphs.scss */
.call-out-container .img-link-wrapper:hover + .field--type-link a {
color: #BB0000;
text-decoration: underline;
}
-/* line 218, ../assets/sass/components/_paragraphs.scss */
+/* line 232, ../assets/sass/components/_paragraphs.scss */
.call-out-container .field--item:hover > a {
color: #BB0000;
text-decoration: underline;
}
-/* line 223, ../assets/sass/components/_paragraphs.scss */
+/* line 237, ../assets/sass/components/_paragraphs.scss */
.call-out-container a {
color: #444444;
font-size: 20px;
padding-top: 5px;
font-weight: 500;
}
-/* line 229, ../assets/sass/components/_paragraphs.scss */
+/* line 243, ../assets/sass/components/_paragraphs.scss */
.call-out-container a:hover {
color: #BB0000;
text-decoration: underline;
}
-/* line 235, ../assets/sass/components/_paragraphs.scss */
+/* line 249, ../assets/sass/components/_paragraphs.scss */
.call-out-container .field--type-link {
width: 100%;
border-bottom: #BB0000 solid 5px;
margin-bottom: 15px;
}
-/* line 240, ../assets/sass/components/_paragraphs.scss */
+/* line 254, ../assets/sass/components/_paragraphs.scss */
.call-out-container .field--type-link .field--item {
padding: 15px;
background: #F5F5F5;
}
@media (max-width: 768px) {
- /* line 235, ../assets/sass/components/_paragraphs.scss */
+ /* line 249, ../assets/sass/components/_paragraphs.scss */
.call-out-container .field--type-link {
margin-bottom: 0;
}
}
-/* line 261, ../assets/sass/components/_paragraphs.scss */
+/* line 275, ../assets/sass/components/_paragraphs.scss */
.dgray-bg .call-out-container a,
.dscarlet-bg .call-out-container a,
.dviolet-bg .call-out-container a,
@@ -12506,7 +12512,7 @@ article.news-story {
.dorange-bg .call-out-container a {
text-decoration: none;
}
-/* line 264, ../assets/sass/components/_paragraphs.scss */
+/* line 278, ../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,
@@ -12517,20 +12523,20 @@ article.news-story {
text-decoration: underline;
}
-/* line 279, ../assets/sass/components/_paragraphs.scss */
+/* line 293, ../assets/sass/components/_paragraphs.scss */
.file .file-icon span {
color: #bb0000;
}
-/* line 286, ../assets/sass/components/_paragraphs.scss */
+/* line 300, ../assets/sass/components/_paragraphs.scss */
.file .file-link a {
color: #bb0000;
}
-/* line 291, ../assets/sass/components/_paragraphs.scss */
+/* line 305, ../assets/sass/components/_paragraphs.scss */
.file .file-size {
color: #bb0000;
}
-/* line 301, ../assets/sass/components/_paragraphs.scss */
+/* line 315, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container {
width: 100%;
position: absolute;
@@ -12541,12 +12547,12 @@ article.news-story {
max-height: 550px;
}
@media (max-width: 768px) {
- /* line 301, ../assets/sass/components/_paragraphs.scss */
+ /* line 315, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container {
max-height: 100%;
}
}
-/* line 314, ../assets/sass/components/_paragraphs.scss */
+/* line 328, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt {
background-color: rgba(255, 255, 255, 0.9);
padding: 20px;
@@ -12558,7 +12564,7 @@ article.news-story {
transform: perspective(1px) translateY(-50%);
}
@media (max-width: 768px) {
- /* line 314, ../assets/sass/components/_paragraphs.scss */
+ /* line 328, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt {
height: 100%;
display: flex;
@@ -12566,11 +12572,11 @@ article.news-story {
justify-content: center;
}
}
-/* line 331, ../assets/sass/components/_paragraphs.scss */
+/* line 345, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper {
width: 100%;
}
-/* line 334, ../assets/sass/components/_paragraphs.scss */
+/* line 348, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 36px;
text-transform: uppercase;
@@ -12579,36 +12585,36 @@ article.news-story {
line-height: 1.1;
}
@media (max-width: 768px) {
- /* line 334, ../assets/sass/components/_paragraphs.scss */
+ /* line 348, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 15px;
margin-top: 0;
}
}
-/* line 347, ../assets/sass/components/_paragraphs.scss */
+/* line 361, ../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 347, ../assets/sass/components/_paragraphs.scss */
+ /* line 361, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p {
font-size: 14px;
margin-top: 0;
}
}
-/* line 358, ../assets/sass/components/_paragraphs.scss */
+/* line 372, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn {
white-space: normal;
}
-/* line 362, ../assets/sass/components/_paragraphs.scss */
+/* line 376, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 367, ../assets/sass/components/_paragraphs.scss */
+/* line 381, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-wrapper {
min-width: 25%;
margin: 10px;
@@ -12618,23 +12624,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 376, ../assets/sass/components/_paragraphs.scss */
+/* line 390, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 383, ../assets/sass/components/_paragraphs.scss */
+/* line 397, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-wrapper i {
padding-top: 1px;
}
-/* line 387, ../assets/sass/components/_paragraphs.scss */
+/* line 401, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 367, ../assets/sass/components/_paragraphs.scss */
+ /* line 381, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-wrapper {
display: block;
width: 100%;
@@ -12642,22 +12648,22 @@ article.news-story {
font-weight: 700;
}
}
-/* line 399, ../assets/sass/components/_paragraphs.scss */
+/* line 413, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-fullw-wrapper {
background: transparent;
color: #4A4A4A;
}
-/* line 403, ../assets/sass/components/_paragraphs.scss */
+/* line 417, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-20 .btn-fullw-wrapper:hover {
background: transparent;
}
-/* line 409, ../assets/sass/components/_paragraphs.scss */
+/* line 423, ../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 414, ../assets/sass/components/_paragraphs.scss */
+/* line 428, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
min-width: 40%;
margin: 10px;
@@ -12667,23 +12673,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 423, ../assets/sass/components/_paragraphs.scss */
+/* line 437, ../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 430, ../assets/sass/components/_paragraphs.scss */
+/* line 444, ../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 434, ../assets/sass/components/_paragraphs.scss */
+/* line 448, ../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 414, ../assets/sass/components/_paragraphs.scss */
+ /* line 428, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
display: block;
width: 100%;
@@ -12691,22 +12697,22 @@ article.news-story {
font-weight: 700;
}
}
-/* line 446, ../assets/sass/components/_paragraphs.scss */
+/* line 460, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper {
background: transparent;
color: #4A4A4A;
}
-/* line 450, ../assets/sass/components/_paragraphs.scss */
+/* line 464, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper:hover {
background: transparent;
}
-/* line 456, ../assets/sass/components/_paragraphs.scss */
+/* line 470, ../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 461, ../assets/sass/components/_paragraphs.scss */
+/* line 475, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
min-width: 50%;
margin: 10px;
@@ -12716,23 +12722,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 470, ../assets/sass/components/_paragraphs.scss */
+/* line 484, ../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 477, ../assets/sass/components/_paragraphs.scss */
+/* line 491, ../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 481, ../assets/sass/components/_paragraphs.scss */
+/* line 495, ../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 461, ../assets/sass/components/_paragraphs.scss */
+ /* line 475, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
display: block;
width: 100%;
@@ -12740,46 +12746,46 @@ article.news-story {
font-weight: 700;
}
}
-/* line 493, ../assets/sass/components/_paragraphs.scss */
+/* line 507, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper {
background: transparent;
color: #4A4A4A;
}
-/* line 497, ../assets/sass/components/_paragraphs.scss */
+/* line 511, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper:hover {
background: transparent;
}
-/* line 514, ../assets/sass/components/_paragraphs.scss */
+/* line 528, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tagline {
margin: 20px 0;
float: left;
}
-/* line 525, ../assets/sass/components/_paragraphs.scss */
+/* line 539, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field {
padding: 20px;
}
-/* line 529, ../assets/sass/components/_paragraphs.scss */
+/* line 543, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field--name-field-media-file {
padding: 0;
}
-/* line 533, ../assets/sass/components/_paragraphs.scss */
+/* line 547, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field--name-field-media-image {
padding: 20px 0;
}
-/* line 544, ../assets/sass/components/_paragraphs.scss */
+/* line 558, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter {
margin: 0 auto;
width: 60%;
}
-/* line 548, ../assets/sass/components/_paragraphs.scss */
+/* line 562, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter .col-xs-12 {
padding: 0;
}
-/* line 558, ../assets/sass/components/_paragraphs.scss */
+/* line 572, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--video iframe {
width: 100% !important;
}
--
GitLab