@consumidor-positivo/aurora 0.0.168 → 0.0.169
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.
|
@@ -105,6 +105,7 @@ const Footer = ({
|
|
|
105
105
|
const handleClick = (url) => {
|
|
106
106
|
window.open(url, "_blank");
|
|
107
107
|
};
|
|
108
|
+
const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile();
|
|
108
109
|
if (categoryLinks) {
|
|
109
110
|
return /* @__PURE__ */ jsx("footer", { role: "contentinfo", className: "au-footer-full", children: /* @__PURE__ */ jsxs("div", { className: "au-footer-full__container", children: [
|
|
110
111
|
/* @__PURE__ */ jsx("div", { className: "au-footer-full__logo", children: logo }),
|
|
@@ -136,7 +137,7 @@ const Footer = ({
|
|
|
136
137
|
})
|
|
137
138
|
] }, index);
|
|
138
139
|
}),
|
|
139
|
-
/* @__PURE__ */ jsxs("div", { className: "au-footer-
|
|
140
|
+
/* @__PURE__ */ jsxs("div", { className: "au-footer-full__company-info", children: [
|
|
140
141
|
/* @__PURE__ */ jsx(Text, { as: "h2", variant: "heading-micro", weight: "bold", children: "Siga a gente" }),
|
|
141
142
|
/* @__PURE__ */ jsx("div", { className: "au-footer-full__links-socials", children: usedSocials.map(({ icon, url }, index) => {
|
|
142
143
|
return /* @__PURE__ */ jsx(
|
|
@@ -231,7 +232,9 @@ const Footer = ({
|
|
|
231
232
|
),
|
|
232
233
|
companyOverview && /* @__PURE__ */ jsx("div", { className: "au-footer-full__company-overview", children: /* @__PURE__ */ jsx(Text, { color: "secondary", children: companyOverview }) }),
|
|
233
234
|
/* @__PURE__ */ jsxs("div", { className: "au-footer-full__bottom", children: [
|
|
234
|
-
/* @__PURE__ */ jsx("div", { className: "au-footer-full__bottom-certificates",
|
|
235
|
+
/* @__PURE__ */ jsx("div", { className: classNames("au-footer-full__bottom-certificates", {
|
|
236
|
+
"au-footer-full__bottom-certificates--with-border": showCertificatesBorder
|
|
237
|
+
}), children: usedCertificates.map(({ logo: logo2, name }, index) => {
|
|
235
238
|
return /* @__PURE__ */ jsx(LazyImage, { src: logo2, alt: name }, index);
|
|
236
239
|
}) }),
|
|
237
240
|
/* @__PURE__ */ jsxs("div", { className: "au-footer-full__bottom-side", children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n IconInstagram,\n IconFacebook,\n IconYoutube,\n IconLinkedin,\n IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n fintech2022: {\n logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n name: 'Melhores Fintechs 2022',\n },\n fintech2023: {\n logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n name: 'Melhores Fintechs 2023',\n },\n pcidss: {\n logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n name: 'PCI DSS Compliant',\n },\n quintessa: {\n logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n name: 'Quintessa',\n },\n ra1000: {\n logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n name: 'RA 1000',\n },\n reclameaqui: {\n logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n name: 'Ótimo Reclame Aqui',\n },\n scaleup: {\n logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n name: 'Scale Up',\n },\n sslblindado: {\n logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n name: 'SSL Blindado',\n },\n}\nexport const socialsMap = {\n instagram: {\n name: 'Instagram',\n icon: <IconInstagram />,\n },\n facebook: {\n name: 'Facebook',\n icon: <IconFacebook />,\n },\n youtube: {\n name: 'Youtube',\n icon: <IconYoutube />,\n },\n linkedin: {\n name: 'Linkedin',\n icon: <IconLinkedin />,\n },\n tiktok: {\n name: 'TikTok',\n icon: <IconTiktok />,\n },\n}\n\nexport const storesMap = {\n googleplay: {\n name: 'Google Play',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n },\n appstore: {\n name: 'App Store',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n logo,\n categoryLinks,\n socialLinks,\n cnpj,\n address,\n companyOverview,\n certificates,\n copyrights,\n stores = {},\n}: FooterProps) => {\n const usedCertificates = certificates.map(\n (certificate) => certificatesMap[certificate],\n )\n\n const usedSocials = Object.keys(socialLinks).map((social) => {\n return {\n ...socialsMap[social as keyof typeof socialsMap],\n url: socialLinks[social as keyof typeof socialLinks],\n }\n })\n\n const usedStores = Object.keys(stores).map((store) => {\n return {\n ...storesMap[store as keyof typeof storesMap],\n url: stores[store as keyof typeof stores],\n }\n })\n\n const handleClick = (url: string) => {\n window.open(url, '_blank')\n }\n if (categoryLinks) {\n return (\n <footer role=\"contentinfo\" className=\"au-footer-full\">\n <div className=\"au-footer-full__container\">\n <div className=\"au-footer-full__logo\">{logo}</div>\n <div className=\"au-footer-full__links\">\n {categoryLinks.map(({ categoryTitle, links }, index) => {\n return (\n <div key={index} className=\"au-footer-full__links-category\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n {categoryTitle}\n </Text>\n {links.map(({ title, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {title}\n </Text>\n </div>\n )\n })}\n </div>\n )\n })}\n <div className=\"au-footer-full__links-category\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n Siga a gente\n </Text>\n <div className=\"au-footer-full__links-socials\">\n {usedSocials.map(({ icon, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n {icon}\n </div>\n )\n })}\n </div>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"strong\"\n weight=\"bold\"\n color=\"secondary\">\n CNPJ:\n </Text> {cnpj}\n </Text>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"bold\"\n color=\"secondary\">\n Localização:\n </Text>\n {address}\n </Text>\n </div>\n </div>\n <Conditional\n condition={!!usedStores.length && Boolean(isMobile())}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n {companyOverview && (\n <div className=\"au-footer-full__company-overview\">\n <Text color=\"secondary\">{companyOverview}</Text>\n </div>\n )}\n <div className=\"au-footer-full__bottom\">\n <div className=\"au-footer-full__bottom-certificates\">\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n <div className=\"au-footer-full__bottom-side\">\n <Conditional\n condition={!!usedStores.length && !isMobile()}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\"\n className=\"au-footer-full__copyrights\"\n dangerouslySetInnerHTML={copyrights}\n />\n </div>\n </div>\n </div>\n </footer>\n )\n }\n\n return (\n <footer role=\"contentinfo\" className=\"au-footer\">\n <div className=\"au-footer__container\">\n <div className=\"au-footer__content\">\n <div className=\"au-footer__content-logos\">\n {logo}\n <div className=\"au-footer__content-divider\" />\n <div className=\"au-footer__content-certificates\">\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n </div>\n <div className=\"au-footer__content-copyrights\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {copyrights}\n </Text>\n </div>\n </div>\n </div>\n </footer>\n )\n}\n"],"names":["index","logo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Footer/data.tsx","../../../lib/components/Footer/index.tsx"],"sourcesContent":["import {\n IconInstagram,\n IconFacebook,\n IconYoutube,\n IconLinkedin,\n IconTiktok,\n} from '../icons'\n\nexport const certificatesMap = {\n fintech2022: {\n logo: 'https://assets.acordocerto.com.br/f/114280/47x62/6ffd0990ed/fintech-2022.png',\n name: 'Melhores Fintechs 2022',\n },\n fintech2023: {\n logo: 'https://assets.acordocerto.com.br/f/114280/84x73/b48cc08aa5/fintech-2023.png',\n name: 'Melhores Fintechs 2023',\n },\n pcidss: {\n logo: 'https://assets.acordocerto.com.br/f/114280/85x36/8be091fa1c/pci-dss.png',\n name: 'PCI DSS Compliant',\n },\n quintessa: {\n logo: 'https://assets.acordocerto.com.br/f/114280/122x40/16f41476c0/quintessa.png',\n name: 'Quintessa',\n },\n ra1000: {\n logo: 'https://assets.acordocerto.com.br/f/114280/100x58/ad8bed26c8/ra1000.png',\n name: 'RA 1000',\n },\n reclameaqui: {\n logo: 'https://assets.acordocerto.com.br/f/114280/60x60/b85fcf03dd/reclame-aqui.png',\n name: 'Ótimo Reclame Aqui',\n },\n scaleup: {\n logo: 'https://assets.acordocerto.com.br/f/114280/104x50/07c8b89dbe/scale-up.png',\n name: 'Scale Up',\n },\n sslblindado: {\n logo: 'https://assets.acordocerto.com.br/f/114280/75x54/60734a2cc4/ssl-blindado.png',\n name: 'SSL Blindado',\n },\n}\nexport const socialsMap = {\n instagram: {\n name: 'Instagram',\n icon: <IconInstagram />,\n },\n facebook: {\n name: 'Facebook',\n icon: <IconFacebook />,\n },\n youtube: {\n name: 'Youtube',\n icon: <IconYoutube />,\n },\n linkedin: {\n name: 'Linkedin',\n icon: <IconLinkedin />,\n },\n tiktok: {\n name: 'TikTok',\n icon: <IconTiktok />,\n },\n}\n\nexport const storesMap = {\n googleplay: {\n name: 'Google Play',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/e0e7eda65d/google-play.png',\n },\n appstore: {\n name: 'App Store',\n icon: 'https://assets.acordocerto.com.br/f/114280/117x36/38b0d1ecc9/app-store.png',\n },\n}\n","import classNames from 'classnames'\nimport { Text } from '../Text'\nimport { FooterProps } from './types'\nimport { certificatesMap, socialsMap, storesMap } from './data'\nimport { Conditional } from '../misc'\nimport { LazyImage } from '../LazyImage'\nimport { isMobile } from '@core/utils/isMobile'\nimport './styles.scss'\n\nexport const Footer = ({\n logo,\n categoryLinks,\n socialLinks,\n cnpj,\n address,\n companyOverview,\n certificates,\n copyrights,\n stores = {},\n}: FooterProps) => {\n const usedCertificates = certificates.map(\n (certificate) => certificatesMap[certificate],\n )\n\n const usedSocials = Object.keys(socialLinks).map((social) => {\n return {\n ...socialsMap[social as keyof typeof socialsMap],\n url: socialLinks[social as keyof typeof socialLinks],\n }\n })\n\n const usedStores = Object.keys(stores).map((store) => {\n return {\n ...storesMap[store as keyof typeof storesMap],\n url: stores[store as keyof typeof stores],\n }\n })\n\n const handleClick = (url: string) => {\n window.open(url, '_blank')\n }\n\n const showCertificatesBorder = usedCertificates.length > 3 && !!isMobile()\n \n if (categoryLinks) {\n return (\n <footer role=\"contentinfo\" className=\"au-footer-full\">\n <div className=\"au-footer-full__container\">\n <div className=\"au-footer-full__logo\">{logo}</div>\n <div className=\"au-footer-full__links\">\n {categoryLinks.map(({ categoryTitle, links }, index) => {\n return (\n <div key={index} className=\"au-footer-full__links-category\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n {categoryTitle}\n </Text>\n {links.map(({ title, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {title}\n </Text>\n </div>\n )\n })}\n </div>\n )\n })}\n <div className=\"au-footer-full__company-info\">\n <Text as=\"h2\" variant=\"heading-micro\" weight=\"bold\">\n Siga a gente\n </Text>\n <div className=\"au-footer-full__links-socials\">\n {usedSocials.map(({ icon, url }, index) => {\n return (\n <div\n className={classNames('au-footer-full__links', {\n 'au-footer-full__links--is-clickable': !!url,\n })}\n key={index}\n onClick={() => url && handleClick(url)}>\n {icon}\n </div>\n )\n })}\n </div>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"strong\"\n weight=\"bold\"\n color=\"secondary\">\n CNPJ:\n </Text> {cnpj}\n </Text>\n <Text\n as=\"div\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"bold\"\n color=\"secondary\">\n Localização:\n </Text>\n {address}\n </Text>\n </div>\n </div>\n <Conditional\n condition={!!usedStores.length && Boolean(isMobile())}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n {companyOverview && (\n <div className=\"au-footer-full__company-overview\">\n <Text color=\"secondary\">{companyOverview}</Text>\n </div>\n )}\n <div className=\"au-footer-full__bottom\">\n <div className={classNames(\"au-footer-full__bottom-certificates\", {\n 'au-footer-full__bottom-certificates--with-border': showCertificatesBorder,\n })}>\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n <div className=\"au-footer-full__bottom-side\">\n <Conditional\n condition={!!usedStores.length && !isMobile()}\n renderIf={\n <div className=\"au-footer-full__stores\">\n <Text\n className=\"au-footer-full__stores-title\"\n as=\"h2\"\n variant=\"heading-micro\"\n weight=\"bold\">\n Baixe nosso app\n </Text>\n {usedStores.map(({ icon, url, name }, index) => {\n return (\n <LazyImage\n className={classNames('au-footer-full__stores-logo', {\n 'au-footer-full__stores-logo--is-clickable': !!url,\n })}\n key={index}\n src={icon}\n alt={name}\n onClick={() => url && handleClick(url)}\n />\n )\n })}\n </div>\n }\n />\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\"\n className=\"au-footer-full__copyrights\"\n dangerouslySetInnerHTML={copyrights}\n />\n </div>\n </div>\n </div>\n </footer>\n )\n }\n\n return (\n <footer role=\"contentinfo\" className=\"au-footer\">\n <div className=\"au-footer__container\">\n <div className=\"au-footer__content\">\n <div className=\"au-footer__content-logos\">\n {logo}\n <div className=\"au-footer__content-divider\" />\n <div className=\"au-footer__content-certificates\">\n {usedCertificates.map(({ logo, name }, index) => {\n return <LazyImage key={index} src={logo} alt={name} />\n })}\n </div>\n </div>\n <div className=\"au-footer__content-copyrights\">\n <Text\n as=\"h2\"\n variant=\"body-medium\"\n weight=\"regular\"\n color=\"secondary\">\n {copyrights}\n </Text>\n </div>\n </div>\n </div>\n </footer>\n )\n}\n"],"names":["index","logo"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-footer{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer{padding-block:48px}}.au-footer__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer__container{padding:0 16px}}.au-footer__container{display:flex;flex-direction:column;gap:48px}.au-footer__content{display:flex;align-items:center;justify-content:space-between}@media (max-width:
|
|
1
|
+
.au-footer{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer{padding-block:48px}}.au-footer__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer__container{padding:0 16px}}.au-footer__container{display:flex;flex-direction:column;gap:48px}.au-footer__content{display:flex;align-items:center;justify-content:space-between}@media (max-width: 1023px){.au-footer__content{gap:32px;flex-direction:column}}.au-footer__content-logos{display:flex;gap:16px;align-items:center}@media (max-width: 1023px){.au-footer__content-logos{gap:32px;flex-direction:column}}.au-footer__content-divider{display:none}@media (min-width: 1024px){.au-footer__content-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__content-certificates{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}@media (max-width: 1023px){.au-footer__content-certificates{justify-content:center;padding-top:32px;border-top:1px solid #e2e4e9}}@media (min-width: 1024px){.au-footer__content-certificates{margin-right:8px}}.au-footer__content-copyrights{max-width:385px;text-align:center}@media (min-width: 1024px){.au-footer__content-copyrights{text-align:right}}.au-footer__bottom{display:flex;align-items:center;justify-content:center;text-align:center}.au-footer-full{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer-full{padding-block:48px}}@media (min-width: 1024px){.au-footer-full{padding-block:64px}}.au-footer-full__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer-full__container{padding:0 16px}}.au-footer-full__container{gap:32px;display:flex;flex-direction:column}@media (min-width: 1024px){.au-footer-full__container{gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links--is-clickable{cursor:pointer}.au-footer-full__links--is-clickable:hover .au-text{color:#16181d}.au-footer-full__links-category{max-width:272px;display:flex;flex-direction:column;gap:16px}.au-footer-full__links-socials{display:flex;align-items:center;gap:16px}.au-footer-full__company-info{max-width:272px;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.au-footer-full__company-info{gap:16px}}.au-footer-full__company-overview{padding-top:32px;border-top:1px solid #e2e4e9}@media (min-width: 1024px){.au-footer-full__company-overview{padding-top:48px}}.au-footer-full__bottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:32px}@media (min-width: 1024px){.au-footer-full__bottom{gap:48px;flex-direction:row;padding-top:48px;border-top:1px solid #e2e4e9}}.au-footer-full__bottom-certificates{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap;gap:32px 0px}.au-footer-full__bottom-certificates--with-border{border-top:1px solid #e2e4e9;padding-top:32px}@media (min-width: 1024px){.au-footer-full__bottom-certificates{justify-content:start;flex-wrap:nowrap;gap:32px}}.au-footer-full__bottom-side{display:flex;width:100%;flex-direction:column;align-items:center;border-top:1px solid #e2e4e9;text-align:center}@media (min-width: 1024px){.au-footer-full__bottom-side{border-top:0;text-align:right;align-items:flex-end}}.au-footer-full__stores{display:flex;gap:13px;flex-wrap:wrap;align-items:center}@media (min-width: 1024px){.au-footer-full__stores{gap:16px}}.au-footer-full__stores-title{text-align:left}@media (max-width: 599px){.au-footer-full__stores-title{width:100%}}.au-footer-full__stores-logo{cursor:pointer;max-width:129px}@media (max-width: 599px){.au-footer-full__stores-logo{flex:1}}@media (min-width: 1024px){.au-footer-full__stores-logo{width:117px}}.au-footer-full__stores-logo--is-clickable{cursor:pointer}.au-footer-full__stores-logo--is-clickable:hover{opacity:.6}.au-footer-full__copyrights{padding-top:32px}@media (min-width: 1024px){.au-footer-full__copyrights{padding-top:16px}}
|
package/dist/mixins.scss
CHANGED
|
@@ -30,25 +30,25 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
@mixin belowSmall {
|
|
33
|
-
@media (max-width: $breakpoint-sm) {
|
|
33
|
+
@media (max-width: #{$breakpoint-sm - 1}) {
|
|
34
34
|
@content;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
@mixin belowMedium {
|
|
39
|
-
@media (max-width: $breakpoint-md) {
|
|
39
|
+
@media (max-width: #{$breakpoint-md - 1}) {
|
|
40
40
|
@content;
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
@mixin belowLarge {
|
|
45
|
-
@media (max-width: $breakpoint-lg) {
|
|
45
|
+
@media (max-width: #{$breakpoint-lg - 1}) {
|
|
46
46
|
@content;
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
@mixin belowXLarge {
|
|
51
|
-
@media (max-width: $
|
|
51
|
+
@media (max-width: #{$breakpointxlg - 1}) {
|
|
52
52
|
@content;
|
|
53
53
|
}
|
|
54
54
|
}
|