gatsby-matrix-theme 37.0.14 → 37.0.16

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.
Files changed (16) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/package.json +2 -2
  3. package/src/components/atoms/recommended-operators/index.js +3 -1
  4. package/src/components/molecules/footer/variants/template-three/index.js +4 -2
  5. package/src/components/molecules/footer/variants/template-two/index.js +4 -2
  6. package/src/components/molecules/wagering-calculator/index.js +0 -2
  7. package/storybook/public/43.5fa4ec3e.iframe.bundle.js +1 -0
  8. package/storybook/public/{652.16161342.iframe.bundle.js → 652.bc856a90.iframe.bundle.js} +3 -3
  9. package/storybook/public/{652.16161342.iframe.bundle.js.map → 652.bc856a90.iframe.bundle.js.map} +1 -1
  10. package/storybook/public/iframe.html +1 -1
  11. package/storybook/public/main.95f321f3.iframe.bundle.js +2 -0
  12. package/storybook/public/{runtime~main.f6509959.iframe.bundle.js → runtime~main.5be66c8b.iframe.bundle.js} +1 -1
  13. package/storybook/public/43.e9f1ed32.iframe.bundle.js +0 -1
  14. package/storybook/public/main.50c501f6.iframe.bundle.js +0 -2
  15. /package/storybook/public/{652.16161342.iframe.bundle.js.LICENSE.txt → 652.bc856a90.iframe.bundle.js.LICENSE.txt} +0 -0
  16. /package/storybook/public/{main.50c501f6.iframe.bundle.js.LICENSE.txt → main.95f321f3.iframe.bundle.js.LICENSE.txt} +0 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,30 @@
1
+ ## [37.0.16](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.15...v37.0.16) (2023-11-29)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * removed extra props from reccommended casinos ([b161a3b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b161a3b54cbc8f860a613540252f96c724883ecb))
7
+
8
+
9
+ ### Code Refactoring
10
+
11
+ * change to footer links limit ([eaf42ee](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/eaf42ee4d3372202eb52128b8b9597b8dc72c4b3))
12
+
13
+
14
+ * Merge branch 'tm-3778-footer' into 'master' ([aa8c319](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/aa8c319b660155f2262eadceca84a0c0bd8ab0d7))
15
+ * Merge branch 'tm-3828-wagering-calculator' into 'master' ([ac34878](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ac34878dc89891aee15c8143cc078e17be36650b))
16
+
17
+ ## [37.0.15](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.14...v37.0.15) (2023-11-29)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * added showAuthor to reccommendedOperators ([f43bfc2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f43bfc28131dbe5631f9331b41de7fdbfb877168))
23
+ * updated core theme ([458eb00](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/458eb002c08e68d024a95dbf4a87eba748af1ddb))
24
+
25
+
26
+ * Merge branch 'tm-3828-wagering-calculator' into 'master' ([d211d07](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d211d07d278dee5527895d010c842a5469722cfc))
27
+
1
28
  ## [37.0.14](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.13...v37.0.14) (2023-11-27)
2
29
 
3
30
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-matrix-theme",
3
- "version": "37.0.14",
3
+ "version": "37.0.16",
4
4
  "main": "index.js",
5
5
  "description": "Matrix Theme NPM Package",
6
6
  "author": "",
