Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Spike build/tests with SWC #591

Closed
wants to merge 10 commits into from
Closed

Spike build/tests with SWC #591

wants to merge 10 commits into from

Conversation

poteirard
Copy link
Contributor

@poteirard poteirard commented Sep 21, 2020

Pros 馃憤:

  • Fewer dependencies (react-scripts is so big)

Spike_build_tests_with_SWC_by_poteirard_路_Pull_Request__591_路_zopaUK_react-components

  • We can use the latest jest/webpack versions

Cons 馃憥:

  • Custom configs (small ones compared to babel custom configs though)
  • Not seeing any major improvement in terms of speed on testing/building.

Notes:
cssTransform.js and fileTransform.js are copied from react-scripts

@codecov
Copy link

codecov bot commented Sep 21, 2020

Codecov Report

Merging #591 into master will decrease coverage by 17.22%.
The diff coverage is 100.00%.

Impacted file tree graph

@@             Coverage Diff             @@
##           master     #591       +/-   ##
===========================================
- Coverage   93.76%   76.54%   -17.23%     
===========================================
  Files         107      141       +34     
  Lines         963     6378     +5415     
  Branches      264     1131      +867     
===========================================
+ Hits          903     4882     +3979     
- Misses         59     1496     +1437     
+ Partials        1        0        -1     
Impacted Files Coverage 螖
.../components/organisms/Tabs/TabButton/TabButton.tsx 67.85% <酶> (-32.15%) 猬囷笍
src/components/organisms/Tabs/hooks/useTabs.ts 52.77% <酶> (-47.23%) 猬囷笍
...ponents/molecules/ZopaFooter/styles/SocialLink.tsx 78.84% <100.00%> (-21.16%) 猬囷笍
...ctTemplateNavigation/ProductTemplateNavigation.tsx 92.30% <100.00%> (-7.70%) 猬囷笍
src/components/organisms/Tabs/index.tsx 51.16% <0.00%> (-48.84%) 猬囷笍
src/components/organisms/Accordion/index.tsx 51.16% <0.00%> (-48.84%) 猬囷笍
src/components/atoms/List/index.tsx 52.38% <0.00%> (-47.62%) 猬囷笍
...ms/Navbar/useScrollThreshold/useScrollThreshold.ts 47.22% <0.00%> (-42.78%) 猬囷笍
...nisms/Form/FormCheckboxField/FormCheckboxField.tsx 59.70% <0.00%> (-40.30%) 猬囷笍
...ropdownFilteredField/FormDropdownFilteredField.tsx 60.29% <0.00%> (-39.71%) 猬囷笍
... and 135 more

Continue to review full report at Codecov.

Legend - Click here to learn more
螖 = absolute <relative> (impact), 酶 = not affected, ? = missing data
Powered by Codecov. Last update 59a922d...a524a82. Read the comment docs.

etc/jest/config.js Outdated Show resolved Hide resolved
etc/rollup/config.js Outdated Show resolved Hide resolved
@@ -1,6 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`<Tooltip /> allows to set global styles 1`] = `"/* sc-component-id: sc-global-2866731758 */"`;
exports[`<Tooltip /> allows to set global styles 1`] = `undefined`;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this meant to be undefined?

