@mjhls/mjh-framework 1.0.277 → 1.0.279

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.277
+# mjh-framework v. 1.0.279
 
 > Foundation Framework
 

package/dist/cjs/IssueDeck.js

@@ -57,7 +57,7 @@ var IssueDeck = function IssueDeck(props) {
             React__default.createElement(
               Col,
               { md: 12, lg: 4, className: 'body-image' },
-              React__default.createElement(
+              row.issues.length > 0 ? React__default.createElement(
                 'a',
                 { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
                 row.thumbnail && React__default.createElement(
@@ -65,6 +65,14 @@ var IssueDeck = function IssueDeck(props) {
                   { height: imageHeight },
                   React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
                 )
+              ) : React__default.createElement(
+                'a',
+                null,
+                row.thumbnail && React__default.createElement(
+                  index$2.LazyLoad,
+                  { height: imageHeight },
+                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
+                )
               )
             ),
             React__default.createElement(
@@ -117,18 +125,18 @@ var IssueDeck = function IssueDeck(props) {
                 React__default.createElement(
                   Row,
                   null,
-                  React__default.createElement(
+                  row.issues.length > 0 && React__default.createElement(
                     'a',
                     { href: href + '/' + publication + '/' + row.identifier.current },
                     React__default.createElement(
                       Button,
-                      { style: { marginTop: '20px' }, variant: 'secondary' },
+                      { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
                       'View Issue'
                     )
                   ),
                   row.pdf && row.pdf.asset && React__default.createElement(
                     'a',
-                    { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
+                    { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
                     'Download Issue'
                   )
                 )

package/dist/cjs/{Normal-6886d71f.js → Normal-7ed9eee9.js}

@@ -4,6 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var main = require('./main-0ea1b808.js');
+var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
@@ -2352,20 +2353,19 @@ var AD728x90 = function AD728x90(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'top' : _ref$pos;
+      pos = _ref.pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    pos: pos
-  };
+  var adt = _extends$2._extends({}, targeting);
+
+  var _useState3 = React.useState(adt),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
 
   var adRef = React.useRef(null);
 
@@ -2391,11 +2391,12 @@ var AD728x90 = function AD728x90(_ref) {
         }
       });
       setMobileView(true);
-      adTargeting['pos'] = 'top-mobile';
+      adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'top';
     }
-  }, [adTargeting]);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
   var mobileSizes = [[320, 50], [300, 50]];

package/dist/cjs/TemplateNormal.js

@@ -6,6 +6,7 @@ require('./web.dom.iterable-0998bdc3.js');
 require('./debounce-783eb233.js');
 require('./main-0ea1b808.js');
 require('./core.get-iterator-method-e049ca4a.js');
+require('./extends-e94dbea5.js');
 require('react');
 require('./index-fa3cec70.js');
 require('prop-types');
@@ -20,7 +21,7 @@ require('./get-1f91592f.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-6886d71f.js');
+var TemplateNormal = require('./Normal-7ed9eee9.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -54,7 +54,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-6886d71f.js');
+var TemplateNormal = require('./Normal-7ed9eee9.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -2781,29 +2781,29 @@ var AD300x250 = function AD300x250(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
+      pos = _ref.pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    pos: pos
-  };
+  var adt = _extends$2._extends({}, targeting);
+
+  var _useState3 = React.useState(adt),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
 
   React.useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = 'rec1-mobile';
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1';
     }
-  }, [adTargeting]);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[300, 250], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -2817,29 +2817,29 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
+      pos = _ref.pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    pos: pos
-  };
+  var adt = _extends$2._extends({}, targeting);
+
+  var _useState3 = React.useState(adt),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
 
   React.useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = 'rec2-mobile';
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2';
     }
-  }, [adTargeting]);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[300, 250], [300, 600], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -14271,7 +14271,7 @@ var fbsHero = function fbsHero(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 300px;\n          min-height: 275px;\n          object-fit: cover;\n          height: 112.5px;\n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 100px;\n          max-height: 100px;\n          object-fit: contain;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
+      '\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 300px;\n          min-height: 275px;\n          object-fit: cover;\n         \n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 145px;\n          min-width: 145px;\n          max-height: 100px;\n          object-fit: cover;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
     )
   );
 };

package/dist/esm/IssueDeck.js