@@ -25,7 +25,7 @@
25
25
  "dependencies": {
26
26
  "@react-icons/all-files": "^4.1.0",
27
27
  "gatsby": "^5.11.0",
28
- "gatsby-core-theme": "30.0.24",
28
+ "gatsby-core-theme": "30.0.25",
29
29
  "gatsby-plugin-sharp": "^5.11.0",
30
30
  "gatsby-plugin-sitemap": "^3.3.0",
31
31
  "gatsby-transformer-sharp": "^5.11.0",
package/src/components/atoms/recommended-operators/index.js CHANGED
@@ -12,6 +12,7 @@ import styles from './recommended-operators.module.scss';
12
12
  const RecommendedOperators = ({
13
13
  showCouponCode = false,
14
14
  showRating = false,
15
+ showAuthor = false,
15
16
  title = 'Recommended Casinos:',
16
17
  buttonType = 'primary',
17
18
  operators,
@@ -33,7 +34,7 @@ const RecommendedOperators = ({
33
34
  <OperatorDetails
34
35
  showRating={showRating}
35
36
  item={operator}
36
- showAuthor={false}
37
+ showAuthor={showAuthor}
37
38
  showReviewLink={false}
38
39
  costumeStyle={styles.operatorDetails}
39
40
  />
@@ -54,6 +55,7 @@ export default RecommendedOperators;
54
55
  RecommendedOperators.propTypes = {
55
56
  showCouponCode: PropTypes.bool,
56
57
  showRating: PropTypes.bool,
58
+ showAuthor: PropTypes.bool,
57
59
  title: PropTypes.string,
58
60
  buttonType: PropTypes.string,
59
61
  operators: PropTypes.arrayOf([
package/src/components/molecules/footer/variants/template-three/index.js CHANGED
@@ -12,6 +12,7 @@ import styles from './template-three.module.scss';
12
12
  const TemplateThree = ({
13
13
  footerLogos,
14
14
  footerMenu,
15
+ footerMenuLimit = 3,
15
16
  copyrightDisclaimer,
16
17
  showLinks,
17
18
  asSeenOn,
@@ -30,8 +31,8 @@ const TemplateThree = ({
30
31
  }) => {
31
32
  const AsSeenOn = asSeenOn ? loadable(() => import('../../../../atoms/footer/as-seen-on')) : null;
32
33
 
33
- if (footerMenu !== null && footerMenu.children.length > 3) {
34
- footerMenu.children.splice(3);
34
+ if (footerMenu !== null && footerMenu.children.length) {
35
+ footerMenu.children.splice(footerMenuLimit);
35
36
  }
36
37
 
37
38
  return (
@@ -124,4 +125,5 @@ TemplateThree.propTypes = {
124
125
  dmcaWidth: PropTypes.number,
125
126
  dmcaHeight: PropTypes.number,
126
127
  securityIcon: PropTypes.string,
128
+ footerMenuLimit: PropTypes.number,
127
129
  };
package/src/components/molecules/footer/variants/template-two/index.js CHANGED
@@ -11,6 +11,7 @@ import styles from './template-two.module.scss';
11
11
  const TemplateTwo = ({
12
12
  footerLogos,
13
13
  footerMenu,
14
+ footerMenuLimit = 3,
14
15
  copyrightDisclaimer,
15
16
  showLinks,
16
17
  asSeenOn,
@@ -27,8 +28,8 @@ const TemplateTwo = ({
27
28
  dmcaHeight,
28
29
  securityIcon,
29
30
  }) => {
30
- if (footerMenu !== null && footerMenu.children.length > 3) {
31
- footerMenu.children.splice(3);
31
+ if (footerMenu !== null && footerMenu.children.length) {
32
+ footerMenu.children.splice(footerMenuLimit);
32
33
  }
33
34
 
34
35
  return (
@@ -121,4 +122,5 @@ TemplateTwo.propTypes = {
121
122
  dmcaWidth: PropTypes.number,
122
123
  dmcaHeight: PropTypes.number,
123
124
  securityIcon: PropTypes.string,
125
+ footerMenuLimit: PropTypes.number,
124
126
  };
package/src/components/molecules/wagering-calculator/index.js CHANGED
@@ -176,8 +176,6 @@ const WageringCalculator = ({
176
176
  )}
177
177
  {ReccommendedCasinos && showRecommendedOperators && (
178
178
  <ReccommendedCasinos
179
- showCouponCode
180
- showRating
181
179
  title={translate(
182
180
  translations,
183
181
  'wagecalc_recommended_casinos',
package/storybook/public/43.5fa4ec3e.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[43],{"./src/components/atoms/recommended-operators/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return recommended_operators}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),template_four=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/bonus-box/template-four/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),operator_details=__webpack_require__("./src/components/molecules/operator-details/index.js"),coupon=__webpack_require__("./src/components/atoms/coupon/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),recommended_operators_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/recommended-operators/recommended-operators.module.scss"),options={insert:"head",singleton:!1},recommended_operators_recommended_operators_module=(injectStylesIntoStyleTag_default()(recommended_operators_module.Z,options),recommended_operators_module.Z.locals||{}),RecommendedOperators=function RecommendedOperators(_ref){var _ref$showCouponCode=_ref.showCouponCode,showCouponCode=void 0!==_ref$showCouponCode&&_ref$showCouponCode,_ref$showRating=_ref.showRating,showRating=void 0!==_ref$showRating&&_ref$showRating,_ref$showAuthor=_ref.showAuthor,showAuthor=void 0!==_ref$showAuthor&&_ref$showAuthor,_ref$title=_ref.title,title=void 0===_ref$title?"Recommended Casinos:":_ref$title,_ref$buttonType=_ref.buttonType,buttonType=void 0===_ref$buttonType?"primary":_ref$buttonType,operators=_ref.operators;return react.createElement("div",{className:recommended_operators_recommended_operators_module.reccommendedCasinos},react.createElement("h3",null,title),operators.slice(0,3).map((function(operator){var prettyLink=(0,getters.u4)(operator,"main",!1),couponCode=(0,getters.tp)(operator.extra_fields,"coupon_code");return react.createElement("div",null,react.createElement("a",{href:prettyLink,"aria-label":operator.name,target:"_blank",rel:"nofollow noreferrer sponsored"},react.createElement(operator_details.Z,{showRating:showRating,item:operator,showAuthor:showAuthor,showReviewLink:!1,costumeStyle:recommended_operators_recommended_operators_module.operatorDetails})),react.createElement("div",{className:recommended_operators_recommended_operators_module.operatorBonus},react.createElement(template_four.Z,{item:operator,tracker:"main"})),showCouponCode&&react.createElement(coupon.Z,{code:couponCode}),react.createElement(operator_cta.Z,{operator:operator,tracker:"main",buttonType:buttonType}))})))};RecommendedOperators.displayName="RecommendedOperators",RecommendedOperators.__docgenInfo={description:"",methods:[],displayName:"RecommendedOperators",props:{showCouponCode:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showAuthor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{defaultValue:{value:"'Recommended Casinos:'",computed:!1},description:"",type:{name:"string"},required:!1},buttonType:{defaultValue:{value:"'primary'",computed:!1},description:"",type:{name:"string"},required:!1},operators:{description:"",type:{name:"arrayOf",value:{name:"custom",raw:"[\n PropTypes.shape({\n name: PropTypes.string,\n }),\n]"}},required:!1}}};var recommended_operators=RecommendedOperators;RecommendedOperators.propTypes={showCouponCode:prop_types_default().bool,showRating:prop_types_default().bool,showAuthor:prop_types_default().bool,title:prop_types_default().string,buttonType:prop_types_default().string,operators:prop_types_default().arrayOf([prop_types_default().shape({name:prop_types_default().string})])},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/recommended-operators/index.js"]={name:"RecommendedOperators",docgenInfo:RecommendedOperators.__docgenInfo,path:"src/components/atoms/recommended-operators/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/recommended-operators/recommended-operators.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Ll5iYiC0EgLQOxSl7AGFDw\\=\\={background-color:#fff;padding:.8rem;border-radius:1.6rem;margin-top:1.6rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\={padding:1.6rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{margin-top:0;margin-bottom:.8rem;font-size:1.8rem;font-weight:700}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{font-size:2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{margin-bottom:.8rem;background:#f4f4f4;display:grid;align-items:center;grid-template-columns:4rem 1fr;row-gap:.8rem;border-radius:1.6rem;color:#fff;padding:.8rem;column-gap:.8rem}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{grid-template-columns:1fr 2fr 1fr 1fr}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{grid-template-columns:2fr 3fr 1fr 1fr}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{row-gap:1.6rem;padding:1.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div:last-child{margin-bottom:0}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:first-child .YFPq6uVHdxWOSwwn4n99mQ\\=\\=._00SlTCtj9wYCWT2kxgDxzQ\\=\\={height:4rem;width:4rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:first-child .YFPq6uVHdxWOSwwn4n99mQ\\=\\=._00SlTCtj9wYCWT2kxgDxzQ\\=\\={height:6.4rem;width:auto}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2){width:unset}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span{color:#fff !important;text-decoration:none !important}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span:last-child{color:#ced0dd !important}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div img{border-radius:.8rem;height:100%}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:last-child{padding:.8rem 1.6rem;font-size:1.4rem;font-weight:700;grid-column:1/3}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:last-child{grid-column:auto}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:last-child{padding:.9rem 3rem;width:unset}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={flex-grow:inherit;display:flex;align-items:flex-start;justify-content:center;display:flex;flex-direction:column}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={flex-basis:auto;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;min-height:6.4rem;align-items:center;justify-content:center;border-radius:.8rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span{font-weight:700;color:#515156;font-size:1.2rem;line-height:1.8rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span{display:flex;flex-direction:row;font-size:1.4rem;line-height:2.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=){width:100%;grid-column:1/3}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=) button{width:100%}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=){grid-column:auto}}.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:none}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:inline-flex;margin:auto 0}.V55x0PJWd6osa7ZirJjmwA\\=\\= div a{font-size:1.4rem;padding:0 !important}}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:4rem;height:4rem}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a img{width:100%;height:100%}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:6.4rem;height:6.4rem}}","",{version:3,sources:["webpack://./src/components/atoms/recommended-operators/recommended-operators.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACI,qBAAA,CACA,aAAA,CACA,oBAAA,CACA,iBAAA,CCkCF,yCDtCF,4BAOQ,cAAA,CAAA,CAGJ,+BACE,YAAA,CACA,mBAAA,CACA,gBAAA,CACA,eAAA,CCwBJ,yCD5BE,+BAOI,cAAA,CAAA,CAIJ,gCACE,mBAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,8BAAA,CACA,aAAA,CAOA,oBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CCCJ,yCDjBE,gCAQI,qCAAA,CAAA,CCSN,yCDjBE,gCAWI,qCAAA,CAAA,CCMN,yCDjBE,gCAkBI,cAAA,CACA,cAAA,CAAA,CAGF,2CACE,eAAA,CAIA,sGACI,WAAA,CACA,UAAA,CCZV,yCDUM,sGAII,aAAA,CACA,UAAA,CAAA,CAMN,+CACE,WAAA,CACA,oDACE,qBAAA,CACA,+BAAA,CCzBR,yCD2BU,+DACE,wBAAA,CAAA,CAMR,oCACE,mBAAA,CACA,WAAA,CAEF,6CACE,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CC1CN,yCDsCI,6CAMM,gBAAA,CAAA,CC5CV,yCDsCI,6CASM,kBAAA,CACA,WAAA,CAAA,CAKJ,+DACI,iBAAA,CEzGV,YAAA,CACA,sBFyG8B,CExG9B,sBFwG0C,CEpG1C,YAAA,CACA,qBFoGkC,CCxDlC,yCDqDM,+DAKM,eAAA,CACA,WAAA,CE9GZ,YAAA,CACA,kBF8GgC,CE7GhC,0BF6GwC,CAC5B,qBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CAAA,CAGF,oEACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CCzEZ,yCDqEU,oEElHV,YAAA,CACA,kBFwHsC,CACxB,gBAAA,CACA,kBAAA,CAAA,CAIR,qEACI,UAAA,CAEA,eAAA,CADA,4EAAA,UAAA,CCpFV,yCDkFM,qEAKQ,gBAAA,CAAA,CAQZ,gCACI,YAAA,CChGN,yCD+FE,gCAGQ,mBAAA,CACA,aAAA,CACA,kCAAA,gBAAA,CAAA,oBAAA,CAAA,CAGR,8BACI,UAAA,CACA,WAAA,CACA,kCACI,UAAA,CACA,WAAA,CC5GV,yCDuGE,8BAQQ,YAAA,CACA,aAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.reccommendedCasinos {\n background-color: #fff;\n padding: 0.8rem;\n border-radius: 1.6rem;\n margin-top: 1.6rem;\n\n @include min(tablet){\n padding: 1.6rem;\n }\n\n > h3 {\n margin-top: 0;\n margin-bottom: 0.8rem;\n font-size: 1.8rem;\n font-weight: 700;\n \n @include min(tablet) {\n font-size: 2rem;\n }\n }\n \n > div {\n margin-bottom: 0.8rem;\n background: #f4f4f4;\n display: grid;\n align-items: center;\n grid-template-columns: 4rem 1fr;\n row-gap: 0.8rem;\n @include min(mobile){\n grid-template-columns: 1fr 2fr 1fr 1fr;\n }\n @include min(tablet){\n grid-template-columns: 2fr 3fr 1fr 1fr;\n }\n border-radius: 1.6rem;\n color: #fff;\n padding: 0.8rem;\n column-gap: 0.8rem;\n @include min(tablet) {\n row-gap: 1.6rem;\n padding: 1.2rem;\n }\n \n &:last-child {\n margin-bottom: 0;\n }\n \n a:first-child{\n .Logo.cta{\n height: 4rem;\n width: 4rem;\n @include min(tablet) {\n height: 6.4rem;\n width: auto;\n }\n }\n }\n\n \n a:nth-child(2) {\n width: unset;\n > span{\n color: #fff !important;\n text-decoration: none !important;\n @include min(tablet) {\n &:last-child{\n color: #CED0DD !important;\n }\n }\n }\n }\n \n img {\n border-radius: 0.8rem;\n height: 100%;\n }\n a:last-child {\n padding: 0.8rem 1.6rem;\n font-size: 1.4rem;\n font-weight: 700;\n grid-column: 1/3;\n @include min(mobile){\n grid-column: auto;\n }\n @include min(tablet) {\n padding: 0.9rem 3rem;\n width: unset;\n }\n } \n \n > div {\n &.operatorBonus{\n flex-grow: inherit;\n @include flex-align(flex-start, center);\n @include flex-direction(column);\n @include min(tablet) {\n flex-basis: auto;\n flex-grow: 1;\n @include flex-align(center, flex-start);\n background-color: #fff;\n \n min-height: 6.4rem;\n align-items: center;\n justify-content: center;\n border-radius: 0.8rem;\n }\n \n > span {\n font-weight: 700;\n color: #515156;\n font-size: 1.2rem;\n line-height: 1.8rem;\n \n @include min(tablet) {\n @include flex-direction(row);\n font-size: 1.4rem;\n line-height: 2.2rem;\n }\n }\n }\n &:not(.operatorBonus){\n width: 100%;\n button {width: 100%;}\n grid-column: 1/3;\n @include min(mobile){\n grid-column: auto;\n }\n }\n }\n }\n}\n\n.operatorDetails {\n div{\n display: none;\n @include min(tablet){\n display: inline-flex;\n margin: auto 0;\n a{font-size: 1.4rem; padding: 0 !important;}\n }\n }\n > a {\n width: 4rem;\n height: 4rem;\n img{\n width: 100%;\n height: 100%;\n }\n @include min(tablet){\n width: 6.4rem;\n height: 6.4rem;\n }\n }\n}\n\n ","$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: -calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: 2px solid transparent;\n background: $color-1, $color-2 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: $color1;\n color: $textColor;\n padding: 0.9rem 3rem;\n font-weight: 700;\n font-size: 1.8rem;\n border-radius: var(--border-radius);\n\n > svg {\n flex: none;\n margin-left: 0.8rem;\n }\n\n &:hover {\n background-color: $color2;\n color: $textColor;\n }\n\n &:active {\n background-color: $color3;\n color: $textColor;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={reccommendedCasinos:"Ll5iYiC0EgLQOxSl7AGFDw==",Logo:"YFPq6uVHdxWOSwwn4n99mQ==",cta:"_00SlTCtj9wYCWT2kxgDxzQ==",operatorBonus:"HyfWUVyd9IHiwdPpQQeSjg==",operatorDetails:"V55x0PJWd6osa7ZirJjmwA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);