@@ -17,8 +17,7 @@ exports[`<Card.Image /> renders the component with no a11y violations 1`] = `

.c3 {
height: 100%;
width: 100%;
background-image: url();
width: 100% background-image:url();
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

missing a semi-colon

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch. This is because of SC 5 breaks if the colon is missing. It can be a mess but someday we have to do the jump

Comment on lines +125 to +128
@media (min-width:1280px) {

}

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we know what is causing these to get added?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`allows to set global generic styles 1`] = `"/* sc-component-id: sc-global-3786679869 */ /* sc-component-id: sc-global-308881022 */ html{line-height:1.15;-webkit-text-size-adjust:100%;} body{margin:0;} main{display:block;} h1{font-size:2em;margin:0.67em 0;} hr{box-sizing:content-box;height:0;overflow:visible;} pre{font-family:monospace,monospace;font-size:1em;} a{background-color:transparent;} abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;} b,strong{font-weight:bolder;} code,kbd,samp{font-family:monospace,monospace;font-size:1em;} small{font-size:80%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sub{bottom:-0.25em;} sup{top:-0.5em;} img{border-style:none;} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;} button,input{overflow:visible;} button,select{text-transform:none;} button,[type=\\"button\\"],[type=\\"reset\\"],[type=\\"submit\\"]{-webkit-appearance:button;} button::-moz-focus-inner,[type=\\"button\\"]::-moz-focus-inner,[type=\\"reset\\"]::-moz-focus-inner,[type=\\"submit\\"]::-moz-focus-inner{border-style:none;padding:0;} button:-moz-focusring,[type=\\"button\\"]:-moz-focusring,[type=\\"reset\\"]:-moz-focusring,[type=\\"submit\\"]:-moz-focusring{outline:1px dotted ButtonText;} fieldset{padding:0.35em 0.75em 0.625em;} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;} progress{vertical-align:baseline;} textarea{overflow:auto;} [type=\\"checkbox\\"],[type=\\"radio\\"]{box-sizing:border-box;padding:0;} [type=\\"number\\"]::-webkit-inner-spin-button,[type=\\"number\\"]::-webkit-outer-spin-button{height:auto;} [type=\\"search\\"]{-webkit-appearance:textfield;outline-offset:-2px;} [type=\\"search\\"]::-webkit-search-decoration{-webkit-appearance:none;} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;} details{display:block;} summary{display:list-item;} template{display:none;} [hidden]{display:none;} html,body{font-family:\\"Open Sans\\",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.4;} html{box-sizing:border-box;} *,*:before,*:after{box-sizing:inherit;} img{max-width:100%;} @media (max-width:1279px){html.nav-open{overflow:hidden;}} html.nav-open body{position:static;} @media (max-width:1279px){html.nav-open body{position:fixed;overflow:hidden;}} body .m-0{margin:0;} body .my-0{margin-top:0;margin-bottom:0;} body .mx-0{margin-right:0;margin-left:0;} body .mt-0{margin-top:0;} body .mr-0{margin-right:0;} body .mb-0{margin-bottom:0;} body .ml-0{margin-left:0;} body .m-1{margin:4px;} body .my-1{margin-top:4px;margin-bottom:4px;} body .mx-1{margin-right:4px;margin-left:4px;} body .mt-1{margin-top:4px;} body .mr-1{margin-right:4px;} body .mb-1{margin-bottom:4px;} body .ml-1{margin-left:4px;} body .m-2{margin:8px;} body .my-2{margin-top:8px;margin-bottom:8px;} body .mx-2{margin-right:8px;margin-left:8px;} body .mt-2{margin-top:8px;} body .mr-2{margin-right:8px;} body .mb-2{margin-bottom:8px;} body .ml-2{margin-left:8px;} body .m-3{margin:12px;} body .my-3{margin-top:12px;margin-bottom:12px;} body .mx-3{margin-right:12px;margin-left:12px;} body .mt-3{margin-top:12px;} body .mr-3{margin-right:12px;} body .mb-3{margin-bottom:12px;} body .ml-3{margin-left:12px;} body .m-4{margin:16px;} body .my-4{margin-top:16px;margin-bottom:16px;} body .mx-4{margin-right:16px;margin-left:16px;} body .mt-4{margin-top:16px;} body .mr-4{margin-right:16px;} body .mb-4{margin-bottom:16px;} body .ml-4{margin-left:16px;} body .m-5{margin:20px;} body .my-5{margin-top:20px;margin-bottom:20px;} body .mx-5{margin-right:20px;margin-left:20px;} body .mt-5{margin-top:20px;} body .mr-5{margin-right:20px;} body .mb-5{margin-bottom:20px;} body .ml-5{margin-left:20px;} body .m-6{margin:24px;} body .my-6{margin-top:24px;margin-bottom:24px;} body .mx-6{margin-right:24px;margin-left:24px;} body .mt-6{margin-top:24px;} body .mr-6{margin-right:24px;} body .mb-6{margin-bottom:24px;} body .ml-6{margin-left:24px;} body .m-7{margin:32px;} body .my-7{margin-top:32px;margin-bottom:32px;} body .mx-7{margin-right:32px;margin-left:32px;} body .mt-7{margin-top:32px;} body .mr-7{margin-right:32px;} body .mb-7{margin-bottom:32px;} body .ml-7{margin-left:32px;} body .m-8{margin:40px;} body .my-8{margin-top:40px;margin-bottom:40px;} body .mx-8{margin-right:40px;margin-left:40px;} body .mt-8{margin-top:40px;} body .mr-8{margin-right:40px;} body .mb-8{margin-bottom:40px;} body .ml-8{margin-left:40px;} body .m-9{margin:56px;} body .my-9{margin-top:56px;margin-bottom:56px;} body .mx-9{margin-right:56px;margin-left:56px;} body .mt-9{margin-top:56px;} body .mr-9{margin-right:56px;} body .mb-9{margin-bottom:56px;} body .ml-9{margin-left:56px;} body .m-10{margin:64px;} body .my-10{margin-top:64px;margin-bottom:64px;} body .mx-10{margin-right:64px;margin-left:64px;} body .mt-10{margin-top:64px;} body .mr-10{margin-right:64px;} body .mb-10{margin-bottom:64px;} body .ml-10{margin-left:64px;} body .m-11{margin:104px;} body .my-11{margin-top:104px;margin-bottom:104px;} body .mx-11{margin-right:104px;margin-left:104px;} body .mt-11{margin-top:104px;} body .mr-11{margin-right:104px;} body .mb-11{margin-bottom:104px;} body .ml-11{margin-left:104px;} body .m-auto{margin:auto;} body .my-auto{margin-top:auto;margin-bottom:auto;} body .mx-auto{margin-right:auto;margin-left:auto;} body .mt-auto{margin-top:auto;} body .mr-auto{margin-right:auto;} body .mb-auto{margin-bottom:auto;} body .ml-auto{margin-left:auto;} @media screen and (min-width:992px){body .l\\\\:m-0{margin:0;}body .l\\\\:my-0{margin-top:0;margin-bottom:0;}body .l\\\\:mx-0{margin-right:0;margin-left:0;}body .l\\\\:mt-0{margin-top:0;}body .l\\\\:mr-0{margin-right:0;}body .l\\\\:mb-0{margin-bottom:0;}body .l\\\\:ml-0{margin-left:0;}body .l\\\\:m-1{margin:4px;}body .l\\\\:my-1{margin-top:4px;margin-bottom:4px;}body .l\\\\:mx-1{margin-right:4px;margin-left:4px;}body .l\\\\:mt-1{margin-top:4px;}body .l\\\\:mr-1{margin-right:4px;}body .l\\\\:mb-1{margin-bottom:4px;}body .l\\\\:ml-1{margin-left:4px;}body .l\\\\:m-2{margin:8px;}body .l\\\\:my-2{margin-top:8px;margin-bottom:8px;}body .l\\\\:mx-2{margin-right:8px;margin-left:8px;}body .l\\\\:mt-2{margin-top:8px;}body .l\\\\:mr-2{margin-right:8px;}body .l\\\\:mb-2{margin-bottom:8px;}body .l\\\\:ml-2{margin-left:8px;}body .l\\\\:m-3{margin:12px;}body .l\\\\:my-3{margin-top:12px;margin-bottom:12px;}body .l\\\\:mx-3{margin-right:12px;margin-left:12px;}body .l\\\\:mt-3{margin-top:12px;}body .l\\\\:mr-3{margin-right:12px;}body .l\\\\:mb-3{margin-bottom:12px;}body .l\\\\:ml-3{margin-left:12px;}body .l\\\\:m-4{margin:16px;}body .l\\\\:my-4{margin-top:16px;margin-bottom:16px;}body .l\\\\:mx-4{margin-right:16px;margin-left:16px;}body .l\\\\:mt-4{margin-top:16px;}body .l\\\\:mr-4{margin-right:16px;}body .l\\\\:mb-4{margin-bottom:16px;}body .l\\\\:ml-4{margin-left:16px;}body .l\\\\:m-5{margin:20px;}body .l\\\\:my-5{margin-top:20px;margin-bottom:20px;}body .l\\\\:mx-5{margin-right:20px;margin-left:20px;}body .l\\\\:mt-5{margin-top:20px;}body .l\\\\:mr-5{margin-right:20px;}body .l\\\\:mb-5{margin-bottom:20px;}body .l\\\\:ml-5{margin-left:20px;}body .l\\\\:m-6{margin:24px;}body .l\\\\:my-6{margin-top:24px;margin-bottom:24px;}body .l\\\\:mx-6{margin-right:24px;margin-left:24px;}body .l\\\\:mt-6{margin-top:24px;}body .l\\\\:mr-6{margin-right:24px;}body .l\\\\:mb-6{margin-bottom:24px;}body .l\\\\:ml-6{margin-left:24px;}body .l\\\\:m-7{margin:32px;}body .l\\\\:my-7{margin-top:32px;margin-bottom:32px;}body .l\\\\:mx-7{margin-right:32px;margin-left:32px;}body .l\\\\:mt-7{margin-top:32px;}body .l\\\\:mr-7{margin-right:32px;}body .l\\\\:mb-7{margin-bottom:32px;}body .l\\\\:ml-7{margin-left:32px;}body .l\\\\:m-8{margin:40px;}body .l\\\\:my-8{margin-top:40px;margin-bottom:40px;}body .l\\\\:mx-8{margin-right:40px;margin-left:40px;}body .l\\\\:mt-8{margin-top:40px;}body .l\\\\:mr-8{margin-right:40px;}body .l\\\\:mb-8{margin-bottom:40px;}body .l\\\\:ml-8{margin-left:40px;}body .l\\\\:m-9{margin:56px;}body .l\\\\:my-9{margin-top:56px;margin-bottom:56px;}body .l\\\\:mx-9{margin-right:56px;margin-left:56px;}body .l\\\\:mt-9{margin-top:56px;}body .l\\\\:mr-9{margin-right:56px;}body .l\\\\:mb-9{margin-bottom:56px;}body .l\\\\:ml-9{margin-left:56px;}body .l\\\\:m-10{margin:64px;}body .l\\\\:my-10{margin-top:64px;margin-bottom:64px;}body .l\\\\:mx-10{margin-right:64px;margin-left:64px;}body .l\\\\:mt-10{margin-top:64px;}body .l\\\\:mr-10{margin-right:64px;}body .l\\\\:mb-10{margin-bottom:64px;}body .l\\\\:ml-10{margin-left:64px;}body .l\\\\:m-11{margin:104px;}body .l\\\\:my-11{margin-top:104px;margin-bottom:104px;}body .l\\\\:mx-11{margin-right:104px;margin-left:104px;}body .l\\\\:mt-11{margin-top:104px;}body .l\\\\:mr-11{margin-right:104px;}body .l\\\\:mb-11{margin-bottom:104px;}body .l\\\\:ml-11{margin-left:104px;}body .l\\\\:m-auto{margin:auto;}body .l\\\\:my-auto{margin-top:auto;margin-bottom:auto;}body .l\\\\:mx-auto{margin-right:auto;margin-left:auto;}body .l\\\\:mt-auto{margin-top:auto;}body .l\\\\:mr-auto{margin-right:auto;}body .l\\\\:mb-auto{margin-bottom:auto;}body .l\\\\:ml-auto{margin-left:auto;}} @media screen and (min-width:768px){body .m\\\\:m-0{margin:0;}body .m\\\\:my-0{margin-top:0;margin-bottom:0;}body .m\\\\:mx-0{margin-right:0;margin-left:0;}body .m\\\\:mt-0{margin-top:0;}body .m\\\\:mr-0{margin-right:0;}body .m\\\\:mb-0{margin-bottom:0;}body .m\\\\:ml-0{margin-left:0;}body .m\\\\:m-1{margin:4px;}body .m\\\\:my-1{margin-top:4px;margin-bottom:4px;}body .m\\\\:mx-1{margin-right:4px;margin-left:4px;}body .m\\\\:mt-1{margin-top:4px;}body .m\\\\:mr-1{margin-right:4px;}body .m\\\\:mb-1{margin-bottom:4px;}body .m\\\\:ml-1{margin-left:4px;}body .m\\\\:m-2{margin:8px;}body .m\\\\:my-2{margin-top:8px;margin-bottom:8px;}body .m\\\\:mx-2{margin-right:8px;margin-left:8px;}body .m\\\\:mt-2{margin-top:8px;}body .m\\\\:mr-2{margin-right:8px;}body .m\\\\:mb-2{margin-bottom:8px;}body .m\\\\:ml-2{margin-left:8px;}body .m\\\\:m-3{margin:12px;}body .m\\\\:my-3{margin-top:12px;margin-bottom:12px;}body .m\\\\:mx-3{margin-right:12px;margin-left:12px;}body .m\\\\:mt-3{margin-top:12px;}body .m\\\\:mr-3{margin-right:12px;}body .m\\\\:mb-3{margin-bottom:12px;}body .m\\\\:ml-3{margin-left:12px;}body .m\\\\:m-4{margin:16px;}body .m\\\\:my-4{margin-top:16px;margin-bottom:16px;}body .m\\\\:mx-4{margin-right:16px;margin-left:16px;}body .m\\\\:mt-4{margin-top:16px;}body .m\\\\:mr-4{margin-right:16px;}body .m\\\\:mb-4{margin-bottom:16px;}body .m\\\\:ml-4{margin-left:16px;}body .m\\\\:m-5{margin:20px;}body .m\\\\:my-5{margin-top:20px;margin-bottom:20px;}body .m\\\\:mx-5{margin-right:20px;margin-left:20px;}body .m\\\\:mt-5{margin-top:20px;}body .m\\\\:mr-5{margin-right:20px;}body .m\\\\:mb-5{margin-bottom:20px;}body .m\\\\:ml-5{margin-left:20px;}body .m\\\\:m-6{margin:24px;}body .m\\\\:my-6{margin-top:24px;margin-bottom:24px;}body .m\\\\:mx-6{margin-right:24px;margin-left:24px;}body .m\\\\:mt-6{margin-top:24px;}body .m\\\\:mr-6{margin-right:24px;}body .m\\\\:mb-6{margin-bottom:24px;}body .m\\\\:ml-6{margin-left:24px;}body .m\\\\:m-7{margin:32px;}body .m\\\\:my-7{margin-top:32px;margin-bottom:32px;}body .m\\\\:mx-7{margin-right:32px;margin-left:32px;}body .m\\\\:mt-7{margin-top:32px;}body .m\\\\:mr-7{margin-right:32px;}body .m\\\\:mb-7{margin-bottom:32px;}body .m\\\\:ml-7{margin-left:32px;}body .m\\\\:m-8{margin:40px;}body .m\\\\:my-8{margin-top:40px;margin-bottom:40px;}body .m\\\\:mx-8{margin-right:40px;margin-left:40px;}body .m\\\\:mt-8{margin-top:40px;}body .m\\\\:mr-8{margin-right:40px;}body .m\\\\:mb-8{margin-bottom:40px;}body .m\\\\:ml-8{margin-left:40px;}body .m\\\\:m-9{margin:56px;}body .m\\\\:my-9{margin-top:56px;margin-bottom:56px;}body .m\\\\:mx-9{margin-right:56px;margin-left:56px;}body .m\\\\:mt-9{margin-top:56px;}body .m\\\\:mr-9{margin-right:56px;}body .m\\\\:mb-9{margin-bottom:56px;}body .m\\\\:ml-9{margin-left:56px;}body .m\\\\:m-10{margin:64px;}body .m\\\\:my-10{margin-top:64px;margin-bottom:64px;}body .m\\\\:mx-10{margin-right:64px;margin-left:64px;}body .m\\\\:mt-10{margin-top:64px;}body .m\\\\:mr-10{margin-right:64px;}body .m\\\\:mb-10{margin-bottom:64px;}body .m\\\\:ml-10{margin-left:64px;}body .m\\\\:m-11{margin:104px;}body .m\\\\:my-11{margin-top:104px;margin-bottom:104px;}body .m\\\\:mx-11{margin-right:104px;margin-left:104px;}body .m\\\\:mt-11{margin-top:104px;}body .m\\\\:mr-11{margin-right:104px;}body .m\\\\:mb-11{margin-bottom:104px;}body .m\\\\:ml-11{margin-left:104px;}body .m\\\\:m-auto{margin:auto;}body .m\\\\:my-auto{margin-top:auto;margin-bottom:auto;}body .m\\\\:mx-auto{margin-right:auto;margin-left:auto;}body .m\\\\:mt-auto{margin-top:auto;}body .m\\\\:mr-auto{margin-right:auto;}body .m\\\\:mb-auto{margin-bottom:auto;}body .m\\\\:ml-auto{margin-left:auto;}} @media screen and (min-width:576px){body .s\\\\:m-0{margin:0;}body .s\\\\:my-0{margin-top:0;margin-bottom:0;}body .s\\\\:mx-0{margin-right:0;margin-left:0;}body .s\\\\:mt-0{margin-top:0;}body .s\\\\:mr-0{margin-right:0;}body .s\\\\:mb-0{margin-bottom:0;}body .s\\\\:ml-0{margin-left:0;}body .s\\\\:m-1{margin:4px;}body .s\\\\:my-1{margin-top:4px;margin-bottom:4px;}body .s\\\\:mx-1{margin-right:4px;margin-left:4px;}body .s\\\\:mt-1{margin-top:4px;}body .s\\\\:mr-1{margin-right:4px;}body .s\\\\:mb-1{margin-bottom:4px;}body .s\\\\:ml-1{margin-left:4px;}body .s\\\\:m-2{margin:8px;}body .s\\\\:my-2{margin-top:8px;margin-bottom:8px;}body .s\\\\:mx-2{margin-right:8px;margin-left:8px;}body .s\\\\:mt-2{margin-top:8px;}body .s\\\\:mr-2{margin-right:8px;}body .s\\\\:mb-2{margin-bottom:8px;}body .s\\\\:ml-2{margin-left:8px;}body .s\\\\:m-3{margin:12px;}body .s\\\\:my-3{margin-top:12px;margin-bottom:12px;}body .s\\\\:mx-3{margin-right:12px;margin-left:12px;}body .s\\\\:mt-3{margin-top:12px;}body .s\\\\:mr-3{margin-right:12px;}body .s\\\\:mb-3{margin-bottom:12px;}body .s\\\\:ml-3{margin-left:12px;}body .s\\\\:m-4{margin:16px;}body .s\\\\:my-4{margin-top:16px;margin-bottom:16px;}body .s\\\\:mx-4{margin-right:16px;margin-left:16px;}body .s\\\\:mt-4{margin-top:16px;}body .s\\\\:mr-4{margin-right:16px;}body .s\\\\:mb-4{margin-bottom:16px;}body .s\\\\:ml-4{margin-left:16px;}body .s\\\\:m-5{margin:20px;}body .s\\\\:my-5{margin-top:20px;margin-bottom:20px;}body .s\\\\:mx-5{margin-right:20px;margin-left:20px;}body .s\\\\:mt-5{margin-top:20px;}body .s\\\\:mr-5{margin-right:20px;}body .s\\\\:mb-5{margin-bottom:20px;}body .s\\\\:ml-5{margin-left:20px;}body .s\\\\:m-6{margin:24px;}body .s\\\\:my-6{margin-top:24px;margin-bottom:24px;}body .s\\\\:mx-6{margin-right:24px;margin-left:24px;}body .s\\\\:mt-6{margin-top:24px;}body .s\\\\:mr-6{margin-right:24px;}body .s\\\\:mb-6{margin-bottom:24px;}body .s\\\\:ml-6{margin-left:24px;}body .s\\\\:m-7{margin:32px;}body .s\\\\:my-7{margin-top:32px;margin-bottom:32px;}body .s\\\\:mx-7{margin-right:32px;margin-left:32px;}body .s\\\\:mt-7{margin-top:32px;}body .s\\\\:mr-7{margin-right:32px;}body .s\\\\:mb-7{margin-bottom:32px;}body .s\\\\:ml-7{margin-left:32px;}body .s\\\\:m-8{margin:40px;}body .s\\\\:my-8{margin-top:40px;margin-bottom:40px;}body .s\\\\:mx-8{margin-right:40px;margin-left:40px;}body .s\\\\:mt-8{margin-top:40px;}body .s\\\\:mr-8{margin-right:40px;}body .s\\\\:mb-8{margin-bottom:40px;}body .s\\\\:ml-8{margin-left:40px;}body .s\\\\:m-9{margin:56px;}body .s\\\\:my-9{margin-top:56px;margin-bottom:56px;}body .s\\\\:mx-9{margin-right:56px;margin-left:56px;}body .s\\\\:mt-9{margin-top:56px;}body .s\\\\:mr-9{margin-right:56px;}body .s\\\\:mb-9{margin-bottom:56px;}body .s\\\\:ml-9{margin-left:56px;}body .s\\\\:m-10{margin:64px;}body .s\\\\:my-10{margin-top:64px;margin-bottom:64px;}body .s\\\\:mx-10{margin-right:64px;margin-left:64px;}body .s\\\\:mt-10{margin-top:64px;}body .s\\\\:mr-10{margin-right:64px;}body .s\\\\:mb-10{margin-bottom:64px;}body .s\\\\:ml-10{margin-left:64px;}body .s\\\\:m-11{margin:104px;}body .s\\\\:my-11{margin-top:104px;margin-bottom:104px;}body .s\\\\:mx-11{margin-right:104px;margin-left:104px;}body .s\\\\:mt-11{margin-top:104px;}body .s\\\\:mr-11{margin-right:104px;}body .s\\\\:mb-11{margin-bottom:104px;}body .s\\\\:ml-11{margin-left:104px;}body .s\\\\:m-auto{margin:auto;}body .s\\\\:my-auto{margin-top:auto;margin-bottom:auto;}body .s\\\\:mx-auto{margin-right:auto;margin-left:auto;}body .s\\\\:mt-auto{margin-top:auto;}body .s\\\\:mr-auto{margin-right:auto;}body .s\\\\:mb-auto{margin-bottom:auto;}body .s\\\\:ml-auto{margin-left:auto;}} @media screen and (min-width:1300px){body .xl\\\\:m-0{margin:0;}body .xl\\\\:my-0{margin-top:0;margin-bottom:0;}body .xl\\\\:mx-0{margin-right:0;margin-left:0;}body .xl\\\\:mt-0{margin-top:0;}body .xl\\\\:mr-0{margin-right:0;}body .xl\\\\:mb-0{margin-bottom:0;}body .xl\\\\:ml-0{margin-left:0;}body .xl\\\\:m-1{margin:4px;}body .xl\\\\:my-1{margin-top:4px;margin-bottom:4px;}body .xl\\\\:mx-1{margin-right:4px;margin-left:4px;}body .xl\\\\:mt-1{margin-top:4px;}body .xl\\\\:mr-1{margin-right:4px;}body .xl\\\\:mb-1{margin-bottom:4px;}body .xl\\\\:ml-1{margin-left:4px;}body .xl\\\\:m-2{margin:8px;}body .xl\\\\:my-2{margin-top:8px;margin-bottom:8px;}body .xl\\\\:mx-2{margin-right:8px;margin-left:8px;}body .xl\\\\:mt-2{margin-top:8px;}body .xl\\\\:mr-2{margin-right:8px;}body .xl\\\\:mb-2{margin-bottom:8px;}body .xl\\\\:ml-2{margin-left:8px;}body .xl\\\\:m-3{margin:12px;}body .xl\\\\:my-3{margin-top:12px;margin-bottom:12px;}body .xl\\\\:mx-3{margin-right:12px;margin-left:12px;}body .xl\\\\:mt-3{margin-top:12px;}body .xl\\\\:mr-3{margin-right:12px;}body .xl\\\\:mb-3{margin-bottom:12px;}body .xl\\\\:ml-3{margin-left:12px;}body .xl\\\\:m-4{margin:16px;}body .xl\\\\:my-4{margin-top:16px;margin-bottom:16px;}body .xl\\\\:mx-4{margin-right:16px;margin-left:16px;}body .xl\\\\:mt-4{margin-top:16px;}body .xl\\\\:mr-4{margin-right:16px;}body .xl\\\\:mb-4{margin-bottom:16px;}body .xl\\\\:ml-4{margin-left:16px;}body .xl\\\\:m-5{margin:20px;}body .xl\\\\:my-5{margin-top:20px;margin-bottom:20px;}body .xl\\\\:mx-5{margin-right:20px;margin-left:20px;}body .xl\\\\:mt-5{margin-top:20px;}body .xl\\\\:mr-5{margin-right:20px;}body .xl\\\\:mb-5{margin-bottom:20px;}body .xl\\\\:ml-5{margin-left:20px;}body .xl\\\\:m-6{margin:24px;}body .xl\\\\:my-6{margin-top:24px;margin-bottom:24px;}body .xl\\\\:mx-6{margin-right:24px;margin-left:24px;}body .xl\\\\:mt-6{margin-top:24px;}body .xl\\\\:mr-6{margin-right:24px;}body .xl\\\\:mb-6{margin-bottom:24px;}body .xl\\\\:ml-6{margin-left:24px;}body .xl\\\\:m-7{margin:32px;}body .xl\\\\:my-7{margin-top:32px;margin-bottom:32px;}body .xl\\\\:mx-7{margin-right:32px;margin-left:32px;}body .xl\\\\:mt-7{margin-top:32px;}body .xl\\\\:mr-7{margin-right:32px;}body .xl\\\\:mb-7{margin-bottom:32px;}body .xl\\\\:ml-7{margin-left:32px;}body .xl\\\\:m-8{margin:40px;}body .xl\\\\:my-8{margin-top:40px;margin-bottom:40px;}body .xl\\\\:mx-8{margin-right:40px;margin-left:40px;}body .xl\\\\:mt-8{margin-top:40px;}body .xl\\\\:mr-8{margin-right:40px;}body .xl\\\\:mb-8{margin-bottom:40px;}body .xl\\\\:ml-8{margin-left:40px;}body .xl\\\\:m-9{margin:56px;}body .xl\\\\:my-9{margin-top:56px;margin-bottom:56px;}body .xl\\\\:mx-9{margin-right:56px;margin-left:56px;}body .xl\\\\:mt-9{margin-top:56px;}body .xl\\\\:mr-9{margin-right:56px;}body .xl\\\\:mb-9{margin-bottom:56px;}body .xl\\\\:ml-9{margin-left:56px;}body .xl\\\\:m-10{margin:64px;}body .xl\\\\:my-10{margin-top:64px;margin-bottom:64px;}body .xl\\\\:mx-10{margin-right:64px;margin-left:64px;}body .xl\\\\:mt-10{margin-top:64px;}body .xl\\\\:mr-10{margin-right:64px;}body .xl\\\\:mb-10{margin-bottom:64px;}body .xl\\\\:ml-10{margin-left:64px;}body .xl\\\\:m-11{margin:104px;}body .xl\\\\:my-11{margin-top:104px;margin-bottom:104px;}body .xl\\\\:mx-11{margin-right:104px;margin-left:104px;}body .xl\\\\:mt-11{margin-top:104px;}body .xl\\\\:mr-11{margin-right:104px;}body .xl\\\\:mb-11{margin-bottom:104px;}body .xl\\\\:ml-11{margin-left:104px;}body .xl\\\\:m-auto{margin:auto;}body .xl\\\\:my-auto{margin-top:auto;margin-bottom:auto;}body .xl\\\\:mx-auto{margin-right:auto;margin-left:auto;}body .xl\\\\:mt-auto{margin-top:auto;}body .xl\\\\:mr-auto{margin-right:auto;}body .xl\\\\:mb-auto{margin-bottom:auto;}body .xl\\\\:ml-auto{margin-left:auto;}} body .p-0{padding:0;} body .py-0{padding-top:0;padding-bottom:0;} body .px-0{padding-right:0;padding-left:0;} body .pt-0{padding-top:0;} body .pr-0{padding-right:0;} body .pb-0{padding-bottom:0;} body .pl-0{padding-left:0;} body .p-1{padding:4px;} body .py-1{padding-top:4px;padding-bottom:4px;} body .px-1{padding-right:4px;padding-left:4px;} body .pt-1{padding-top:4px;} body .pr-1{padding-right:4px;} body .pb-1{padding-bottom:4px;} body .pl-1{padding-left:4px;} body .p-2{padding:8px;} body .py-2{padding-top:8px;padding-bottom:8px;} body .px-2{padding-right:8px;padding-left:8px;} body .pt-2{padding-top:8px;} body .pr-2{padding-right:8px;} body .pb-2{padding-bottom:8px;} body .pl-2{padding-left:8px;} body .p-3{padding:12px;} body .py-3{padding-top:12px;padding-bottom:12px;} body .px-3{padding-right:12px;padding-left:12px;} body .pt-3{padding-top:12px;} body .pr-3{padding-right:12px;} body .pb-3{padding-bottom:12px;} body .pl-3{padding-left:12px;} body .p-4{padding:16px;} body .py-4{padding-top:16px;padding-bottom:16px;} body .px-4{padding-right:16px;padding-left:16px;} body .pt-4{padding-top:16px;} body .pr-4{padding-right:16px;} body .pb-4{padding-bottom:16px;} body .pl-4{padding-left:16px;} body .p-5{padding:20px;} body .py-5{padding-top:20px;padding-bottom:20px;} body .px-5{padding-right:20px;padding-left:20px;} body .pt-5{padding-top:20px;} body .pr-5{padding-right:20px;} body .pb-5{padding-bottom:20px;} body .pl-5{padding-left:20px;} body .p-6{padding:24px;} body .py-6{padding-top:24px;padding-bottom:24px;} body .px-6{padding-right:24px;padding-left:24px;} body .pt-6{padding-top:24px;} body .pr-6{padding-right:24px;} body .pb-6{padding-bottom:24px;} body .pl-6{padding-left:24px;} body .p-7{padding:32px;} body .py-7{padding-top:32px;padding-bottom:32px;} body .px-7{padding-right:32px;padding-left:32px;} body .pt-7{padding-top:32px;} body .pr-7{padding-right:32px;} body .pb-7{padding-bottom:32px;} body .pl-7{padding-left:32px;} body .p-8{padding:40px;} body .py-8{padding-top:40px;padding-bottom:40px;} body .px-8{padding-right:40px;padding-left:40px;} body .pt-8{padding-top:40px;} body .pr-8{padding-right:40px;} body .pb-8{padding-bottom:40px;} body .pl-8{padding-left:40px;} body .p-9{padding:56px;} body .py-9{padding-top:56px;padding-bottom:56px;} body .px-9{padding-right:56px;padding-left:56px;} body .pt-9{padding-top:56px;} body .pr-9{padding-right:56px;} body .pb-9{padding-bottom:56px;} body .pl-9{padding-left:56px;} body .p-10{padding:64px;} body .py-10{padding-top:64px;padding-bottom:64px;} body .px-10{padding-right:64px;padding-left:64px;} body .pt-10{padding-top:64px;} body .pr-10{padding-right:64px;} body .pb-10{padding-bottom:64px;} body .pl-10{padding-left:64px;} body .p-11{padding:104px;} body .py-11{padding-top:104px;padding-bottom:104px;} body .px-11{padding-right:104px;padding-left:104px;} body .pt-11{padding-top:104px;} body .pr-11{padding-right:104px;} body .pb-11{padding-bottom:104px;} body .pl-11{padding-left:104px;} @media screen and (min-width:992px){body .l\\\\:p-0{padding:0;}body .l\\\\:py-0{padding-top:0;padding-bottom:0;}body .l\\\\:px-0{padding-right:0;padding-left:0;}body .l\\\\:pt-0{padding-top:0;}body .l\\\\:pr-0{padding-right:0;}body .l\\\\:pb-0{padding-bottom:0;}body .l\\\\:pl-0{padding-left:0;}body .l\\\\:p-1{padding:4px;}body .l\\\\:py-1{padding-top:4px;padding-bottom:4px;}body .l\\\\:px-1{padding-right:4px;padding-left:4px;}body .l\\\\:pt-1{padding-top:4px;}body .l\\\\:pr-1{padding-right:4px;}body .l\\\\:pb-1{padding-bottom:4px;}body .l\\\\:pl-1{padding-left:4px;}body .l\\\\:p-2{padding:8px;}body .l\\\\:py-2{padding-top:8px;padding-bottom:8px;}body .l\\\\:px-2{padding-right:8px;padding-left:8px;}body .l\\\\:pt-2{padding-top:8px;}body .l\\\\:pr-2{padding-right:8px;}body .l\\\\:pb-2{padding-bottom:8px;}body .l\\\\:pl-2{padding-left:8px;}body .l\\\\:p-3{padding:12px;}body .l\\\\:py-3{padding-top:12px;padding-bottom:12px;}body .l\\\\:px-3{padding-right:12px;padding-left:12px;}body .l\\\\:pt-3{padding-top:12px;}body .l\\\\:pr-3{padding-right:12px;}body .l\\\\:pb-3{padding-bottom:12px;}body .l\\\\:pl-3{padding-left:12px;}body .l\\\\:p-4{padding:16px;}body .l\\\\:py-4{padding-top:16px;padding-bottom:16px;}body .l\\\\:px-4{padding-right:16px;padding-left:16px;}body .l\\\\:pt-4{padding-top:16px;}body .l\\\\:pr-4{padding-right:16px;}body .l\\\\:pb-4{padding-bottom:16px;}body .l\\\\:pl-4{padding-left:16px;}body .l\\\\:p-5{padding:20px;}body .l\\\\:py-5{padding-top:20px;padding-bottom:20px;}body .l\\\\:px-5{padding-right:20px;padding-left:20px;}body .l\\\\:pt-5{padding-top:20px;}body .l\\\\:pr-5{padding-right:20px;}body .l\\\\:pb-5{padding-bottom:20px;}body .l\\\\:pl-5{padding-left:20px;}body .l\\\\:p-6{padding:24px;}body .l\\\\:py-6{padding-top:24px;padding-bottom:24px;}body .l\\\\:px-6{padding-right:24px;padding-left:24px;}body .l\\\\:pt-6{padding-top:24px;}body .l\\\\:pr-6{padding-right:24px;}body .l\\\\:pb-6{padding-bottom:24px;}body .l\\\\:pl-6{padding-left:24px;}body .l\\\\:p-7{padding:32px;}body .l\\\\:py-7{padding-top:32px;padding-bottom:32px;}body .l\\\\:px-7{padding-right:32px;padding-left:32px;}body .l\\\\:pt-7{padding-top:32px;}body .l\\\\:pr-7{padding-right:32px;}body .l\\\\:pb-7{padding-bottom:32px;}body .l\\\\:pl-7{padding-left:32px;}body .l\\\\:p-8{padding:40px;}body .l\\\\:py-8{padding-top:40px;padding-bottom:40px;}body .l\\\\:px-8{padding-right:40px;padding-left:40px;}body .l\\\\:pt-8{padding-top:40px;}body .l\\\\:pr-8{padding-right:40px;}body .l\\\\:pb-8{padding-bottom:40px;}body .l\\\\:pl-8{padding-left:40px;}body .l\\\\:p-9{padding:56px;}body .l\\\\:py-9{padding-top:56px;padding-bottom:56px;}body .l\\\\:px-9{padding-right:56px;padding-left:56px;}body .l\\\\:pt-9{padding-top:56px;}body .l\\\\:pr-9{padding-right:56px;}body .l\\\\:pb-9{padding-bottom:56px;}body .l\\\\:pl-9{padding-left:56px;}body .l\\\\:p-10{padding:64px;}body .l\\\\:py-10{padding-top:64px;padding-bottom:64px;}body .l\\\\:px-10{padding-right:64px;padding-left:64px;}body .l\\\\:pt-10{padding-top:64px;}body .l\\\\:pr-10{padding-right:64px;}body .l\\\\:pb-10{padding-bottom:64px;}body .l\\\\:pl-10{padding-left:64px;}body .l\\\\:p-11{padding:104px;}body .l\\\\:py-11{padding-top:104px;padding-bottom:104px;}body .l\\\\:px-11{padding-right:104px;padding-left:104px;}body .l\\\\:pt-11{padding-top:104px;}body .l\\\\:pr-11{padding-right:104px;}body .l\\\\:pb-11{padding-bottom:104px;}body .l\\\\:pl-11{padding-left:104px;}} @media screen and (min-width:768px){body .m\\\\:p-0{padding:0;}body .m\\\\:py-0{padding-top:0;padding-bottom:0;}body .m\\\\:px-0{padding-right:0;padding-left:0;}body .m\\\\:pt-0{padding-top:0;}body .m\\\\:pr-0{padding-right:0;}body .m\\\\:pb-0{padding-bottom:0;}body .m\\\\:pl-0{padding-left:0;}body .m\\\\:p-1{padding:4px;}body .m\\\\:py-1{padding-top:4px;padding-bottom:4px;}body .m\\\\:px-1{padding-right:4px;padding-left:4px;}body .m\\\\:pt-1{padding-top:4px;}body .m\\\\:pr-1{padding-right:4px;}body .m\\\\:pb-1{padding-bottom:4px;}body .m\\\\:pl-1{padding-left:4px;}body .m\\\\:p-2{padding:8px;}body .m\\\\:py-2{padding-top:8px;padding-bottom:8px;}body .m\\\\:px-2{padding-right:8px;padding-left:8px;}body .m\\\\:pt-2{padding-top:8px;}body .m\\\\:pr-2{padding-right:8px;}body .m\\\\:pb-2{padding-bottom:8px;}body .m\\\\:pl-2{padding-left:8px;}body .m\\\\:p-3{padding:12px;}body .m\\\\:py-3{padding-top:12px;padding-bottom:12px;}body .m\\\\:px-3{padding-right:12px;padding-left:12px;}body .m\\\\:pt-3{padding-top:12px;}body .m\\\\:pr-3{padding-right:12px;}body .m\\\\:pb-3{padding-bottom:12px;}body .m\\\\:pl-3{padding-left:12px;}body .m\\\\:p-4{padding:16px;}body .m\\\\:py-4{padding-top:16px;padding-bottom:16px;}body .m\\\\:px-4{padding-right:16px;padding-left:16px;}body .m\\\\:pt-4{padding-top:16px;}body .m\\\\:pr-4{padding-right:16px;}body .m\\\\:pb-4{padding-bottom:16px;}body .m\\\\:pl-4{padding-left:16px;}body .m\\\\:p-5{padding:20px;}body .m\\\\:py-5{padding-top:20px;padding-bottom:20px;}body .m\\\\:px-5{padding-right:20px;padding-left:20px;}body .m\\\\:pt-5{padding-top:20px;}body .m\\\\:pr-5{padding-right:20px;}body .m\\\\:pb-5{padding-bottom:20px;}body .m\\\\:pl-5{padding-left:20px;}body .m\\\\:p-6{padding:24px;}body .m\\\\:py-6{padding-top:24px;padding-bottom:24px;}body .m\\\\:px-6{padding-right:24px;padding-left:24px;}body .m\\\\:pt-6{padding-top:24px;}body .m\\\\:pr-6{padding-right:24px;}body .m\\\\:pb-6{padding-bottom:24px;}body .m\\\\:pl-6{padding-left:24px;}body .m\\\\:p-7{padding:32px;}body .m\\\\:py-7{padding-top:32px;padding-bottom:32px;}body .m\\\\:px-7{padding-right:32px;padding-left:32px;}body .m\\\\:pt-7{padding-top:32px;}body .m\\\\:pr-7{padding-right:32px;}body .m\\\\:pb-7{padding-bottom:32px;}body .m\\\\:pl-7{padding-left:32px;}body .m\\\\:p-8{padding:40px;}body .m\\\\:py-8{padding-top:40px;padding-bottom:40px;}body .m\\\\:px-8{padding-right:40px;padding-left:40px;}body .m\\\\:pt-8{padding-top:40px;}body .m\\\\:pr-8{padding-right:40px;}body .m\\\\:pb-8{padding-bottom:40px;}body .m\\\\:pl-8{padding-left:40px;}body .m\\\\:p-9{padding:56px;}body .m\\\\:py-9{padding-top:56px;padding-bottom:56px;}body .m\\\\:px-9{padding-right:56px;padding-left:56px;}body .m\\\\:pt-9{padding-top:56px;}body .m\\\\:pr-9{padding-right:56px;}body .m\\\\:pb-9{padding-bottom:56px;}body .m\\\\:pl-9{padding-left:56px;}body .m\\\\:p-10{padding:64px;}body .m\\\\:py-10{padding-top:64px;padding-bottom:64px;}body .m\\\\:px-10{padding-right:64px;padding-left:64px;}body .m\\\\:pt-10{padding-top:64px;}body .m\\\\:pr-10{padding-right:64px;}body .m\\\\:pb-10{padding-bottom:64px;}body .m\\\\:pl-10{padding-left:64px;}body .m\\\\:p-11{padding:104px;}body .m\\\\:py-11{padding-top:104px;padding-bottom:104px;}body .m\\\\:px-11{padding-right:104px;padding-left:104px;}body .m\\\\:pt-11{padding-top:104px;}body .m\\\\:pr-11{padding-right:104px;}body .m\\\\:pb-11{padding-bottom:104px;}body .m\\\\:pl-11{padding-left:104px;}} @media screen and (min-width:576px){body .s\\\\:p-0{padding:0;}body .s\\\\:py-0{padding-top:0;padding-bottom:0;}body .s\\\\:px-0{padding-right:0;padding-left:0;}body .s\\\\:pt-0{padding-top:0;}body .s\\\\:pr-0{padding-right:0;}body .s\\\\:pb-0{padding-bottom:0;}body .s\\\\:pl-0{padding-left:0;}body .s\\\\:p-1{padding:4px;}body .s\\\\:py-1{padding-top:4px;padding-bottom:4px;}body .s\\\\:px-1{padding-right:4px;padding-left:4px;}body .s\\\\:pt-1{padding-top:4px;}body .s\\\\:pr-1{padding-right:4px;}body .s\\\\:pb-1{padding-bottom:4px;}body .s\\\\:pl-1{padding-left:4px;}body .s\\\\:p-2{padding:8px;}body .s\\\\:py-2{padding-top:8px;padding-bottom:8px;}body .s\\\\:px-2{padding-right:8px;padding-left:8px;}body .s\\\\:pt-2{padding-top:8px;}body .s\\\\:pr-2{padding-right:8px;}body .s\\\\:pb-2{padding-bottom:8px;}body .s\\\\:pl-2{padding-left:8px;}body .s\\\\:p-3{padding:12px;}body .s\\\\:py-3{padding-top:12px;padding-bottom:12px;}body .s\\\\:px-3{padding-right:12px;padding-left:12px;}body .s\\\\:pt-3{padding-top:12px;}body .s\\\\:pr-3{padding-right:12px;}body .s\\\\:pb-3{padding-bottom:12px;}body .s\\\\:pl-3{padding-left:12px;}body .s\\\\:p-4{padding:16px;}body .s\\\\:py-4{padding-top:16px;padding-bottom:16px;}body .s\\\\:px-4{padding-right:16px;padding-left:16px;}body .s\\\\:pt-4{padding-top:16px;}body .s\\\\:pr-4{padding-right:16px;}body .s\\\\:pb-4{padding-bottom:16px;}body .s\\\\:pl-4{padding-left:16px;}body .s\\\\:p-5{padding:20px;}body .s\\\\:py-5{padding-top:20px;padding-bottom:20px;}body .s\\\\:px-5{padding-right:20px;padding-left:20px;}body .s\\\\:pt-5{padding-top:20px;}body .s\\\\:pr-5{padding-right:20px;}body .s\\\\:pb-5{padding-bottom:20px;}body .s\\\\:pl-5{padding-left:20px;}body .s\\\\:p-6{padding:24px;}body .s\\\\:py-6{padding-top:24px;padding-bottom:24px;}body .s\\\\:px-6{padding-right:24px;padding-left:24px;}body .s\\\\:pt-6{padding-top:24px;}body .s\\\\:pr-6{padding-right:24px;}body .s\\\\:pb-6{padding-bottom:24px;}body .s\\\\:pl-6{padding-left:24px;}body .s\\\\:p-7{padding:32px;}body .s\\\\:py-7{padding-top:32px;padding-bottom:32px;}body .s\\\\:px-7{padding-right:32px;padding-left:32px;}body .s\\\\:pt-7{padding-top:32px;}body .s\\\\:pr-7{padding-right:32px;}body .s\\\\:pb-7{padding-bottom:32px;}body .s\\\\:pl-7{padding-left:32px;}body .s\\\\:p-8{padding:40px;}body .s\\\\:py-8{padding-top:40px;padding-bottom:40px;}body .s\\\\:px-8{padding-right:40px;padding-left:40px;}body .s\\\\:pt-8{padding-top:40px;}body .s\\\\:pr-8{padding-right:40px;}body .s\\\\:pb-8{padding-bottom:40px;}body .s\\\\:pl-8{padding-left:40px;}body .s\\\\:p-9{padding:56px;}body .s\\\\:py-9{padding-top:56px;padding-bottom:56px;}body .s\\\\:px-9{padding-right:56px;padding-left:56px;}body .s\\\\:pt-9{padding-top:56px;}body .s\\\\:pr-9{padding-right:56px;}body .s\\\\:pb-9{padding-bottom:56px;}body .s\\\\:pl-9{padding-left:56px;}body .s\\\\:p-10{padding:64px;}body .s\\\\:py-10{padding-top:64px;padding-bottom:64px;}body .s\\\\:px-10{padding-right:64px;padding-left:64px;}body .s\\\\:pt-10{padding-top:64px;}body .s\\\\:pr-10{padding-right:64px;}body .s\\\\:pb-10{padding-bottom:64px;}body .s\\\\:pl-10{padding-left:64px;}body .s\\\\:p-11{padding:104px;}body .s\\\\:py-11{padding-top:104px;padding-bottom:104px;}body .s\\\\:px-11{padding-right:104px;padding-left:104px;}body .s\\\\:pt-11{padding-top:104px;}body .s\\\\:pr-11{padding-right:104px;}body .s\\\\:pb-11{padding-bottom:104px;}body .s\\\\:pl-11{padding-left:104px;}} @media screen and (min-width:1300px){body .xl\\\\:p-0{padding:0;}body .xl\\\\:py-0{padding-top:0;padding-bottom:0;}body .xl\\\\:px-0{padding-right:0;padding-left:0;}body .xl\\\\:pt-0{padding-top:0;}body .xl\\\\:pr-0{padding-right:0;}body .xl\\\\:pb-0{padding-bottom:0;}body .xl\\\\:pl-0{padding-left:0;}body .xl\\\\:p-1{padding:4px;}body .xl\\\\:py-1{padding-top:4px;padding-bottom:4px;}body .xl\\\\:px-1{padding-right:4px;padding-left:4px;}body .xl\\\\:pt-1{padding-top:4px;}body .xl\\\\:pr-1{padding-right:4px;}body .xl\\\\:pb-1{padding-bottom:4px;}body .xl\\\\:pl-1{padding-left:4px;}body .xl\\\\:p-2{padding:8px;}body .xl\\\\:py-2{padding-top:8px;padding-bottom:8px;}body .xl\\\\:px-2{padding-right:8px;padding-left:8px;}body .xl\\\\:pt-2{padding-top:8px;}body .xl\\\\:pr-2{padding-right:8px;}body .xl\\\\:pb-2{padding-bottom:8px;}body .xl\\\\:pl-2{padding-left:8px;}body .xl\\\\:p-3{padding:12px;}body .xl\\\\:py-3{padding-top:12px;padding-bottom:12px;}body .xl\\\\:px-3{padding-right:12px;padding-left:12px;}body .xl\\\\:pt-3{padding-top:12px;}body .xl\\\\:pr-3{padding-right:12px;}body .xl\\\\:pb-3{padding-bottom:12px;}body .xl\\\\:pl-3{padding-left:12px;}body .xl\\\\:p-4{padding:16px;}body .xl\\\\:py-4{padding-top:16px;padding-bottom:16px;}body .xl\\\\:px-4{padding-right:16px;padding-left:16px;}body .xl\\\\:pt-4{padding-top:16px;}body .xl\\\\:pr-4{padding-right:16px;}body .xl\\\\:pb-4{padding-bottom:16px;}body .xl\\\\:pl-4{padding-left:16px;}body .xl\\\\:p-5{padding:20px;}body .xl\\\\:py-5{padding-top:20px;padding-bottom:20px;}body .xl\\\\:px-5{padding-right:20px;padding-left:20px;}body .xl\\\\:pt-5{padding-top:20px;}body .xl\\\\:pr-5{padding-right:20px;}body .xl\\\\:pb-5{padding-bottom:20px;}body .xl\\\\:pl-5{padding-left:20px;}body .xl\\\\:p-6{padding:24px;}body .xl\\\\:py-6{padding-top:24px;padding-bottom:24px;}body .xl\\\\:px-6{padding-right:24px;padding-left:24px;}body .xl\\\\:pt-6{padding-top:24px;}body .xl\\\\:pr-6{padding-right:24px;}body .xl\\\\:pb-6{padding-bottom:24px;}body .xl\\\\:pl-6{padding-left:24px;}body .xl\\\\:p-7{padding:32px;}body .xl\\\\:py-7{padding-top:32px;padding-bottom:32px;}body .xl\\\\:px-7{padding-right:32px;padding-left:32px;}body .xl\\\\:pt-7{padding-top:32px;}body .xl\\\\:pr-7{padding-right:32px;}body .xl\\\\:pb-7{padding-bottom:32px;}body .xl\\\\:pl-7{padding-left:32px;}body .xl\\\\:p-8{padding:40px;}body .xl\\\\:py-8{padding-top:40px;padding-bottom:40px;}body .xl\\\\:px-8{padding-right:40px;padding-left:40px;}body .xl\\\\:pt-8{padding-top:40px;}body .xl\\\\:pr-8{padding-right:40px;}body .xl\\\\:pb-8{padding-bottom:40px;}body .xl\\\\:pl-8{padding-left:40px;}body .xl\\\\:p-9{padding:56px;}body .xl\\\\:py-9{padding-top:56px;padding-bottom:56px;}body .xl\\\\:px-9{padding-right:56px;padding-left:56px;}body .xl\\\\:pt-9{padding-top:56px;}body .xl\\\\:pr-9{padding-right:56px;}body .xl\\\\:pb-9{padding-bottom:56px;}body .xl\\\\:pl-9{padding-left:56px;}body .xl\\\\:p-10{padding:64px;}body .xl\\\\:py-10{padding-top:64px;padding-bottom:64px;}body .xl\\\\:px-10{padding-right:64px;padding-left:64px;}body .xl\\\\:pt-10{padding-top:64px;}body .xl\\\\:pr-10{padding-right:64px;}body .xl\\\\:pb-10{padding-bottom:64px;}body .xl\\\\:pl-10{padding-left:64px;}body .xl\\\\:p-11{padding:104px;}body .xl\\\\:py-11{padding-top:104px;padding-bottom:104px;}body .xl\\\\:px-11{padding-right:104px;padding-left:104px;}body .xl\\\\:pt-11{padding-top:104px;}body .xl\\\\:pr-11{padding-right:104px;}body .xl\\\\:pb-11{padding-bottom:104px;}body .xl\\\\:pl-11{padding-left:104px;}}"`;
exports[`allows to set global generic styles 1`] = `undefined`;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

should this be undefined?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

seems like this could cause a few breaking changes

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the problem is in our custom getGlobalStyleTags function. Apparently it doesn't get the styles anymore. It seems like the document is empty for some reason. I test it manually and the global styles work as expected

@poteirard poteirard marked this pull request as ready for review October 20, 2020 16:41
@poteirard
Copy link
Contributor Author

Closing as we don't see real benefits in terms of perf

@poteirard poteirard closed this May 3, 2021
@poteirard poteirard deleted the test_new_bundle branch July 8, 2021 14:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants