cmspageblocks 1.0.13 → 1.0.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +3 -3
- package/package.json +1 -1
- package/src/Main.css.js +0 -3
package/build/index.js
CHANGED
|
@@ -53997,12 +53997,12 @@ var MEDIA = Object.keys(BREAKPOINTS).reduce(function (acc, label) {
|
|
|
53997
53997
|
return acc;
|
|
53998
53998
|
}, {});
|
|
53999
53999
|
|
|
54000
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4
|
|
54001
|
-
var BlockContainer = styled__default["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: row;\nflex-wrap: wrap;\n
|
|
54000
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
54001
|
+
var BlockContainer = styled__default["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\ndisplay: flex;\nflex-direction: row;\nflex-wrap: wrap;\n.ql-align-center {\n text-align: center;\n}\nul {\n list-style: initial;\n list-style-position: outside;\n padding: 0 0 0 16px;\n li {\n font-size: 1.6rem;\n line-height: 2.4rem;\n padding: 4px 0;\n }\n}\nh1 {\n font-size: 2.8rem;\n line-height: 3.4rem;\n padding: 24px 0 16px;\n}\nh2 {\n font-size: 2.2rem;\n line-height: 2.8rem;\n padding: 16px 0 8px;\n}\np {\n font-size: 1.6rem;\n line-height: 2.4rem;\n max-width: 75ch;\n margin: 0;\n}\ndiv {\n box-sizing: border-box;\n}\nimg {\n display: block;\n width: 100%;\n max-width: 100%;\n /* position: absolute; */\n}\n.half {\n width: 50%;\n ", ";\n}\n.col {\n &-12 {\n width: 100%;\n }\n &-1 {\n width: calc(1 / 12 * 100%);\n }\n &-2 {\n width: calc(2 / 12 * 100%);\n }\n &-3 {\n width: calc(3 / 12 * 100%);\n }\n &-4 {\n width: calc(4 / 12 * 100%);\n }\n &-5 {\n width: calc(5 / 12 * 100%);\n }\n &-6 {\n width: calc(50%);\n }\n &-7 {\n width: calc(7 / 12 * 100%);\n }\n &-8 {\n width: calc(8 / 12 * 100%);\n }\n &-9 {\n width: calc(9 / 12 * 100%);\n }\n &-10 {\n width: calc(10 / 12 * 100%);\n }\n &-11 {\n width: calc(11 / 12 * 100%);\n }\n}\n.center {\n margin: 0 auto;\n}\n", ";\na {\n /* padding: 2px 0; */\n color: ", " !important;\n text-decoration: none;\n position: relative;\n &:before {\n transition: 0.2s all ease-in;\n position: absolute;\n content: '';\n height: 1px;\n width: 20px;\n bottom: 0;\n left: 0;\n background: ", ";\n }\n &:hover {\n &:before {\n width: 100%;\n }\n }\n}\n.image-gallery-fullscreen-button.active {\n top: 0;\n bottom: auto;\n background-color: #000;\n &:before {\n content: '\\274c';\n }\n}\n.image-gallery-content {\n .image-gallery-image {\n img {\n max-height: 500px;\n height: 500px;\n ", ";\n }\n }\n}\n.image-gallery-content.fullscreen {\n .image-gallery-image {\n img {\n /* max-height: 75vh; */\n width: auto;\n margin: 0 auto;\n }\n }\n}\n\n.image-gallery {\n max-width: 100%;\n overflow: hidden;\n}\n.page_row {\n max-width: 1240px;\n width: 100%;\n margin: 0px auto;\n padding: 16px;\n width: 100%;\n flex-direction: column;\n @media (min-width: 676px) {\n // flex-direction: row;\n }\n &.full-width {\n max-width: 100%;\n padding: 0;\n }\n\n &.container-width {\n margin: 0 auto;\n @media (min-width: 676px) {\n max-width: 640px;\n }\n\n @media (min-width: 868px) {\n max-width: 820px;\n }\n\n @media (min-width: 992px) {\n max-width: 960px;\n }\n\n @media (min-width: 1290px) {\n max-width: 1260px;\n }\n }\n }\n"], ["\ndisplay: flex;\nflex-direction: row;\nflex-wrap: wrap;\n.ql-align-center {\n text-align: center;\n}\nul {\n list-style: initial;\n list-style-position: outside;\n padding: 0 0 0 16px;\n li {\n font-size: 1.6rem;\n line-height: 2.4rem;\n padding: 4px 0;\n }\n}\nh1 {\n font-size: 2.8rem;\n line-height: 3.4rem;\n padding: 24px 0 16px;\n}\nh2 {\n font-size: 2.2rem;\n line-height: 2.8rem;\n padding: 16px 0 8px;\n}\np {\n font-size: 1.6rem;\n line-height: 2.4rem;\n max-width: 75ch;\n margin: 0;\n}\ndiv {\n box-sizing: border-box;\n}\nimg {\n display: block;\n width: 100%;\n max-width: 100%;\n /* position: absolute; */\n}\n.half {\n width: 50%;\n ", ";\n}\n.col {\n &-12 {\n width: 100%;\n }\n &-1 {\n width: calc(1 / 12 * 100%);\n }\n &-2 {\n width: calc(2 / 12 * 100%);\n }\n &-3 {\n width: calc(3 / 12 * 100%);\n }\n &-4 {\n width: calc(4 / 12 * 100%);\n }\n &-5 {\n width: calc(5 / 12 * 100%);\n }\n &-6 {\n width: calc(50%);\n }\n &-7 {\n width: calc(7 / 12 * 100%);\n }\n &-8 {\n width: calc(8 / 12 * 100%);\n }\n &-9 {\n width: calc(9 / 12 * 100%);\n }\n &-10 {\n width: calc(10 / 12 * 100%);\n }\n &-11 {\n width: calc(11 / 12 * 100%);\n }\n}\n.center {\n margin: 0 auto;\n}\n", ";\na {\n /* padding: 2px 0; */\n color: ", " !important;\n text-decoration: none;\n position: relative;\n &:before {\n transition: 0.2s all ease-in;\n position: absolute;\n content: '';\n height: 1px;\n width: 20px;\n bottom: 0;\n left: 0;\n background: ", ";\n }\n &:hover {\n &:before {\n width: 100%;\n }\n }\n}\n.image-gallery-fullscreen-button.active {\n top: 0;\n bottom: auto;\n background-color: #000;\n &:before {\n content: '\\\\274c';\n }\n}\n.image-gallery-content {\n .image-gallery-image {\n img {\n max-height: 500px;\n height: 500px;\n ", ";\n }\n }\n}\n.image-gallery-content.fullscreen {\n .image-gallery-image {\n img {\n /* max-height: 75vh; */\n width: auto;\n margin: 0 auto;\n }\n }\n}\n\n.image-gallery {\n max-width: 100%;\n overflow: hidden;\n}\n.page_row {\n max-width: 1240px;\n width: 100%;\n margin: 0px auto;\n padding: 16px;\n width: 100%;\n flex-direction: column;\n @media (min-width: 676px) {\n // flex-direction: row;\n }\n &.full-width {\n max-width: 100%;\n padding: 0;\n }\n\n &.container-width {\n margin: 0 auto;\n @media (min-width: 676px) {\n max-width: 640px;\n }\n\n @media (min-width: 868px) {\n max-width: 820px;\n }\n\n @media (min-width: 992px) {\n max-width: 960px;\n }\n\n @media (min-width: 1290px) {\n max-width: 1260px;\n }\n }\n }\n"])), MEDIA.PHONE(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n width: 100%;\n "]))), MEDIA.TABLET(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {\n width: 100%;\n }\n "]))), function (props) {
|
|
54002
54002
|
return props.theme.linkColor;
|
|
54003
54003
|
}, function (props) {
|
|
54004
54004
|
return props.theme.primaryColor;
|
|
54005
|
-
}, MEDIA.TABLET(
|
|
54005
|
+
}, MEDIA.TABLET(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n height: auto;\n "]))));
|
|
54006
54006
|
|
|
54007
54007
|
function Block(_ref) {
|
|
54008
54008
|
var pageBlock = _ref.pageBlock;
|
package/package.json
CHANGED