@mjhls/mjh-framework 1.0.861-dl-iframe-v1 → 1.0.862-beta.0

package/dist/esm/PdfDownload.js

@@ -1,16 +1,16 @@
-import React from 'react';
+import React__default from 'react';
 import './iconBase-602d52fe.js';
-import { a as MdPictureAsPdf } from './index.esm-c6715e80.js';
+import { a as MdPictureAsPdf } from './index.esm-f8aaeeeb.js';
 
 var PdfDownload = function PdfDownload(props) {
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'pdf-download', style: { textAlign: 'center', padding: '1rem 0', borderTop: '1px solid #eee', marginTop: '1rem' } },
-    React.createElement(
+    React__default.createElement(
       'a',
       { rel: 'noopener', href: props.issueInfo.asset.url, target: '_blank' },
-      React.createElement(MdPictureAsPdf, { style: { fontSize: '65px', color: '#ff0000' } }),
-      React.createElement(
+      React__default.createElement(MdPictureAsPdf, { style: { fontSize: '65px', color: '#ff0000' } }),
+      React__default.createElement(
         'span',
         null,
         'Click to download this publication issue.'

package/dist/esm/PopUpModal.js

@@ -3,7 +3,7 @@ import './_to-object-a4107da3.js';
 import './es6.string.iterator-c990c18c.js';
 import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import Modal from 'react-bootstrap/Modal';
 
@@ -18,22 +18,22 @@ var PopUpModal = function PopUpModal(props) {
     setShow(false);
   };
 
-  return React.createElement(
+  return React__default.createElement(
     Modal,
     { show: show, onHide: function onHide() {
         return setShow(false);
       }, 'aria-labelledby': 'Popup-Modal' },
-    React.createElement(Modal.Title, null),
-    React.createElement(
+    React__default.createElement(Modal.Title, null),
+    React__default.createElement(
       Modal.Body,
       null,
-      React.createElement(
+      React__default.createElement(
         'div',
         { className: 'modalImageHolder' },
-        React.createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
+        React__default.createElement('img', { className: 'modalImage', src: props.ModalImage, onClick: function onClick() {
             return launchModalButton();
           } }),
-        React.createElement(
+        React__default.createElement(
           'div',
           { className: 'modalClose', onClick: function onClick() {
               return setShow(false);
@@ -42,7 +42,7 @@ var PopUpModal = function PopUpModal(props) {
         )
       )
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n          .modalImageHolder {\n            display: flex;\n            justify-content: center;\n          }\n          .modalClose {\n            display: flex;\n            justify-content: center;\n            width: 25px;\n            height: 25px;\n            font-size: 1.25rem;\n            color: #fff;\n            cursor: pointer;\n          }\n          .modalImage {\n            cursor: pointer;\n          }\n        '

package/dist/esm/PubSection.js

@@ -8,23 +8,23 @@ import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-6f2fcc99.js';
 import './web.dom.iterable-4439f05a.js';
-import React from 'react';
+import React__default from 'react';
 import './events-6c3a7a63.js';
-import './index-f7fb1e25.js';
+import './index-41a678ea.js';
 import 'prop-types';
 import 'react-bootstrap/Card';
-import './moment-b6f49411.js';
+import './moment-e2f9b20c.js';
 import 'next/router';
 import './isSymbol-1981418f.js';
 import './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import './index.es-c6222053.js';
+import './index.es-29c1cef5.js';
 import 'react-dom';
-import './visibility-sensor-f40c2564.js';
-import './index-51a80699.js';
+import './visibility-sensor-72fd8f8b.js';
+import './index-73819142.js';
 import './urlFor.js';
-import './index-6c12bdd5.js';
-import './main-747e7d25.js';
+import './index-5f7e79e7.js';
+import './main-e4a934b2.js';
 import './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import './stringify-4330ccdc.js';
@@ -32,11 +32,11 @@ import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1
 import './Segment.js';
 import './Beam.js';
 import './AdSlot.js';
-import './ADInfeed-56a3db8b.js';
-import './lodash-ec8c6b48.js';
-import './ADlgInfeed-53edb995.js';
+import './ADInfeed-1cc9d817.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-8c4f129e.js';
 import './getContentCategory-15dcc413.js';
-import './AuthorComponent-8ffd4679.js';
+import './AuthorComponent-34b16174.js';
 import 'react-bootstrap';
 import './timeDifferenceCalc.js';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
@@ -47,24 +47,24 @@ var PubSection = function PubSection(props) {
   var pubSection = props.pubSection,
       tocUrl = props.tocUrl;
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { id: 'pubSection' },
-    pubSection.publication && pubSection.publication.name && React.createElement(
+    pubSection.publication && pubSection.publication.name && React__default.createElement(
       'h2',
       null,
       pubSection.publication.name
     ),
-    React.createElement(
+    React__default.createElement(
       'p',
       null,
-      React.createElement(
+      React__default.createElement(
         'a',
         { id: 'back', href: tocUrl ? tocUrl : 'toc' },
         'Back to Table of Contents'
       )
     ),
-    React.createElement(QueueDeckExpanded, _extends({ dataRecord: pubSection.articles }, props))
+    React__default.createElement(QueueDeckExpanded, _extends({ dataRecord: pubSection.articles }, props))
   );
 };
 

package/dist/esm/PubToc.js

@@ -5,7 +5,7 @@ import './_library-528f1934.js';
 import './_iter-detect-5d49a330.js';
 import './core.get-iterator-method-e1de7503.js';
 import './web.dom.iterable-4439f05a.js';
-import React from 'react';
+import React__default from 'react';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
 
@@ -14,17 +14,17 @@ var _this = undefined;
 var PubToc = function PubToc(props) {
   var toc = props.toc;
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { id: 'pubToc' },
-    React.createElement(
+    React__default.createElement(
       'ul',
       null,
       toc && toc.parentSection && Array.isArray(toc.parentSection.sections) && toc.parentSection.sections.map(function (s) {
-        return React.createElement(
+        return React__default.createElement(
           'li',
           { key: s.identifier },
-          React.createElement(
+          React__default.createElement(
             'a',
             { href: s.identifier },
             s.name

package/dist/esm/PublicationDeck.js

@@ -1,15 +1,15 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import React from 'react';
+import React__default from 'react';
 import 'prop-types';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
-import Card from 'react-bootstrap/Card';
+import Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
+import Card$1 from 'react-bootstrap/Card';
 import 'react-dom';
-import './index-51a80699.js';
+import './index-73819142.js';
 import urlFor from './urlFor.js';
-import { L as LazyLoad } from './index-6c12bdd5.js';
-import { l as lodash } from './lodash-ec8c6b48.js';
-import Button from 'react-bootstrap/Button';
+import { L as LazyLoad } from './index-5f7e79e7.js';
+import { l as lodash } from './lodash-17fdfebb.js';
+import Button$1 from 'react-bootstrap/Button';
 
 var PublicationDeck = function PublicationDeck(props) {
   var data = props.data,
@@ -48,43 +48,43 @@ var PublicationDeck = function PublicationDeck(props) {
   };
 
   if (sortedRegPubs && sortedRegPubs.length || sortedLegacyPubs && sortedLegacyPubs.length) {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       { className: 'publication-wrapper', style: { paddingBottom: '150px' } },
-      sortedRegPubs && sortedRegPubs.length > 0 && React.createElement(
-        Row,
+      sortedRegPubs && sortedRegPubs.length > 0 && React__default.createElement(
+        Row$1,
         { className: 'regular-publication-wrapper' },
         sortedRegPubs.map(function (row, index) {
-          return row.identifier && row.identifier.current && React.createElement(
-            Col,
+          return row.identifier && row.identifier.current && React__default.createElement(
+            Col$1,
             { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-            React.createElement(
-              Card,
+            React__default.createElement(
+              Card$1,
               { className: 'block-card', style: { width: '200px' } },
-              React.createElement(
+              React__default.createElement(
                 'a',
                 { href: href + '/' + row.identifier.current },
-                row.childIssue && row.childIssue.thumbnail ? React.createElement(
+                row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
                   LazyLoad,
                   { height: imageHeight },
-                  React.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
-                ) : React.createElement('p', { className: 'placeholder-tag' }),
-                React.createElement(
-                  Card.Body,
+                  React__default.createElement(Card$1.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                ) : React__default.createElement('p', { className: 'placeholder-tag' }),
+                React__default.createElement(
+                  Card$1.Body,
                   { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                  React.createElement(
-                    Card.Title,
+                  React__default.createElement(
+                    Card$1.Title,
                     null,
                     row.name
                   ),
-                  React.createElement(
-                    Button,
+                  React__default.createElement(
+                    Button$1,
                     { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                     'Browse Issues'
                   )
                 )
               ),
-              React.createElement(
+              React__default.createElement(
                 'style',
                 { jsx: 'true' },
                 '\n                        .lazyload-placeholder {\n                          padding: 0 1.25rem 2.75rem;\n                        }\n                        .placeholder-tag {\n                          min-height: 200px;\n                        }\n                      '
@@ -93,53 +93,53 @@ var PublicationDeck = function PublicationDeck(props) {
           );
         })
       ),
-      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React.createElement(
-        React.Fragment,
+      sortedLegacyPubs && sortedLegacyPubs.length > 0 && React__default.createElement(
+        React__default.Fragment,
         null,
-        React.createElement(
+        React__default.createElement(
           'div',
           { className: 'legacy-publication-title' },
-          React.createElement(
+          React__default.createElement(
             'h2',
             null,
             'Legacy'
           ),
-          React.createElement('hr', null)
+          React__default.createElement('hr', null)
         ),
-        React.createElement(
-          Row,
+        React__default.createElement(
+          Row$1,
           { className: 'legacy-publication-wrapper' },
           sortedLegacyPubs.map(function (row, index) {
-            return row.identifier && row.identifier.current && React.createElement(
-              Col,
+            return row.identifier && row.identifier.current && React__default.createElement(
+              Col$1,
               { xs: 6, sm: 6, md: 6, lg: 4, style: { display: 'flex', flex: '1 0 auto' }, key: index },
-              React.createElement(
-                Card,
+              React__default.createElement(
+                Card$1,
                 { className: 'block-card', style: { width: '200px' } },
-                React.createElement(
+                React__default.createElement(
                   'a',
                   { href: href + '/' + row.identifier.current },
-                  row.childIssue && row.childIssue.thumbnail ? React.createElement(
+                  row.childIssue && row.childIssue.thumbnail ? React__default.createElement(
                     LazyLoad,
                     { height: imageHeight },
-                    React.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
-                  ) : React.createElement('p', { className: 'placeholder-tag' }),
-                  React.createElement(
-                    Card.Body,
+                    React__default.createElement(Card$1.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), style: { objectFit: 'contain', maxHeight: '200px', maxWidth: '200px' } })
+                  ) : React__default.createElement('p', { className: 'placeholder-tag' }),
+                  React__default.createElement(
+                    Card$1.Body,
                     { style: { paddingTop: '0', paddingBottom: '2.75rem' } },
-                    React.createElement(
-                      Card.Title,
+                    React__default.createElement(
+                      Card$1.Title,
                       null,
                       row.name
                     ),
-                    React.createElement(
-                      Button,
+                    React__default.createElement(
+                      Button$1,
                       { style: { position: 'absolute', bottom: '1rem', margin: '0px', width: '78%' }, variant: 'secondary' },
                       'Browse Issues'
                     )
                   )
                 ),
-                React.createElement(
+                React__default.createElement(
                   'style',
                   { jsx: 'true' },
                   '\n                          .lazyload-placeholder {\n                            padding: 0 1.25rem 2.75rem;\n                          }\n                          .placeholder-tag {\n                            min-height: 200px;\n                          }\n                        '
@@ -151,13 +151,13 @@ var PublicationDeck = function PublicationDeck(props) {
       )
     );
   } else {
-    return React.createElement(
+    return React__default.createElement(
       'div',
       null,
-      React.createElement(
+      React__default.createElement(
         'h5',
         null,
-        React.createElement(
+        React__default.createElement(
           'em',
           { className: 'pl-3' },
           'New content coming soon, please check back later.'

package/dist/esm/PublicationLanding.js

@@ -9,14 +9,14 @@ import './_object-pie-33c40e79.js';
 import { _ as _extends } from './extends-6f2fcc99.js';
 import { _ as _iterStep } from './web.dom.iterable-4439f05a.js';
 import { _ as _meta, a as _isArray } from './_is-array-58e95429.js';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import 'prop-types';
-import Row from 'react-bootstrap/Row';
-import Col from 'react-bootstrap/Col';
-import Card from 'react-bootstrap/Card';
+import Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
+import Card$1 from 'react-bootstrap/Card';
 import { useRouter } from 'next/router';
 import 'react-dom';
-import { L as LazyLoad } from './index-6c12bdd5.js';
+import { L as LazyLoad } from './index-5f7e79e7.js';
 import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import { b as _anInstance, c as _forOf, d as _redefineAll, e as _setSpecies, a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-fc1c2e29.js';
 import Dropdown from 'react-bootstrap/Dropdown';
@@ -631,36 +631,36 @@ var PublicationLanding = function PublicationLanding(props) {
     }
   }, [activeYear, activeContentPlacement]);
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { id: 'publicationLanding' },
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: true },
       '\n          #pubYearFilter .dropdown-menu.show,\n          #contentPlacementFilter .dropdown-menu.show {\n            max-height: 25vh;\n            overflow: auto;\n          }\n        '
     ),
-    React.createElement(
-      Row,
+    React__default.createElement(
+      Row$1,
       null,
-      issueData && issueData.length > 0 && years.length > 0 && React.createElement(
-        Col,
+      issueData && issueData.length > 0 && years.length > 0 && React__default.createElement(
+        Col$1,
         { className: 'flex-grow-0 mb-3' },
-        React.createElement(
+        React__default.createElement(
           Dropdown,
           { id: 'pubYearFilter' },
-          React.createElement(
+          React__default.createElement(
             Dropdown.Toggle,
             null,
             activeYear && !isNaN(activeYear) ? activeYear : 'Select Year'
           ),
-          React.createElement(
+          React__default.createElement(
             Dropdown.Menu,
             null,
-            React.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
+            React__default.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
                 return setActiveYear('');
               } }),
             years.map(function (yr, key) {
-              return React.createElement(
+              return React__default.createElement(
                 Dropdown.Item,
                 { key: key, onClick: function onClick() {
                     return setActiveYear(yr);
@@ -671,25 +671,25 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       ),
-      contentPlacements && contentPlacements.length > 0 && React.createElement(
-        Col,
+      contentPlacements && contentPlacements.length > 0 && React__default.createElement(
+        Col$1,
         { className: 'flex-grow-0 mb-3' },
-        React.createElement(
+        React__default.createElement(
           Dropdown,
           { id: 'contentPlacementFilter' },
-          React.createElement(
+          React__default.createElement(
             Dropdown.Toggle,
             null,
             activeContentPlacement && activeContentPlacement.name ? activeContentPlacement.name : 'Select Topic'
           ),
-          React.createElement(
+          React__default.createElement(
             Dropdown.Menu,
             null,
-            React.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
+            React__default.createElement(Dropdown.Item, { style: { height: '2rem' }, onClick: function onClick() {
                 return setActiveContentPlacement('');
               } }),
             contentPlacements.map(function (cp) {
-              return React.createElement(
+              return React__default.createElement(
                 Dropdown.Item,
                 {
                   key: cp._id,
@@ -705,60 +705,60 @@ var PublicationLanding = function PublicationLanding(props) {
       )
     ),
     sortedIssues && sortedIssues.length > 0 ? sortedIssues.map(function (issue, key) {
-      return React.createElement(
-        Card,
+      return React__default.createElement(
+        Card$1,
         { key: key, className: 'issueCard' },
-        React.createElement(
-          Row,
+        React__default.createElement(
+          Row$1,
           null,
-          React.createElement(
-            Col,
+          React__default.createElement(
+            Col$1,
             { md: 3, id: 'issueThumbnail' },
-            React.createElement(
+            React__default.createElement(
               LazyLoad,
               { once: true },
-              React.createElement(Card.Img, { src: issue.thumbnail })
+              React__default.createElement(Card$1.Img, { src: issue.thumbnail })
             )
           ),
-          React.createElement(
-            Col,
+          React__default.createElement(
+            Col$1,
             { md: 9, id: 'issueDetail' },
-            React.createElement(
-              Card.Body,
+            React__default.createElement(
+              Card$1.Body,
               null,
-              React.createElement(
-                Card.Title,
+              React__default.createElement(
+                Card$1.Title,
                 null,
                 issue.name
               ),
-              issue.source && React.createElement(
+              issue.source && React__default.createElement(
                 'div',
                 { className: 'content-category-label' },
-                React.createElement(
+                React__default.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React.createElement(
+              issue.volume && issue.number && React__default.createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React.createElement('br', null),
+                React__default.createElement('br', null),
                 'Issue: ',
                 issue.number
               )
             ),
-            React.createElement(
-              Card.Footer,
+            React__default.createElement(
+              Card$1.Footer,
               null,
-              issue && issue.articles && issue.articles.length > 0 ? React.createElement(
+              issue && issue.articles && issue.articles.length > 0 ? React__default.createElement(
                 'a',
                 { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
                 'View Issue'
               ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React.createElement(
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default.createElement(
                 'a',
                 { rel: 'noopener', href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -768,60 +768,60 @@ var PublicationLanding = function PublicationLanding(props) {
         )
       );
     }) : !activeContentPlacement && !activeYear && issueData && issueData.length > 0 ? issueData.map(function (issue, key) {
-      return React.createElement(
-        Card,
+      return React__default.createElement(
+        Card$1,
         { key: key, className: 'issueCard' },
-        React.createElement(
-          Row,
+        React__default.createElement(
+          Row$1,
           null,
-          React.createElement(
-            Col,
+          React__default.createElement(
+            Col$1,
             { md: 3, id: 'issueThumbnail' },
-            React.createElement(
+            React__default.createElement(
               LazyLoad,
               { once: true },
-              React.createElement(Card.Img, { src: issue.thumbnail })
+              React__default.createElement(Card$1.Img, { src: issue.thumbnail })
             )
           ),
-          React.createElement(
-            Col,
+          React__default.createElement(
+            Col$1,
             { md: 9, id: 'issueDetail' },
-            React.createElement(
-              Card.Body,
+            React__default.createElement(
+              Card$1.Body,
               null,
-              React.createElement(
-                Card.Title,
+              React__default.createElement(
+                Card$1.Title,
                 null,
                 issue.name
               ),
-              issue.source && React.createElement(
+              issue.source && React__default.createElement(
                 'div',
                 { className: 'content-category-label' },
-                React.createElement(
+                React__default.createElement(
                   'div',
                   { className: 'mb-1 sanityDisplayLabel displayLabelThumb' },
                   issue.source
                 )
               ),
-              issue.volume && issue.number && React.createElement(
+              issue.volume && issue.number && React__default.createElement(
                 'p',
                 null,
                 'Volume: ',
                 issue.volume,
-                React.createElement('br', null),
+                React__default.createElement('br', null),
                 'Issue: ',
                 issue.number
               )
             ),
-            React.createElement(
-              Card.Footer,
+            React__default.createElement(
+              Card$1.Footer,
               null,
-              issue && issue.articles && issue.articles.length > 0 ? React.createElement(
+              issue && issue.articles && issue.articles.length > 0 ? React__default.createElement(
                 'a',
                 { href: publication.identifier.current + '/' + issue.identifier.current, className: 'btn btn-primary' },
                 'View Issue'
               ) : null,
-              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React.createElement(
+              issue.pdf && issue.pdf.asset && issue.pdf.asset.url && React__default.createElement(
                 'a',
                 { rel: 'noopener', href: issue.pdf.asset.url, target: '_blank', className: 'btn btn-primary' },
                 'Download Issue'
@@ -830,12 +830,12 @@ var PublicationLanding = function PublicationLanding(props) {
           )
         )
       );
-    }) : React.createElement(
+    }) : React__default.createElement(
       'em',
       null,
       'New content coming soon, please check back later.'
     ),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 1px solid black;\n          display: inline;\n          width: 100%;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n        .dropdown-toggle {\n          min-width: 5rem;\n        }\n        .dropdown-toggle:empty:after {\n          margin-left: 4rem;\n        }\n        .card-footer {\n          background-color: transparent;\n          border-top: 0;\n        }\n        .card-footer a:not(:first-child) {\n          margin-left: 1rem;\n        }\n      '