gatsby-matrix-theme 53.3.6 → 53.3.7

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 CHANGED
@@ -1,3 +1,14 @@
1
+ ## [53.3.7](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.3.6...v53.3.7) (2025-10-14)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * cardsv2 new template styling ([711a585](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/711a585434327f4f59fe7a0a86a2624654ce0c7e))
7
+ * software provider card styling ([c9ab33d](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/c9ab33d6d94927361811ac66f30142cb30ab124b))
8
+
9
+
10
+ * Merge branch 'fix/cardsv2-styling' into 'master' ([ed0cd8a](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/ed0cd8a4d46433432a1bd5d95e11a282f0c1aca0))
11
+
1
12
  ## [53.3.6](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.3.5...v53.3.6) (2025-10-14)
2
13
 
3
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "gatsby-matrix-theme",
3
- "version": "53.3.6",
3
+ "version": "53.3.7",
4
4
  "main": "index.js",
5
5
  "description": "Matrix Theme NPM Package",
6
6
  "author": "",
@@ -13,7 +13,7 @@ import styles from './template-six.module.scss';
13
13
  const TemplateSix = ({
14
14
  item,
15
15
  width = 277,
16
- height = 140,
16
+ height = 277,
17
17
  showDate = false,
18
18
  showAuthorAsLink = false,
19
19
  verifyIcon = '',
@@ -13,7 +13,7 @@ import styles from './template-five.module.scss';
13
13
  const TemplateFive = ({
14
14
  item,
15
15
  width = 277,
16
- height = 140,
16
+ height = 277,
17
17
  showDate = false,
18
18
  showAuthorAsLink = false,
19
19
  verifyIcon = '',
@@ -1,10 +1,11 @@
1
1
  /* eslint-disable import/no-extraneous-dependencies */
2
2
  import React from 'react';
3
3
  import PropTypes from 'prop-types';
4
- import Link from '~hooks/link';
5
- import LazyImage from '~hooks/lazy-image';
6
- import { imagePrettyUrl, textWordsLimit } from '~helpers/getters';
7
- import { getAltText } from '~helpers/image';
4
+ import Link from 'gatsby-core-theme/src/hooks/link';
5
+ import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
6
+ import GatsbyImg from 'gatsby-core-theme/src/hooks/gatsby-img';
7
+ import { imagePrettyUrl, textWordsLimit } from 'gatsby-core-theme/src/helpers/getters';
8
+ import { getAltText } from 'gatsby-core-theme/src/helpers/image';
8
9
  import useTranslate from '~hooks/useTranslate/useTranslate';
9
10
 
10
11
  import styles from './software-provider-card.module.scss';
@@ -22,8 +23,7 @@ const SoftwareProviderCard = ({
22
23
  height = 150,
23
24
  }) => {
24
25
  const { title, path, relation, sections } = item;
25
- const logUrlObject =
26
- relation?.standardised_logo_filename_object || relation?.logo_filename_object;
26
+ const logUrlObject = item.relation?.logo?.filename || item?.relation?.logo;
27
27
 
28
28
  return (
29
29
  <div className={styles?.content || ''}>
@@ -33,13 +33,23 @@ const SoftwareProviderCard = ({
33
33
  aria-label={useTranslate(`ariaLabel-${title}Link`, `${title} Link`)}
34
34
  to={path}
35
35
  >
36
- <LazyImage
37
- width={width}
38
- height={height}
39
- className={styles?.logo || ''}
40
- src={imagePrettyUrl(logUrlObject?.filename, width, height)}
41
- alt={getAltText(logUrlObject, title)}
42
- />
36
+ {logUrlObject ? (
37
+ <LazyImage
38
+ width={width}
39
+ height={height}
40
+ className={styles?.logo || ''}
41
+ src={imagePrettyUrl(logUrlObject, width, height)}
42
+ alt={getAltText(logUrlObject, title)}
43
+ />
44
+ ) : (
45
+ <GatsbyImg
46
+ alt={title}
47
+ width="100%"
48
+ height="100%"
49
+ loading="lazy"
50
+ filename="default-article.jpg"
51
+ />
52
+ )}
43
53
  </Link>
44
54
  {showTitle && (
45
55
  <Link className={`${styles?.links || ''} software-provider-card-gtm`} to={path}>
@@ -59,7 +69,8 @@ const SoftwareProviderCard = ({
59
69
  {relation?.games_count && showProvider && (
60
70
  <p>
61
71
  {gameProvider.textOne}
62
- <span className="counter-number"> {relation?.games_count} </span> {gameProvider.textTwo}
72
+ <span className={styles['counter-number']}> {relation?.games_count} </span>{' '}
73
+ {gameProvider.textTwo}
63
74
  </p>
64
75
  )}
65
76
  </div>
@@ -7,43 +7,53 @@
7
7
  justify-content: space-between;
8
8
  border-radius: 0.6rem;
9
9
  height: 100%;
10
+
10
11
  .header {
11
12
  @include flex-direction(column);
13
+
12
14
  .links {
13
15
  @include flex-align(center, center);
16
+
14
17
  &:hover {
15
18
  text-decoration: underline;
16
19
  color: #08202e;
17
20
  }
18
- .logo {
19
- max-width: 17.9rem;
20
- max-height: 4rem;
21
- margin-bottom: 1rem;
22
- }
23
- .title {
24
- color: #08202e;
25
- font-weight: 400;
26
- padding-top: 0.8rem;
27
- font-size: 1.6rem;
28
- }
29
21
  }
30
22
  }
23
+
31
24
  .excerpt {
32
25
  color: #6b7982;
33
26
  font-size: 1.4rem;
34
27
  padding-bottom: 1.6rem;
35
28
  }
29
+
30
+ .logo {
31
+ max-width: 17.9rem;
32
+ max-height: 4rem;
33
+ margin-bottom: 1rem;
34
+ object-fit: cover;
35
+ }
36
+
37
+ .title {
38
+ color: #08202e;
39
+ font-weight: 400;
40
+ padding-top: 0.8rem;
41
+ font-size: 1.6rem;
42
+ }
43
+
36
44
  .bottom {
37
45
  @include flex-direction(column);
46
+
38
47
  p {
39
48
  color: #00889e;
40
49
  font-size: 1.4rem;
41
50
  text-align: center;
42
51
  padding: 0 3rem 1.6rem;
43
52
  font-weight: 400;
44
- span {
45
- font-weight: 500;
46
- }
47
53
  }
48
54
  }
49
55
  }
56
+
57
+ .counter-number {
58
+ font-weight: 500;
59
+ }
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[679],{"./src/components/atoms/cards/software-provider-card/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>software_provider_card});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),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.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"),helpers_image=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/image.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),software_provider_card_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/cards/software-provider-card/software-provider-card.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(software_provider_card_module.A,options);const software_provider_card_software_provider_card_module=software_provider_card_module.A.locals||{};var SoftwareProviderCard=function(_ref){var _item$relation,_item$relation$logo,_item$relation2,_sections$header,_sections$header$extr,_sections$header$extr2,_sections$header2,_sections$header2$ext,item=_ref.item,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$showProvider=_ref.showProvider,showProvider=void 0===_ref$showProvider||_ref$showProvider,_ref$showDesc=_ref.showDesc,showDesc=void 0===_ref$showDesc||_ref$showDesc,_ref$gameProvider=_ref.gameProvider,gameProvider=void 0===_ref$gameProvider?{textOne:"This game provider has",textTwo:"slots"}:_ref$gameProvider,_ref$width=_ref.width,width=void 0===_ref$width?150:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?150:_ref$height,title=item.title,path=item.path,relation=item.relation,sections=item.sections,logUrlObject=(null===(_item$relation=item.relation)||void 0===_item$relation||null===(_item$relation$logo=_item$relation.logo)||void 0===_item$relation$logo?void 0:_item$relation$logo.filename)||(null==item||null===(_item$relation2=item.relation)||void 0===_item$relation2?void 0:_item$relation2.logo);return react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.content)||""},react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.header)||""},react.createElement(hooks_link.A,{className:`${(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.links)||""} software-provider-card-gtm`,"aria-label":(0,useTranslate.A)(`ariaLabel-${title}Link`,`${title} Link`),to:path},logUrlObject?react.createElement(lazy_image.A,{width,height,className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.logo)||"",src:(0,getters.pv)(logUrlObject,width,height),alt:(0,helpers_image.l)(logUrlObject,title)}):react.createElement(lazy_image.A,{alt:title,width:"100%",height:"100%",loading:"lazy",filename:"default-article.jpg"})),showTitle&&react.createElement(hooks_link.A,{className:`${(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.links)||""} software-provider-card-gtm`,to:path},react.createElement("span",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.title)||""},title))),showDesc&&react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.excerpt)||""},(0,getters.QC)((null==sections||null===(_sections$header=sections.header)||void 0===_sections$header||null===(_sections$header$extr=_sections$header.extra_fields)||void 0===_sections$header$extr||null===(_sections$header$extr2=_sections$header$extr.header_text)||void 0===_sections$header$extr2?void 0:_sections$header$extr2.value)||(null==sections||null===(_sections$header2=sections.header)||void 0===_sections$header2||null===(_sections$header2$ext=_sections$header2.extra_fields)||void 0===_sections$header2$ext?void 0:_sections$header2$ext.header_text))),react.createElement("div",{className:(null==software_provider_card_software_provider_card_module?void 0:software_provider_card_software_provider_card_module.bottom)||""},(null==relation?void 0:relation.games_count)&&showProvider&&react.createElement("p",null,gameProvider.textOne,react.createElement("span",{className:software_provider_card_software_provider_card_module["counter-number"]}," ",null==relation?void 0:relation.games_count," ")," ",gameProvider.textTwo)))};SoftwareProviderCard.displayName="SoftwareProviderCard",SoftwareProviderCard.propTypes={showTitle:prop_types_default().bool,showProvider:prop_types_default().bool,showDesc:prop_types_default().bool,gameProvider:prop_types_default().shape({textOne:prop_types_default().string,textTwo:prop_types_default().string}),item:prop_types_default().shape({title:prop_types_default().string,path:prop_types_default().string,relation:prop_types_default().shape({games_count:prop_types_default().number,logo:prop_types_default().string,logo_filename_object:prop_types_default().shape({alt:prop_types_default().string}),standardised_logo_filename_object:prop_types_default().shape({alt:prop_types_default().string})}),sections:prop_types_default().shape({header:prop_types_default().shape({extra_fields:prop_types_default().shape({header_text:prop_types_default().string})})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number},SoftwareProviderCard.__docgenInfo={description:"",methods:[],displayName:"SoftwareProviderCard",props:{showTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showProvider:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showDesc:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},gameProvider:{defaultValue:{value:"{\n textOne: 'This game provider has',\n textTwo: 'slots',\n}",computed:!1},description:"",type:{name:"shape",value:{textOne:{name:"string",required:!1},textTwo:{name:"string",required:!1}}},required:!1},width:{defaultValue:{value:"150",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"150",computed:!1},description:"",type:{name:"number"},required:!1},item:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1},path:{name:"string",required:!1},relation:{name:"shape",value:{games_count:{name:"number",required:!1},logo:{name:"string",required:!1},logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},standardised_logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1}},required:!1},sections:{name:"shape",value:{header:{name:"shape",value:{extra_fields:{name:"shape",value:{header_text:{name:"string",required:!1}},required:!1}},required:!1}},required:!1}}},required:!0}}};const software_provider_card=SoftwareProviderCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/software-provider-card/index.js"]={name:"SoftwareProviderCard",docgenInfo:SoftwareProviderCard.__docgenInfo,path:"src/components/atoms/cards/software-provider-card/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/cards/software-provider-card/software-provider-card.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".vXDm124lIMUTLX8x1wE\\+7g\\=\\={width:100%;background-color:#fff;padding:1.6rem 1.8rem 2.3rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:.6rem;height:100%}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\={display:flex;flex-direction:column}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\={display:flex;align-items:center;justify-content:center}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\=:hover{text-decoration:underline;color:#08202e}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .gVn-SWfNzdZWU6JGfr0RXw\\=\\={color:#6b7982;font-size:1.4rem;padding-bottom:1.6rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .QFI\\+W-HX8ENFixXSjeFc0g\\=\\={max-width:17.9rem;max-height:4rem;margin-bottom:1rem;object-fit:cover}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .spSljnSYKe8d--K66ExmkQ\\=\\={color:#08202e;font-weight:400;padding-top:.8rem;font-size:1.6rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\={display:flex;flex-direction:column}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\= p{color:#00889e;font-size:1.4rem;text-align:center;padding:0 3rem 1.6rem;font-weight:400}.v\\+j64whlwH1YZjR6NQ6K5g\\=\\={font-weight:500}","",{version:3,sources:["webpack://./src/components/atoms/cards/software-provider-card/software-provider-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CACA,qBAAA,CACA,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,mBAAA,CACA,WAAA,CAEA,0DCjBA,YAAA,CACA,qBDiB0B,CAExB,sFC1BF,YAAA,CACA,kBD0BwB,CCzBxB,sBDyBgC,CAE5B,4FACE,yBAAA,CACA,aAAA,CAKN,yDACE,aAAA,CACA,gBAAA,CACA,qBAAA,CAGF,0DACE,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CAGF,yDACE,aAAA,CACA,eAAA,CACA,iBAAA,CACA,gBAAA,CAGF,0DClDA,YAAA,CACA,qBDkD0B,CAExB,4DACE,aAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAA,CACA,eAAA,CAKN,6BACE,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.content {\n width: 100%;\n background-color: #fff;\n padding: 1.6rem 1.8rem 2.3rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-radius: 0.6rem;\n height: 100%;\n\n .header {\n @include flex-direction(column);\n\n .links {\n @include flex-align(center, center);\n\n &:hover {\n text-decoration: underline;\n color: #08202e;\n }\n }\n }\n\n .excerpt {\n color: #6b7982;\n font-size: 1.4rem;\n padding-bottom: 1.6rem;\n }\n\n .logo {\n max-width: 17.9rem;\n max-height: 4rem;\n margin-bottom: 1rem;\n object-fit: cover;\n }\n\n .title {\n color: #08202e;\n font-weight: 400;\n padding-top: 0.8rem;\n font-size: 1.6rem;\n }\n\n .bottom {\n @include flex-direction(column);\n\n p {\n color: #00889e;\n font-size: 1.4rem;\n text-align: center;\n padding: 0 3rem 1.6rem;\n font-weight: 400;\n }\n }\n}\n\n.counter-number {\n font-weight: 500;\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, $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={content:"vXDm124lIMUTLX8x1wE+7g==",header:"FizPsTo+RQjwBM7KZiVhFA==",links:"iZJlMr49477ib1oJr7nN6g==",excerpt:"gVn-SWfNzdZWU6JGfr0RXw==",logo:"QFI+W-HX8ENFixXSjeFc0g==",title:"spSljnSYKe8d--K66ExmkQ==",bottom:"_25bv8l3k-AD9frmdBTXP5w==","counter-number":"v+j64whlwH1YZjR6NQ6K5g=="};const __WEBPACK_DEFAULT_EXPORT__=___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/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.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/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"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)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.1ac5f678.iframe.bundle.js"></script><script src="384.fb6afb39.iframe.bundle.js"></script><script src="main.39c192c9.iframe.bundle.js"></script></body></html>
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/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.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/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"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)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.64a4e956.iframe.bundle.js"></script><script src="384.fb6afb39.iframe.bundle.js"></script><script src="main.38b6d998.iframe.bundle.js"></script></body></html>