@@ -52,7 +52,7 @@ var IssueDeck = function IssueDeck(props) {
             React__default.createElement(
               Col,
               { md: 12, lg: 4, className: 'body-image' },
-              React__default.createElement(
+              row.issues.length > 0 ? React__default.createElement(
                 'a',
                 { href: href + '/' + publication + '/' + row.identifier.current, style: { width: '100%' } },
                 row.thumbnail && React__default.createElement(
@@ -60,6 +60,14 @@ var IssueDeck = function IssueDeck(props) {
                   { height: imageHeight },
                   React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
                 )
+              ) : React__default.createElement(
+                'a',
+                null,
+                row.thumbnail && React__default.createElement(
+                  LazyLoad,
+                  { height: imageHeight },
+                  React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
+                )
               )
             ),
             React__default.createElement(
@@ -112,18 +120,18 @@ var IssueDeck = function IssueDeck(props) {
                 React__default.createElement(
                   Row,
                   null,
-                  React__default.createElement(
+                  row.issues.length > 0 && React__default.createElement(
                     'a',
                     { href: href + '/' + publication + '/' + row.identifier.current },
                     React__default.createElement(
                       Button,
-                      { style: { marginTop: '20px' }, variant: 'secondary' },
+                      { style: { marginTop: '20px', marginRight: '1rem' }, variant: 'secondary' },
                       'View Issue'
                     )
                   ),
                   row.pdf && row.pdf.asset && React__default.createElement(
                     'a',
-                    { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px', marginLeft: '1rem' } },
+                    { href: row.pdf.asset.url, target: '_blank', className: 'btn btn-primary', style: { marginTop: '20px' } },
                     'Download Issue'
                   )
                 )

package/dist/esm/{Normal-f23d6824.js → Normal-21cfb458.js}

@@ -1,5 +1,6 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { m as main_36, c as main_37 } from './main-155ec04f.js';
+import { _ as _extends } from './extends-dbbe308d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';
@@ -2347,20 +2348,19 @@ var AD728x90 = function AD728x90(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'top' : _ref$pos;
+      pos = _ref.pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    pos: pos
-  };
+  var adt = _extends({}, targeting);
+
+  var _useState3 = useState(adt),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
 
   var adRef = useRef(null);
 
@@ -2386,11 +2386,12 @@ var AD728x90 = function AD728x90(_ref) {
         }
       });
       setMobileView(true);
-      adTargeting['pos'] = 'top-mobile';
+      adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'top';
     }
-  }, [adTargeting]);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
   var mobileSizes = [[320, 50], [300, 50]];

package/dist/esm/TemplateNormal.js

@@ -4,6 +4,7 @@ import './web.dom.iterable-3be50d6c.js';
 import './debounce-806f886b.js';
 import './main-155ec04f.js';
 import './core.get-iterator-method-31c1fb1a.js';
+import './extends-dbbe308d.js';
 import 'react';
 import './index-fa84ea96.js';
 import 'prop-types';
@@ -18,7 +19,7 @@ import './get-b2201dc8.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-f23d6824.js';
+export { T as default } from './Normal-21cfb458.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -50,8 +50,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-f23d6824.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-f23d6824.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-21cfb458.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-21cfb458.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -2779,29 +2779,29 @@ var AD300x250 = function AD300x250(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
+      pos = _ref.pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    pos: pos
-  };
+  var adt = _extends$2({}, targeting);
+
+  var _useState3 = useState(adt),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
 
   useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = 'rec1-mobile';
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1';
     }
-  }, [adTargeting]);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[300, 250], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -2815,29 +2815,29 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'rec2' : _ref$pos;
+      pos = _ref.pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    pos: pos
-  };
+  var adt = _extends$2({}, targeting);
+
+  var _useState3 = useState(adt),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
 
   useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
-      adTargeting['pos'] = 'rec2-mobile';
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2';
     }
-  }, [adTargeting]);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[300, 250], [300, 600], [300, 100]];
   var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
@@ -14269,7 +14269,7 @@ var fbsHero = function fbsHero(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 300px;\n          min-height: 275px;\n          object-fit: cover;\n          height: 112.5px;\n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 100px;\n          max-height: 100px;\n          object-fit: contain;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
+      '\n        .article-hero {\n          margin-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n          padding-bottom: 0.5rem;\n        }\n        .fbs-top-article {\n          width: 100%;\n          margin-bottom: 1rem;\n          padding-bottom: 1rem;\n          border-bottom: 1px solid #ddd;\n        }\n        .fbs-top-article img {\n          width: 100%;\n\n          max-height: 300px;\n          min-height: 275px;\n          object-fit: cover;\n         \n        }\n\n        .fbs-top-article--body {\n        }\n        .fbs-top-article--body h1 {\n          color: #252525 !important;\n          font-size: 1.6rem;\n          font-weight: bold;\n          text-align: center;\n          margin-top: 1rem;\n        }\n        .fbs-top-article--body p {\n          text-align: center;\n          margin-bottom: 0;\n          color: #252525;\n        }\n        .fbs-top-article--body p:first-of-type {\n          font-size: 0.9rem;\n        }\n        .fbs-sub-article-container {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n\n          padding-top: 1.75rem;\n          margin-left: -1rem;\n          margin-rigth: -1rem;\n        }\n        .fbs-sub-article {\n          width: calc(50% - 2rem);\n          min-width: 350px;\n          display: flex;\n          flex-direction: row;\n          flex: 1 1 auto;\n          margin: 0 1rem 1.75rem;\n        }\n        .fbs-sub-article img {\n          margin-right: 1rem;\n          width: 145px;\n          min-width: 145px;\n          max-height: 100px;\n          object-fit: cover;\n        }\n        .fbs-sub-article p {\n          margin-bottom: 0;\n          font-size: 0.8rem;\n          color: #252525;\n        }\n        .fbs-sub-article .fbs-sub-article--title {\n          font-weight: bold;\n          font-size: 1rem;\n          color: #252525;\n        }\n      '
     )
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.277",
+  "version": "1.0.279",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",