gatsby-matrix-theme 37.0.17 → 37.0.18
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/CHANGELOG.md +11 -0
- package/package.json +1 -1
- package/src/components/atoms/recommended-operators/recommended-operators.module.scss +16 -14
- package/storybook/public/43.86c5498a.iframe.bundle.js +1 -0
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/{runtime~main.5be66c8b.iframe.bundle.js → runtime~main.43b1a993.iframe.bundle.js} +1 -1
- package/storybook/public/43.5fa4ec3e.iframe.bundle.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
## [37.0.18](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.17...v37.0.18) (2023-11-30)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* added styling for different component scenarios ([c3ec18f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c3ec18fabbd017b7d64afb5e2968eda47fb396ec))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
* Merge branch 'tm-3828-wagering-calculator' into 'master' ([5dec9da](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5dec9da5e648ac49eb443fa33b6572d2778f89b0))
|
|
10
|
+
* Merge branch 'master' into tm-3828-wagering-calculator ([1c63210](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1c63210f8762b612b216a92abc02ebf79e34a3ce))
|
|
11
|
+
|
|
1
12
|
## [37.0.17](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.16...v37.0.17) (2023-11-29)
|
|
2
13
|
|
|
3
14
|
|
package/package.json
CHANGED
|
@@ -22,19 +22,14 @@
|
|
|
22
22
|
> div {
|
|
23
23
|
margin-bottom: 0.8rem;
|
|
24
24
|
background: #f4f4f4;
|
|
25
|
-
display:
|
|
25
|
+
display: flex;
|
|
26
26
|
align-items: center;
|
|
27
27
|
grid-template-columns: 4rem 1fr;
|
|
28
28
|
row-gap: 0.8rem;
|
|
29
|
-
@include min(mobile){
|
|
30
|
-
grid-template-columns: 1fr 2fr 1fr 1fr;
|
|
31
|
-
}
|
|
32
|
-
@include min(tablet){
|
|
33
|
-
grid-template-columns: 2fr 3fr 1fr 1fr;
|
|
34
|
-
}
|
|
35
29
|
border-radius: 1.6rem;
|
|
36
30
|
color: #fff;
|
|
37
31
|
padding: 0.8rem;
|
|
32
|
+
justify-content: space-between;
|
|
38
33
|
column-gap: 0.8rem;
|
|
39
34
|
@include min(tablet) {
|
|
40
35
|
row-gap: 1.6rem;
|
|
@@ -46,6 +41,9 @@
|
|
|
46
41
|
}
|
|
47
42
|
|
|
48
43
|
a:first-child{
|
|
44
|
+
@include min(tablet){
|
|
45
|
+
flex-basis: 30%;
|
|
46
|
+
}
|
|
49
47
|
.Logo.cta{
|
|
50
48
|
height: 4rem;
|
|
51
49
|
width: 4rem;
|
|
@@ -90,7 +88,8 @@
|
|
|
90
88
|
|
|
91
89
|
> div {
|
|
92
90
|
&.operatorBonus{
|
|
93
|
-
flex-grow: inherit;
|
|
91
|
+
// flex-grow: inherit;
|
|
92
|
+
flex-grow: 1;
|
|
94
93
|
@include flex-align(flex-start, center);
|
|
95
94
|
@include flex-direction(column);
|
|
96
95
|
@include min(tablet) {
|
|
@@ -119,25 +118,28 @@
|
|
|
119
118
|
}
|
|
120
119
|
}
|
|
121
120
|
&:not(.operatorBonus){
|
|
121
|
+
flex-basis: 20%;
|
|
122
|
+
@include min(tablet){
|
|
123
|
+
flex-basis: 15%;
|
|
124
|
+
}
|
|
125
|
+
button{
|
|
122
126
|
width: 100%;
|
|
123
|
-
|
|
124
|
-
grid-column: 1/3;
|
|
125
|
-
@include min(mobile){
|
|
126
|
-
grid-column: auto;
|
|
127
|
-
}
|
|
127
|
+
}
|
|
128
128
|
}
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
}
|
|
132
132
|
|
|
133
133
|
.operatorDetails {
|
|
134
|
+
gap: .8rem;
|
|
134
135
|
div{
|
|
135
136
|
display: none;
|
|
136
137
|
@include min(tablet){
|
|
137
138
|
display: inline-flex;
|
|
138
139
|
margin: auto 0;
|
|
139
140
|
a{font-size: 1.4rem; padding: 0 !important;}
|
|
140
|
-
}
|
|
141
|
+
};
|
|
142
|
+
span > a{display: none;}
|
|
141
143
|
}
|
|
142
144
|
> a {
|
|
143
145
|
width: 4rem;
|
|
@@ -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:flex;align-items:center;grid-template-columns:4rem 1fr;row-gap:.8rem;border-radius:1.6rem;color:#fff;padding:.8rem;justify-content:space-between;column-gap:.8rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{row-gap:1.6rem;padding:1.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div:last-child{margin-bottom:0}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:first-child{flex-basis:30%}}.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:1;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\\=\\=){flex-basis:20%}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=){flex-basis:15%}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:not(.HyfWUVyd9IHiwdPpQQeSjg\\=\\=) button{width:100%}.V55x0PJWd6osa7ZirJjmwA\\=\\={gap:.8rem}.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\\=\\= div span>a{display:none}.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,CACA,oBAAA,CACA,UAAA,CACA,aAAA,CACA,6BAAA,CACA,gBAAA,CCMJ,yCDjBE,gCAaI,cAAA,CACA,cAAA,CAAA,CAGF,2CACE,eAAA,CCDN,yCDII,8CAEI,cAAA,CAAA,CAEF,sGACI,WAAA,CACA,UAAA,CCVV,yCDQM,sGAII,aAAA,CACA,UAAA,CAAA,CAMN,+CACE,WAAA,CACA,oDACE,qBAAA,CACA,+BAAA,CCvBR,yCDyBU,+DACE,wBAAA,CAAA,CAMR,oCACE,mBAAA,CACA,WAAA,CAEF,6CACE,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CCxCN,yCDoCI,6CAMM,gBAAA,CAAA,CC1CV,yCDoCI,6CASM,kBAAA,CACA,WAAA,CAAA,CAKJ,+DAEI,WAAA,CExGV,YAAA,CACA,sBFwG8B,CEvG9B,sBFuG0C,CEnG1C,YAAA,CACA,qBFmGkC,CCvDlC,yCDmDM,+DAMM,eAAA,CACA,WAAA,CE7GZ,YAAA,CACA,kBF6GgC,CE5GhC,0BF4GwC,CAC5B,qBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CAAA,CAGF,oEACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CCxEZ,yCDoEU,oEEjHV,YAAA,CACA,kBFuHsC,CACxB,gBAAA,CACA,kBAAA,CAAA,CAIR,qEACE,cAAA,CClFR,yCDiFM,qEAGI,cAAA,CAAA,CAEF,4EACE,UAAA,CAOZ,4BACI,SAAA,CACA,gCACI,YAAA,CCjGN,yCDgGE,gCAGQ,mBAAA,CACA,aAAA,CACA,kCAAA,gBAAA,CAAA,oBAAA,CAAA,CAEJ,uCAAA,YAAA,CAEJ,8BACI,UAAA,CACA,WAAA,CACA,kCACI,UAAA,CACA,WAAA,CC9GV,yCDyGE,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: flex;\n align-items: center;\n grid-template-columns: 4rem 1fr;\n row-gap: 0.8rem;\n border-radius: 1.6rem;\n color: #fff;\n padding: 0.8rem;\n justify-content: space-between;\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 @include min(tablet){\n flex-basis: 30%;\n }\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 flex-grow: 1;\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 flex-basis: 20%;\n @include min(tablet){\n flex-basis: 15%;\n }\n button{\n width: 100%;\n }\n }\n }\n }\n}\n\n.operatorDetails {\n gap: .8rem;\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 span > a{display: none;}\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___}}]);
|
|
@@ -361,4 +361,4 @@
|
|
|
361
361
|
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"}];</script><script src="runtime~main.
|
|
364
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor","files":"anchor.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/anchor\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"}];</script><script src="runtime~main.43b1a993.iframe.bundle.js"></script><script src="28.ed292934.iframe.bundle.js"></script><script src="main.39848c38.iframe.bundle.js"></script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(){"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?function(obj){return Object.getPrototypeOf(obj)}:function(obj){return obj.__proto__},__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((function(key){def[key]=function(){return value[key]}}));return def.default=function(){return value},__webpack_require__.d(ns,def),ns},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return chunkId+"."+{43:"
|
|
1
|
+
!function(){"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?function(obj){return Object.getPrototypeOf(obj)}:function(obj){return obj.__proto__},__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((function(key){def[key]=function(){return value[key]}}));return def.default=function(){return value},__webpack_require__.d(ns,def),ns},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return chunkId+"."+{43:"86c5498a",60:"c3ac15e1",119:"ffce82f9",127:"ff669276",128:"1d816ef4",162:"d30676dc",172:"fe4ee9e5",183:"b66d2a78",200:"58e72b2b",203:"c847d37e",225:"6dca798a",238:"ef62d1ab",313:"f14e679f",326:"da0ba286",343:"34b4aca2",347:"15814dd4",355:"98fe7319",357:"109f6237",377:"0129ee10",408:"a15d93ee",487:"45abc0d9",495:"384c1d3c",528:"f36da661",555:"3898ed1b",567:"17326796",590:"25fcc3e8",625:"8b8c54c4",658:"0bf05662",664:"a464a442",694:"275e5411",696:"6dd52f9c",713:"888f0872",725:"7f876a32",758:"729fbe5e",809:"764e8392",864:"cbf8e102",866:"df95c862",871:"5ceb4bc5",917:"b6ab19ed",938:"f1a4065f",984:"5ce87937"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=function(module){return(module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:function(){throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module},__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="gatsby-matrix-theme:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","gatsby-matrix-theme:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={303:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();
|
|
@@ -1 +0,0 @@
|
|
|
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___}}]);
|