gatsby-matrix-theme 53.0.17 → 53.0.19
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 +21 -0
- package/package.json +2 -2
- package/src/components/organisms/popup/index.js +18 -2
- package/src/gatsby-core-theme/constants/site-settings/navigation.js +1 -1
- package/storybook/public/356.6e503099.iframe.bundle.js +1 -0
- package/storybook/public/421.bcd59807.iframe.bundle.js +1 -0
- package/storybook/public/46.6e7093c1.iframe.bundle.js +1 -0
- package/storybook/public/{536.c8c81134.iframe.bundle.js → 536.2056672e.iframe.bundle.js} +4 -4
- package/storybook/public/{536.c8c81134.iframe.bundle.js.map → 536.2056672e.iframe.bundle.js.map} +1 -1
- package/storybook/public/617.e508ee4c.iframe.bundle.js +1 -0
- package/storybook/public/985.e2a746fd.iframe.bundle.js +1 -0
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/{main.f2f12c84.iframe.bundle.js → main.c2aaa36a.iframe.bundle.js} +1 -1
- package/storybook/public/project.json +1 -1
- package/storybook/public/runtime~main.a5fbd376.iframe.bundle.js +1 -0
- package/storybook/public/runtime~main.4993117e.iframe.bundle.js +0 -1
- /package/storybook/public/{536.c8c81134.iframe.bundle.js.LICENSE.txt → 536.2056672e.iframe.bundle.js.LICENSE.txt} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
## [53.0.19](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.18...v53.0.19) (2025-04-16)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* make active autocomplete ([1764ef1](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1764ef1e24988e947cd41e7ed759f773a459b8b0))
|
|
7
|
+
* revert storybook ip ([7ea2d58](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/7ea2d58d89568414a8ec3f64353fc6be6b04c72b))
|
|
8
|
+
* update ips ([d8db15d](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/d8db15dd5136bf49982c9f4c4edfc6081fb0ac45))
|
|
9
|
+
* update theme ([f52e839](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/f52e839108eedeb0e2783398a9bdde7ebdc49827))
|
|
10
|
+
|
|
11
|
+
## [53.0.18](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.17...v53.0.18) (2025-04-15)
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### Bug Fixes
|
|
15
|
+
|
|
16
|
+
* update rendering of images on popup ([35d1ef3](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/35d1ef364011415e114beb6e6504936402039728))
|
|
17
|
+
* update theme ([1900195](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1900195008b06542245a5a01be0ac49a3bb1f06b))
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
* Merge branch 'tm-5343-changing-popup-slider-image' into 'master' ([0057f76](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/0057f767034cba471b304f9ed8d1db3ae8c2351a))
|
|
21
|
+
|
|
1
22
|
## [53.0.17](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.16...v53.0.17) (2025-04-14)
|
|
2
23
|
|
|
3
24
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "gatsby-matrix-theme",
|
|
3
|
-
"version": "53.0.
|
|
3
|
+
"version": "53.0.19",
|
|
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": "44.0.
|
|
28
|
+
"gatsby-core-theme": "44.0.18",
|
|
29
29
|
"gatsby-plugin-sharp": "^5.11.0",
|
|
30
30
|
"gatsby-transformer-sharp": "^5.11.0",
|
|
31
31
|
"gatsby-plugin-sitemap": "^6.13.1",
|
|
@@ -150,14 +150,30 @@ const Popup = ({
|
|
|
150
150
|
handelActive(!showModal);
|
|
151
151
|
}}
|
|
152
152
|
>
|
|
153
|
-
{icon ||
|
|
153
|
+
{icon ||
|
|
154
|
+
(image && (
|
|
155
|
+
<LazyImage
|
|
156
|
+
src={imagePrettyUrl(image, 40, 40)}
|
|
157
|
+
loading="eager"
|
|
158
|
+
width={40}
|
|
159
|
+
height={40}
|
|
160
|
+
/>
|
|
161
|
+
))}
|
|
154
162
|
|
|
155
163
|
<p>{toggleTitle}</p>
|
|
156
164
|
</div>
|
|
157
165
|
)}
|
|
158
166
|
{toggle && link && (
|
|
159
167
|
<Link className={styles?.toggleButtonPopup || ''} to={link}>
|
|
160
|
-
{icon ||
|
|
168
|
+
{icon ||
|
|
169
|
+
(image && (
|
|
170
|
+
<LazyImage
|
|
171
|
+
src={imagePrettyUrl(image, 40, 40)}
|
|
172
|
+
loading="eager"
|
|
173
|
+
width={40}
|
|
174
|
+
height={40}
|
|
175
|
+
/>
|
|
176
|
+
))}
|
|
161
177
|
<p>{toggleTitle}</p>
|
|
162
178
|
</Link>
|
|
163
179
|
)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[356],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>game});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_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]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/game.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(game_module.A,options);const game_game_module=game_module.A.locals||{};var Game=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,_ref$width=_ref.width,width=void 0===_ref$width?56:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?56:_ref$height,logo=item.logo;return react.createElement("li",{className:game_game_module.row||""},react.createElement(lazy_image.A,{className:game_game_module.gameImage,width,height,src:logo?(0,getters.pv)(logo,width,height):"/images/default-slot.jpg",alt:item.title}),react.createElement("h3",{className:game_game_module.gameTitle},item.title),react.createElement(button_button.A,{to:null==item?void 0:item.path,gtmClass:"autocomplete-game-item-gtm btn-cta",icon:react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"})}))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo:prop_types_default().shape({})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo:{name:"shape",value:{},required:!1}},required:!1}}},required:!1},width:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1}}};const game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/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]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/game.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_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(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._2vncI3GDm8QRgSif\\+kX-jw\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--color-7);border-radius:.8rem;padding:1.2rem}._2vncI3GDm8QRgSif\\+kX-jw\\=\\=>a{margin-left:auto}.GpOyY3qDBIJ8ZRaxWWbukg\\=\\={border-radius:.8rem;height:revert-layer !important}.UkFkVSzgK3Upk4sSqTqoVw\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,8BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACA,+BAAA,CACA,mBAAA,CACA,cAAA,CAEA,gCACE,gBAAA,CAIJ,4BACE,mBAAA,CACA,8BAAA,CAGF,4BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\n@import "../../../../../styles/utils/media-queries";\n@import "../../../../../styles/utils/icons";\n@import "../../../../../styles/utils/tooltip";\n@import "../../../../../styles/utils/loader";\n@import "../../../../../styles/utils/mixins";\n@import "../../../../../styles/utils/scrollbar";\n@import "../../../../../styles/utils/animations";\n.row {\n @include flex-align(center, start);\n\n gap: .8rem;\n width: 100%;\n background-color: var(--color-7);\n border-radius: .8rem;\n padding: 1.2rem;\n\n > a{\n margin-left: auto;\n }\n}\n\n.gameImage{\n border-radius: .8rem;\n height: revert-layer !important;\n}\n\n.gameTitle{\n margin: 0 !important;\n font-size: 1.6rem;\n font-weight: 400;\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, $border-width: 2px) {\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: $border-width 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 border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\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: $border-width solid transparent;\n background: $color-1 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={row:"_2vncI3GDm8QRgSif+kX-jw==",gameImage:"GpOyY3qDBIJ8ZRaxWWbukg==",gameTitle:"UkFkVSzgK3Upk4sSqTqoVw=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[421],{"../node_modules/gatsby-core-theme/src/data/search/data.json":module=>{module.exports={}}}]);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[46],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>article});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),article_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]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/article.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(article_module.A,options);const article_article_module=article_module.A.locals||{};var Article=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("li",{className:article_article_module.row||""},react.createElement("h3",{className:article_article_module.operatorTitle},item.title),react.createElement(button_button.A,{btnText:"",to:null==item?void 0:item.path,gtmClass:"autocomplete-article-item-gtm btn-cta",icon:react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"})}))};Article.displayName="Article",Article.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Article.__docgenInfo={description:"",methods:[],displayName:"Article",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};const article=Article;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js"]={name:"Article",docgenInfo:Article.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/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]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/article.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_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(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".UfmilSE0KJ9BIQJIhpcSzw\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--color-7);border-radius:.8rem;padding:1.2rem}.UfmilSE0KJ9BIQJIhpcSzw\\=\\=>a{margin-left:auto}.UfmilSE0KJ9BIQJIhpcSzw\\=\\=>a>svg{margin:0 !important}.znNzEYFRzuxg1MAnE0\\+AVQ\\=\\={border-radius:.8rem}.NQfOP0hd9Vi0bNrMKkYv6Q\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/article.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACA,+BAAA,CACA,mBAAA,CACA,cAAA,CAEA,8BACE,gBAAA,CAEA,kCACE,mBAAA,CAKN,6BACE,mBAAA,CAGF,4BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\n@import "../../../../../styles/utils/media-queries";\n@import "../../../../../styles/utils/icons";\n@import "../../../../../styles/utils/tooltip";\n@import "../../../../../styles/utils/loader";\n@import "../../../../../styles/utils/mixins";\n@import "../../../../../styles/utils/scrollbar";\n@import "../../../../../styles/utils/animations";\n.row {\n @include flex-align(center, start);\n\n gap: .8rem;\n width: 100%;\n background-color: var(--color-7);\n border-radius: .8rem;\n padding: 1.2rem;\n\n > a{\n margin-left: auto;\n\n > svg{\n margin: 0 !important;\n }\n }\n}\n\n.operatorImage{\n border-radius: .8rem;\n}\n\n.operatorTitle{\n margin: 0 !important;\n font-size: 1.6rem;\n font-weight: 400;\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, $border-width: 2px) {\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: $border-width 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 border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\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: $border-width solid transparent;\n background: $color-1 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={row:"UfmilSE0KJ9BIQJIhpcSzw==",operatorImage:"znNzEYFRzuxg1MAnE0+AVQ==",operatorTitle:"NQfOP0hd9Vi0bNrMKkYv6Q=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|