@axa-fr/design-system-look-and-feel-css 0.3.0-ci.288 → 0.3.0-ci.290

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/dist/Accordion/Accordion.css +1 -1
  2. package/dist/Accordion/Accordion.css.map +1 -1
  3. package/dist/Accordion/Accordion.scss +3 -3
  4. package/dist/AccordionCore/AccordionCore.css +1 -1
  5. package/dist/AccordionCore/AccordionCore.css.map +1 -1
  6. package/dist/AccordionCore/AccordionCore.scss +4 -4
  7. package/dist/Alert/Alert.css +1 -1
  8. package/dist/Alert/Alert.css.map +1 -1
  9. package/dist/Alert/Alert.scss +21 -23
  10. package/dist/Button/Button.css +1 -1
  11. package/dist/Button/Button.css.map +1 -1
  12. package/dist/Button/Button.scss +39 -41
  13. package/dist/Card/Card.css +1 -1
  14. package/dist/Card/Card.css.map +1 -1
  15. package/dist/Card/Card.scss +5 -6
  16. package/dist/Divider/Divider.css +1 -1
  17. package/dist/Divider/Divider.css.map +1 -1
  18. package/dist/Divider/Divider.scss +1 -3
  19. package/dist/Form/Checkbox/Checkbox.css +1 -1
  20. package/dist/Form/Checkbox/Checkbox.css.map +1 -1
  21. package/dist/Form/Checkbox/Checkbox.scss +29 -31
  22. package/dist/Form/FileUpload/FileUpload.css +1 -1
  23. package/dist/Form/FileUpload/FileUpload.css.map +1 -1
  24. package/dist/Form/FileUpload/FileUpload.scss +19 -21
  25. package/dist/Form/InputError/InputError.css +1 -1
  26. package/dist/Form/InputError/InputError.css.map +1 -1
  27. package/dist/Form/InputError/InputError.scss +4 -6
  28. package/dist/Form/Radio/Radio.css +1 -1
  29. package/dist/Form/Radio/Radio.css.map +1 -1
  30. package/dist/Form/Radio/Radio.scss +27 -29
  31. package/dist/Form/Select/Select.css +1 -1
  32. package/dist/Form/Select/Select.css.map +1 -1
  33. package/dist/Form/Select/Select.scss +24 -25
  34. package/dist/Form/Text/Text.css +1 -1
  35. package/dist/Form/Text/Text.css.map +1 -1
  36. package/dist/Form/Text/Text.scss +10 -10
  37. package/dist/IconBg/IconBg.css +1 -1
  38. package/dist/IconBg/IconBg.css.map +1 -1
  39. package/dist/IconBg/IconBg.scss +6 -6
  40. package/dist/Layout/Footer/Footer.css +1 -1
  41. package/dist/Layout/Footer/Footer.css.map +1 -1
  42. package/dist/Layout/Footer/Footer.scss +24 -24
  43. package/dist/Layout/Header/Header.css +1 -1
  44. package/dist/Layout/Header/Header.css.map +1 -1
  45. package/dist/Layout/Header/Header.scss +9 -9
  46. package/dist/Layout/Header/NavBar/NavBar.css +1 -1
  47. package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
  48. package/dist/Layout/Header/NavBar/NavBar.scss +6 -8
  49. package/dist/Layout/Header/PreviousLink/PreviousLink.css +1 -1
  50. package/dist/Layout/Header/PreviousLink/PreviousLink.css.map +1 -1
  51. package/dist/Layout/Header/PreviousLink/PreviousLink.scss +5 -5
  52. package/dist/Link/Link.css +1 -1
  53. package/dist/Link/Link.css.map +1 -1
  54. package/dist/Link/Link.scss +8 -10
  55. package/dist/List/ClickList/ClickList.css +1 -1
  56. package/dist/List/ClickList/ClickList.css.map +1 -1
  57. package/dist/List/ClickList/ClickList.scss +12 -12
  58. package/dist/List/ContentItemDuo/ContentItemDuo.css +1 -1
  59. package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
  60. package/dist/List/ContentItemDuo/ContentItemDuo.scss +5 -5
  61. package/dist/List/ContentItemMono/ContentItemMono.css +1 -1
  62. package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
  63. package/dist/List/ContentItemMono/ContentItemMono.scss +12 -12
  64. package/dist/List/ContentTabList/ContentTabList.css +1 -1
  65. package/dist/List/ContentTabList/ContentTabList.css.map +1 -1
  66. package/dist/List/ContentTabList/ContentTabList.scss +5 -5
  67. package/dist/List/List.css +1 -1
  68. package/dist/List/List.css.map +1 -1
  69. package/dist/List/List.scss +1 -1
  70. package/dist/Loader/Loader.css +1 -1
  71. package/dist/Loader/Loader.css.map +1 -1
  72. package/dist/Loader/Loader.scss +2 -4
  73. package/dist/Modal/Modal.css +1 -1
  74. package/dist/Modal/Modal.css.map +1 -1
  75. package/dist/Modal/Modal.scss +10 -10
  76. package/dist/Pagination/Pagination.css +1 -1
  77. package/dist/Pagination/Pagination.css.map +1 -1
  78. package/dist/Pagination/Pagination.scss +1 -3
  79. package/dist/Pagination/PaginationDesktop.css +1 -1
  80. package/dist/Pagination/PaginationDesktop.css.map +1 -1
  81. package/dist/Pagination/PaginationDesktop.scss +4 -6
  82. package/dist/Pagination/PaginationMobile.css +1 -1
  83. package/dist/Pagination/PaginationMobile.css.map +1 -1
  84. package/dist/Pagination/PaginationMobile.scss +4 -6
  85. package/dist/Stepper/Stepper.css +1 -1
  86. package/dist/Stepper/Stepper.css.map +1 -1
  87. package/dist/Stepper/Stepper.scss +8 -10
  88. package/dist/Tabs/Tabs.css +1 -1
  89. package/dist/Tabs/Tabs.css.map +1 -1
  90. package/dist/Tabs/Tabs.scss +6 -8
  91. package/dist/Tag/Tag.css +1 -1
  92. package/dist/Tag/Tag.css.map +1 -1
  93. package/dist/Tag/Tag.scss +12 -12
  94. package/dist/Title/Title.css +1 -1
  95. package/dist/Title/Title.css.map +1 -1
  96. package/dist/Title/Title.scss +32 -36
  97. package/dist/common/tokens.css +1 -0
  98. package/dist/common/tokens.css.map +1 -0
  99. package/dist/common/tokens.scss +119 -0
  100. package/dist/look-and-feel.css +1 -1
  101. package/dist/look-and-feel.css.map +1 -1
  102. package/dist/look-and-feel.scss +1 -0
  103. package/package.json +1 -1
@@ -11,7 +11,7 @@
11
11
  font-size: common.rem(16);
12
12
  font-weight: 600;
13
13
  line-height: common.rem(20);
14
- color: common.$color-gray-900;
14
+ color: var(--color-gray-900);
15
15
 
16
16
  @media (width > #{common.$breakpoint-md}) {
17
17
  font-size: common.rem(18);
@@ -23,7 +23,7 @@
23
23
  font-size: common.rem(14);
24
24
  font-weight: 400;
25
25
  line-height: common.rem(18);
26
- color: common.$color-gray-700;
26
+ color: var(--color-gray-700);
27
27
 
28
28
  @media (width > #{common.$breakpoint-md}) {
29
29
  font-size: common.rem(16);
@@ -35,7 +35,7 @@
35
35
  margin-top: 0.2rem;
36
36
  font-size: common.rem(14);
37
37
  line-height: common.rem(18);
38
- color: common.$color-gray-700;
38
+ color: var(--color-gray-700);
39
39
 
40
40
  @media (width > #{common.$breakpoint-md}) {
41
41
  font-size: common.rem(16);
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  &__input-more {
47
- fill: common.$color-axa;
47
+ fill: var(--color-axa);
48
48
 
49
49
  svg {
50
50
  width: 1.25rem;
@@ -55,11 +55,11 @@
55
55
  &__input-text {
56
56
  margin-top: 0.5rem;
57
57
  padding: 1rem 2.5rem 1rem 1rem;
58
- border: 1px solid common.$color-gray;
59
- border-radius: common.$default-border-radius;
58
+ border: 1px solid var(--color-gray);
59
+ border-radius: var(--default-border-radius);
60
60
  font-size: common.rem(16);
61
61
  line-height: common.rem(20);
62
- color: common.$color-gray-900;
62
+ color: var(--color-gray-900);
63
63
 
64
64
  @media (width > #{common.$breakpoint-md}) {
65
65
  font-size: common.rem(18);
@@ -67,19 +67,19 @@
67
67
  }
68
68
 
69
69
  &--error {
70
- border: 2px solid common.$color-red-700;
70
+ border: 2px solid var(--color-red-700);
71
71
  }
72
72
 
73
73
  &:enabled {
74
74
  &:focus,
75
75
  &:active {
76
- border: 1px solid common.$color-axa;
76
+ border: 1px solid var(--color-axa);
77
77
  outline: none;
78
78
  }
79
79
  }
80
80
 
81
81
  &:not(:disabled, :focus, :active, &--error):hover {
82
- border: 2px solid common.$color-axa;
82
+ border: 2px solid var(--color-axa);
83
83
  outline: none;
84
84
  }
85
85
  }
@@ -1 +1 @@
1
- .af-icon-bg{background-color:#fff;border-radius:.75rem;display:grid;height:min-content;padding:.75rem;width:min-content}.af-icon-bg svg{height:2rem;width:2rem;fill:#00008f}.af-icon-bg--secondary{background-color:#00008f}.af-icon-bg--secondary svg{fill:#fff}.af-icon-bg--disabled{background-color:#f3f3f3}.af-icon-bg--disabled svg{fill:#999}@media (width <= 667px){.af-icon-bg{padding:.5rem}}
1
+ .af-icon-bg{background-color:var(--color-white);border-radius:.75rem;display:grid;height:min-content;padding:.75rem;width:min-content}.af-icon-bg svg{height:2rem;width:2rem;fill:var(--color-axa)}.af-icon-bg--secondary{background-color:var(--color-axa)}.af-icon-bg--secondary svg{fill:var(--color-white)}.af-icon-bg--disabled{background-color:var(--color-gray-200)}.af-icon-bg--disabled svg{fill:var(--color-gray-500)}@media (width <= 667px){.af-icon-bg{padding:.5rem}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/IconBg/IconBg.scss%23sass","../../src/IconBg/IconBg.scss"],"names":[],"mappings":"AAEA,YAME,qBAAA,CADA,oBAAA,CAJA,YAAA,CAEA,kBAAA,CACA,cAAA,CCJF,iBAKA,CDGE,gBAEE,WAAA,CADA,UAAA,CAEA,YCDJ,CDIE,uBACE,wBCFJ,CDII,2BACE,SCFN,CDME,sBACE,wBCJJ,CDMI,0BACE,SCJN,CDSA,wBACE,YACE,aCNF,CACF","file":"IconBg.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-icon-bg {\n display: grid;\n width: min-content;\n height: min-content;\n padding: 0.75rem;\n border-radius: 0.75rem;\n background-color: common.$color-white;\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: common.$color-axa;\n }\n\n &--secondary {\n background-color: common.$color-axa;\n\n svg {\n fill: common.$color-white;\n }\n }\n\n &--disabled {\n background-color: common.$color-gray-200;\n\n svg {\n fill: common.$color-gray-500;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-icon-bg {\n padding: 0.5rem;\n }\n}\n","@use \"../common/common\" as common;\n\n.af-icon-bg {\n display: grid;\n width: min-content;\n height: min-content;\n padding: 0.75rem;\n border-radius: 0.75rem;\n background-color: common.$color-white;\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: common.$color-axa;\n }\n\n &--secondary {\n background-color: common.$color-axa;\n\n svg {\n fill: common.$color-white;\n }\n }\n\n &--disabled {\n background-color: common.$color-gray-200;\n\n svg {\n fill: common.$color-gray-500;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-icon-bg {\n padding: 0.5rem;\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/IconBg/IconBg.scss%23sass","../../src/IconBg/IconBg.scss"],"names":[],"mappings":"AAEA,YAME,mCAAA,CADA,oBAAA,CAJA,YAAA,CAEA,kBAAA,CACA,cAAA,CCJF,iBAKA,CDGE,gBAEE,WAAA,CADA,UAAA,CAEA,qBCDJ,CDIE,uBACE,iCCFJ,CDII,2BACE,uBCFN,CDME,sBACE,sCCJJ,CDMI,0BACE,0BCJN,CDSA,wBACE,YACE,aCNF,CACF","file":"IconBg.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-icon-bg {\n display: grid;\n width: min-content;\n height: min-content;\n padding: 0.75rem;\n border-radius: 0.75rem;\n background-color: var(--color-white);\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: var(--color-axa);\n }\n\n &--secondary {\n background-color: var(--color-axa);\n\n svg {\n fill: var(--color-white);\n }\n }\n\n &--disabled {\n background-color: var(--color-gray-200);\n\n svg {\n fill: var(--color-gray-500);\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-icon-bg {\n padding: 0.5rem;\n }\n}\n","@use \"../common/common\" as common;\n\n.af-icon-bg {\n display: grid;\n width: min-content;\n height: min-content;\n padding: 0.75rem;\n border-radius: 0.75rem;\n background-color: var(--color-white);\n\n svg {\n width: 2rem;\n height: 2rem;\n fill: var(--color-axa);\n }\n\n &--secondary {\n background-color: var(--color-axa);\n\n svg {\n fill: var(--color-white);\n }\n }\n\n &--disabled {\n background-color: var(--color-gray-200);\n\n svg {\n fill: var(--color-gray-500);\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-icon-bg {\n padding: 0.5rem;\n }\n}\n"]}
@@ -6,27 +6,27 @@
6
6
  height: min-content;
7
7
  padding: 0.75rem;
8
8
  border-radius: 0.75rem;
9
- background-color: common.$color-white;
9
+ background-color: var(--color-white);
10
10
 
11
11
  svg {
12
12
  width: 2rem;
13
13
  height: 2rem;
14
- fill: common.$color-axa;
14
+ fill: var(--color-axa);
15
15
  }
16
16
 
17
17
  &--secondary {
18
- background-color: common.$color-axa;
18
+ background-color: var(--color-axa);
19
19
 
20
20
  svg {
21
- fill: common.$color-white;
21
+ fill: var(--color-white);
22
22
  }
23
23
  }
24
24
 
25
25
  &--disabled {
26
- background-color: common.$color-gray-200;
26
+ background-color: var(--color-gray-200);
27
27
 
28
28
  svg {
29
- fill: common.$color-gray-500;
29
+ fill: var(--color-gray-500);
30
30
  }
31
31
  }
32
32
  }
@@ -1 +1 @@
1
- .af-footer{background-color:#4976ba;color:#fff;display:flex;flex-direction:column;justify-content:space-around;text-transform:uppercase;z-index:100}.af-footer__menuLinks{background:#0000;height:0;overflow:hidden;padding:0;transition:background 0s,padding 0s}.af-footer__menuLinks--display{height:auto;padding:0 2rem;transition:background .25s,padding 125ms}.af-footer__iconTrigger{align-self:center;justify-content:center;transform:rotate3d(var(--rotate-x,0),0,0,180deg)!important;transition:transform .25s ease-in-out!important}.af-footer__iconTrigger--display{--rotate-x:1}.af-footer__linkItem{color:#fff;display:block;padding:1.2rem 2.4rem;text-decoration:none}.af-footer__linkItem:hover{color:#000072}.af-footer__footerMenuIcons{border:1px solid #fff3;border-width:1px 0;display:flex;flex-direction:row;gap:2.4rem;justify-content:center;padding:1.6rem .8rem}.af-footer__menuIconLinks{align-self:center;color:#fff;fill:#fff}.af-footer__menuIconLinks:hover{color:#000072;fill:#000072}.af-footer__menuAboutTrigger{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;padding:1.6rem 3.2rem;width:100%}.af-footer__menuAboutTriggerText{color:#fff;font-weight:700}.af-footer__footerBottom{padding:.8rem}.af-footer__textCopyright{font-size:.875rem}.af-footer__icon{align-self:center;height:16px;width:16px;fill:#fff}@media only screen and (width >= 1024px){.af-footer__menuLinks{background:#0000;display:flex;flex-direction:row;height:auto;justify-content:space-between;padding:1.2rem 0}.af-footer__menuLinks :first-child{border-left:unset}.af-footer__linkItem{align-self:center;border-left:1px solid #fff3;color:#fff;padding:0 1.6rem}.af-footer__footerMenuIcons{border:none;gap:1.6rem;padding:1.6rem 3.2rem 1.6rem .8rem}.af-footer__footerTop{margin:0 auto;max-width:128rem;width:100%}.af-footer__footerTop,.af-footer__menuTop{display:flex;flex-direction:row;justify-content:space-between}.af-footer__menuTop{padding:.8rem;text-decoration:none}.af-footer__menuAboutTrigger{display:none;padding:1.6rem 1.6rem 1.6rem 3.2rem}.af-footer__footerBottom{border-top:1px solid #fff3;padding:0;text-align:right}.af-footer__footerBottomWidth{margin:0 auto;max-width:128rem;width:100%}.af-footer__textCopyright{display:flex;justify-content:flex-end;padding:.8rem 3.2rem .8rem 0}}
1
+ .af-footer{background-color:var(--color-ocean-blue);color:var(--color-white);display:flex;flex-direction:column;justify-content:space-around;text-transform:uppercase;z-index:100}.af-footer__menuLinks{background:#0000;height:0;overflow:hidden;padding:0;transition:background 0s,padding 0s}.af-footer__menuLinks--display{height:auto;padding:0 2rem;transition:background .25s,padding 125ms}.af-footer__iconTrigger{align-self:center;justify-content:center;transform:rotate3d(var(--rotate-x,0),0,0,180deg)!important;transition:transform .25s ease-in-out!important}.af-footer__iconTrigger--display{--rotate-x:1}.af-footer__linkItem{color:var(--color-white);display:block;padding:1.2rem var(--spacing-u3);text-decoration:none}.af-footer__linkItem:hover{color:var(--color-blue-1)}.af-footer__footerMenuIcons{border:1px solid #fff3;border-width:1px 0;display:flex;flex-direction:row;gap:var(--spacing-u3);justify-content:center;padding:var(--spacing-u2) var(--spacing-u1)}.af-footer__menuIconLinks{align-self:center;color:var(--color-white);fill:var(--color-white)}.af-footer__menuIconLinks:hover{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-footer__menuAboutTrigger{all:unset;box-sizing:border-box;display:flex;justify-content:space-between;padding:var(--spacing-u2) var(--spacing-u4);width:100%}.af-footer__menuAboutTriggerText{color:var(--color-white);font-weight:700}.af-footer__footerBottom{padding:var(--spacing-u1)}.af-footer__textCopyright{font-size:.875rem}.af-footer__icon{align-self:center;height:16px;width:16px;fill:var(--color-white)}@media only screen and (width >= 1024px){.af-footer__menuLinks{background:#0000;display:flex;flex-direction:row;height:auto;justify-content:space-between;padding:1.2rem 0}.af-footer__menuLinks :first-child{border-left:unset}.af-footer__linkItem{align-self:center;border-left:1px solid #fff3;color:var(--color-white);padding:0 var(--spacing-u2)}.af-footer__footerMenuIcons{border:none;gap:var(--spacing-u2);padding:var(--spacing-u2) var(--spacing-u4) var(--spacing-u2) var(--spacing-u1)}.af-footer__footerTop{margin:0 auto;max-width:128rem;width:100%}.af-footer__footerTop,.af-footer__menuTop{display:flex;flex-direction:row;justify-content:space-between}.af-footer__menuTop{padding:var(--spacing-u1);text-decoration:none}.af-footer__menuAboutTrigger{display:none;padding:var(--spacing-u2) var(--spacing-u2) var(--spacing-u2) var(--spacing-u4)}.af-footer__footerBottom{border-top:1px solid #fff3;padding:0;text-align:right}.af-footer__footerBottomWidth{margin:0 auto;max-width:128rem;width:100%}.af-footer__textCopyright{display:flex;justify-content:flex-end;padding:var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Layout/Footer/Footer.scss%23sass","../../../src/common/common.scss","../../../src/Layout/Footer/Footer.scss"],"names":[],"mappings":"AAEA,WAOE,wBCmBgB,CDpBhB,UAAA,CENF,YAAA,CFGE,qBAAA,CACA,4BAAA,CACA,wBAAA,CAJA,WEKF,CFGE,sBAIE,gBAAA,CAHA,QAAA,CAEA,eAAA,CADA,SAAA,CAGA,mCEDJ,CFKI,+BACE,WAAA,CACA,cAAA,CACA,wCEHN,CFSE,wBACE,iBAAA,CACA,sBAAA,CACA,0DAAA,CACA,+CEPJ,CFSI,iCACE,YEPN,CFWE,qBAIE,UClCU,CD+BV,aAAA,CACA,qBAAA,CACA,oBERJ,CFWI,2BACE,aETN,CFaE,4BAIE,sBAAA,CAAA,kBAAA,CAHA,YAAA,CAIA,kBAAA,CAEA,UAAA,CADA,sBAAA,CAJA,oBENJ,CFcE,0BACE,iBAAA,CACA,UCrDU,CDsDV,SEZJ,CFcI,gCACE,aAAA,CACA,YEZN,CFgBE,6BACE,SAAA,CAEA,qBAAA,CADA,YAAA,CAIA,6BAAA,CADA,qBAAA,CADA,UEZJ,CFiBE,iCAEE,UAAA,CADA,eEdJ,CFkBE,yBACE,aEhBJ,CFmBE,0BACE,iBEjBJ,CFoBE,iBAGE,iBAAA,CADA,WAAA,CADA,UAAA,CAGA,SElBJ,CFsBA,yCAEI,sBAME,gBAAA,CE1BJ,YAAA,CFwBI,kBAAA,CAFA,WAAA,CElBJ,6BAAA,CAFA,gBAIA,CFsBI,mCEpBJ,iBACA,CFwBE,qBAGE,iBAAA,CADA,2BAAA,CAEA,UAAA,CAHA,gBEnBJ,CACF,4BAEA,WAAA,CACE,UAAA,CFsBI,kCErBJ,CF2BE,sBAIE,aAAA,CADA,gBAAA,CADA,UErBJ,CF4BE,0CARE,YAAA,CAIA,kBAAA,CACA,6BElBJ,CFqBE,oBAEE,aAAA,CAGA,oBE1BJ,CF6BE,6BACE,YAAA,CACA,mCE3BJ,CF+BE,yBAEE,0BAAA,CADA,SAAA,CAEA,gBE7BJ,CFgCE,8BAGE,aAAA,CADA,gBAAA,CADA,UE5BJ,CFiCE,0BACE,YAAA,CAEA,wBAAA,CADA,4BE9BJ,CACF","file":"Footer.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: common.$color-white;\n background-color: common.$color-oceanBlue;\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem common.$spacing-u3;\n text-decoration: none;\n color: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: common.$spacing-u2 common.$spacing-u1;\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: common.$spacing-u3;\n }\n\n &__menuIconLinks {\n align-self: center;\n color: common.$color-white;\n fill: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: common.$spacing-u2 common.$spacing-u4;\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: common.$color-white;\n }\n\n &__footerBottom {\n padding: common.$spacing-u1;\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: common.$color-white;\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 common.$spacing-u2;\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: common.$color-white;\n }\n\n &__footerMenuIcons {\n padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2\n common.$spacing-u1;\n border: none;\n gap: common.$spacing-u2;\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: common.$spacing-u1;\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2\n common.$spacing-u4;\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;\n justify-content: flex-end;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: common.$color-white;\n background-color: common.$color-oceanBlue;\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem common.$spacing-u3;\n text-decoration: none;\n color: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: common.$spacing-u2 common.$spacing-u1;\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: common.$spacing-u3;\n }\n\n &__menuIconLinks {\n align-self: center;\n color: common.$color-white;\n fill: common.$color-white;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: common.$spacing-u2 common.$spacing-u4;\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: common.$color-white;\n }\n\n &__footerBottom {\n padding: common.$spacing-u1;\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: common.$color-white;\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 common.$spacing-u2;\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: common.$color-white;\n }\n\n &__footerMenuIcons {\n padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2\n common.$spacing-u1;\n border: none;\n gap: common.$spacing-u2;\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: common.$spacing-u1;\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2\n common.$spacing-u4;\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;\n justify-content: flex-end;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../src/Layout/Footer/Footer.scss%23sass","../../../src/Layout/Footer/Footer.scss"],"names":[],"mappings":"AAEA,WAOE,wCAAA,CADA,wBAAA,CCNF,YAAA,CDGE,qBAAA,CACA,4BAAA,CACA,wBAAA,CAJA,WCKF,CDGE,sBAIE,gBAAA,CAHA,QAAA,CAEA,eAAA,CADA,SAAA,CAGA,mCCDJ,CDKI,+BACE,WAAA,CACA,cAAA,CACA,wCCHN,CDSE,wBACE,iBAAA,CACA,sBAAA,CACA,0DAAA,CACA,+CCPJ,CDSI,iCACE,YCPN,CDWE,qBAIE,wBAAA,CAHA,aAAA,CACA,gCAAA,CACA,oBCRJ,CDWI,2BACE,yBCTN,CDaE,4BAIE,sBAAA,CAAA,kBAAA,CAHA,YAAA,CAIA,kBAAA,CAEA,qBAAA,CADA,sBAAA,CAJA,2CCNJ,CDcE,0BACE,iBAAA,CACA,wBAAA,CACA,uBCZJ,CDcI,gCACE,yBAAA,CACA,wBCZN,CDgBE,6BACE,SAAA,CAEA,qBAAA,CADA,YAAA,CAIA,6BAAA,CADA,2CAAA,CADA,UCZJ,CDiBE,iCAEE,wBAAA,CADA,eCdJ,CDkBE,yBACE,yBChBJ,CDmBE,0BACE,iBCjBJ,CDoBE,iBAGE,iBAAA,CADA,WAAA,CADA,UAAA,CAGA,uBClBJ,CDsBA,yCAEI,sBAME,gBAAA,CC1BJ,YAAA,CDwBI,kBAAA,CAFA,WAAA,CClBJ,6BAAA,CAFA,gBAIA,CDsBI,mCCpBJ,iBACA,CDwBE,qBAGE,iBAAA,CADA,2BAAA,CAEA,wBAAA,CAHA,2BCnBJ,CACF,4BAEA,WAAA,CACE,qBAAA,CDsBI,+ECrBJ,CD2BE,sBAIE,aAAA,CADA,gBAAA,CADA,UCrBJ,CD4BE,0CARE,YAAA,CAIA,kBAAA,CACA,6BClBJ,CDqBE,oBAEE,yBAAA,CAGA,oBC1BJ,CD6BE,6BACE,YAAA,CACA,+EC3BJ,CD+BE,yBAEE,0BAAA,CADA,SAAA,CAEA,gBC7BJ,CDgCE,8BAGE,aAAA,CADA,gBAAA,CADA,UC5BJ,CDiCE,0BACE,YAAA,CAEA,wBAAA,CADA,+DC9BJ,CACF","file":"Footer.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: var(--color-white);\n background-color: var(--color-ocean-blue);\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem var(--spacing-u3);\n text-decoration: none;\n color: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: var(--spacing-u2) var(--spacing-u1);\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-u3);\n }\n\n &__menuIconLinks {\n align-self: center;\n color: var(--color-white);\n fill: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: var(--spacing-u2) var(--spacing-u4);\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: var(--color-white);\n }\n\n &__footerBottom {\n padding: var(--spacing-u1);\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: var(--color-white);\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 var(--spacing-u2);\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: var(--color-white);\n }\n\n &__footerMenuIcons {\n padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)\n var(--spacing-u1);\n border: none;\n gap: var(--spacing-u2);\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: var(--spacing-u1);\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)\n var(--spacing-u4);\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;\n justify-content: flex-end;\n }\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-footer {\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-around;\n text-transform: uppercase;\n color: var(--color-white);\n background-color: var(--color-ocean-blue);\n\n &__menuLinks {\n height: 0;\n padding: 0;\n overflow: hidden;\n background: transparent;\n transition:\n background 0ms,\n padding 0ms;\n\n &--display {\n height: auto;\n padding: 0 2rem;\n transition:\n background 250ms,\n padding 125ms;\n }\n }\n\n &__iconTrigger {\n align-self: center;\n justify-content: center;\n transform: rotate3d(var(--rotate-x, 0), 0, 0, 180deg) !important;\n transition: transform 250ms ease-in-out !important;\n\n &--display {\n --rotate-x: 1;\n }\n }\n\n &__linkItem {\n display: block;\n padding: 1.2rem var(--spacing-u3);\n text-decoration: none;\n color: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n }\n }\n\n &__footerMenuIcons {\n display: flex;\n padding: var(--spacing-u2) var(--spacing-u1);\n border: 1px solid rgba(255, 255, 255, 20%);\n border-width: 1px 0;\n flex-direction: row;\n justify-content: center;\n gap: var(--spacing-u3);\n }\n\n &__menuIconLinks {\n align-self: center;\n color: var(--color-white);\n fill: var(--color-white);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n }\n\n &__menuAboutTrigger {\n all: unset;\n display: flex;\n box-sizing: border-box;\n width: 100%;\n padding: var(--spacing-u2) var(--spacing-u4);\n justify-content: space-between;\n }\n\n &__menuAboutTriggerText {\n font-weight: bold;\n color: var(--color-white);\n }\n\n &__footerBottom {\n padding: var(--spacing-u1);\n }\n\n &__textCopyright {\n font-size: 0.875rem;\n }\n\n &__icon {\n width: 16px;\n height: 16px;\n align-self: center;\n fill: var(--color-white);\n }\n}\n\n@media only screen and (width >= #{common.$screen-size-m}) {\n .af-footer {\n &__menuLinks {\n display: flex;\n height: auto;\n padding: 1.2rem 0;\n flex-direction: row;\n justify-content: space-between;\n background: transparent;\n\n & :first-child {\n border-left: unset;\n }\n }\n\n &__linkItem {\n padding: 0 var(--spacing-u2);\n border-left: 1px solid rgba(255, 255, 255, 20%);\n align-self: center;\n color: var(--color-white);\n }\n\n &__footerMenuIcons {\n padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)\n var(--spacing-u1);\n border: none;\n gap: var(--spacing-u2);\n }\n\n &__footerTop {\n display: flex;\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between;\n }\n\n &__menuTop {\n display: flex;\n padding: var(--spacing-u1);\n flex-direction: row;\n justify-content: space-between;\n text-decoration: none;\n }\n\n &__menuAboutTrigger {\n display: none;\n padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)\n var(--spacing-u4);\n }\n\n &__footerBottom {\n padding: 0;\n border-top: 1px solid rgba(255, 255, 255, 20%);\n text-align: right;\n }\n\n &__footerBottomWidth {\n width: 100%;\n max-width: 128rem;\n margin: 0 auto;\n }\n\n &__textCopyright {\n display: flex;\n padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;\n justify-content: flex-end;\n }\n }\n}\n"]}
@@ -6,8 +6,8 @@
6
6
  flex-direction: column;
7
7
  justify-content: space-around;
8
8
  text-transform: uppercase;
9
- color: common.$color-white;
10
- background-color: common.$color-oceanBlue;
9
+ color: var(--color-white);
10
+ background-color: var(--color-ocean-blue);
11
11
 
12
12
  &__menuLinks {
13
13
  height: 0;
@@ -40,33 +40,33 @@
40
40
 
41
41
  &__linkItem {
42
42
  display: block;
43
- padding: 1.2rem common.$spacing-u3;
43
+ padding: 1.2rem var(--spacing-u3);
44
44
  text-decoration: none;
45
- color: common.$color-white;
45
+ color: var(--color-white);
46
46
 
47
47
  &:hover {
48
- color: common.$color-blue-1;
48
+ color: var(--color-blue-1);
49
49
  }
50
50
  }
51
51
 
52
52
  &__footerMenuIcons {
53
53
  display: flex;
54
- padding: common.$spacing-u2 common.$spacing-u1;
54
+ padding: var(--spacing-u2) var(--spacing-u1);
55
55
  border: 1px solid rgba(255, 255, 255, 20%);
56
56
  border-width: 1px 0;
57
57
  flex-direction: row;
58
58
  justify-content: center;
59
- gap: common.$spacing-u3;
59
+ gap: var(--spacing-u3);
60
60
  }
61
61
 
62
62
  &__menuIconLinks {
63
63
  align-self: center;
64
- color: common.$color-white;
65
- fill: common.$color-white;
64
+ color: var(--color-white);
65
+ fill: var(--color-white);
66
66
 
67
67
  &:hover {
68
- color: common.$color-blue-1;
69
- fill: common.$color-blue-1;
68
+ color: var(--color-blue-1);
69
+ fill: var(--color-blue-1);
70
70
  }
71
71
  }
72
72
 
@@ -75,17 +75,17 @@
75
75
  display: flex;
76
76
  box-sizing: border-box;
77
77
  width: 100%;
78
- padding: common.$spacing-u2 common.$spacing-u4;
78
+ padding: var(--spacing-u2) var(--spacing-u4);
79
79
  justify-content: space-between;
80
80
  }
81
81
 
82
82
  &__menuAboutTriggerText {
83
83
  font-weight: bold;
84
- color: common.$color-white;
84
+ color: var(--color-white);
85
85
  }
86
86
 
87
87
  &__footerBottom {
88
- padding: common.$spacing-u1;
88
+ padding: var(--spacing-u1);
89
89
  }
90
90
 
91
91
  &__textCopyright {
@@ -96,7 +96,7 @@
96
96
  width: 16px;
97
97
  height: 16px;
98
98
  align-self: center;
99
- fill: common.$color-white;
99
+ fill: var(--color-white);
100
100
  }
101
101
  }
102
102
 
@@ -116,17 +116,17 @@
116
116
  }
117
117
 
118
118
  &__linkItem {
119
- padding: 0 common.$spacing-u2;
119
+ padding: 0 var(--spacing-u2);
120
120
  border-left: 1px solid rgba(255, 255, 255, 20%);
121
121
  align-self: center;
122
- color: common.$color-white;
122
+ color: var(--color-white);
123
123
  }
124
124
 
125
125
  &__footerMenuIcons {
126
- padding: common.$spacing-u2 common.$spacing-u4 common.$spacing-u2
127
- common.$spacing-u1;
126
+ padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)
127
+ var(--spacing-u1);
128
128
  border: none;
129
- gap: common.$spacing-u2;
129
+ gap: var(--spacing-u2);
130
130
  }
131
131
 
132
132
  &__footerTop {
@@ -140,7 +140,7 @@
140
140
 
141
141
  &__menuTop {
142
142
  display: flex;
143
- padding: common.$spacing-u1;
143
+ padding: var(--spacing-u1);
144
144
  flex-direction: row;
145
145
  justify-content: space-between;
146
146
  text-decoration: none;
@@ -148,8 +148,8 @@
148
148
 
149
149
  &__menuAboutTrigger {
150
150
  display: none;
151
- padding: common.$spacing-u2 common.$spacing-u2 common.$spacing-u2
152
- common.$spacing-u4;
151
+ padding: var(--spacing-u2) var(--spacing-u2) var(--spacing-u2)
152
+ var(--spacing-u4);
153
153
  }
154
154
 
155
155
  &__footerBottom {
@@ -166,7 +166,7 @@
166
166
 
167
167
  &__textCopyright {
168
168
  display: flex;
169
- padding: common.$spacing-u1 common.$spacing-u4 common.$spacing-u1 0;
169
+ padding: var(--spacing-u1) var(--spacing-u4) var(--spacing-u1) 0;
170
170
  justify-content: flex-end;
171
171
  }
172
172
  }
@@ -1 +1 @@
1
- .af-header{background-color:#fff;position:sticky;top:0;z-index:100}.af-header-container{align-items:center;border-bottom:1px solid #e9ecf2;border-top:2px solid #00008f;color:#00008f;display:flex;flex-direction:row;font-family:Source Sans Pro,arial,sans-serif;font-size:1.25rem;font-weight:600;height:72px;justify-content:space-between;padding:0 1rem;width:100%}.af-header-container .af-btn-client{min-width:auto}.af-header-container .af-btn-client>svg{display:none}.af-logo{align-self:center;height:40px;width:40px}.af-header-left-item>nav{display:none}.af-header-right-item{align-items:center;display:flex;flex-direction:row;gap:.8rem;margin:0 .8rem}@media only screen and (width >= 1023px){.af-header-container{border-top:2px solid #00008f;height:80px;padding:0 3.75rem;width:auto}.af-header-container .af-btn-client>svg{display:block}.af-logo{height:56px;width:56px}.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header-left-item>nav{display:block}.af-header-right-item{gap:1.6rem;margin:0}}
1
+ .af-header{background-color:var(--color-white);position:sticky;top:0;z-index:100}.af-header-container{align-items:center;border-bottom:1px solid var(--color-gray-300);border-top:2px solid var(--color-axa);color:var(--color-axa);display:flex;flex-direction:row;font-family:var(--font-family-sans-serif);font-size:1.25rem;font-weight:600;height:72px;justify-content:space-between;padding:0 1rem;width:100%}.af-header-container .af-btn-client{min-width:auto}.af-header-container .af-btn-client>svg{display:none}.af-logo{align-self:center;height:40px;width:40px}.af-header-left-item>nav{display:none}.af-header-right-item{align-items:center;display:flex;flex-direction:row;gap:var(--spacing-u1);margin:0 var(--spacing-u1)}@media only screen and (width >= 1023px){.af-header-container{border-top:2px solid var(--color-axa);height:80px;padding:0 3.75rem;width:auto}.af-header-container .af-btn-client>svg{display:block}.af-logo{height:56px;width:56px}.af-header-left-item{align-items:center;display:flex;flex-direction:row;gap:1.5rem;height:5rem}.af-header-left-item>nav{display:block}.af-header-right-item{gap:var(--spacing-u2);margin:0}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/Layout/Header/Header.scss%23sass","../../../src/Layout/Header/Header.scss","../../../src/common/common.scss"],"names":[],"mappings":"AAEA,WAIE,qBAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAQE,kBAAA,CAFA,+BAAA,CADA,4BAAA,CAQA,aAAA,CAZA,YAAA,CAMA,kBAAA,CAGA,4CEjBuB,CFkBvB,iBAAA,CACA,eAAA,CATA,WAAA,CAMA,6BAAA,CALA,cAAA,CCJF,UAYA,CDGE,oCACE,cCDJ,CDGI,wCACE,YCDN,CDMA,SAGE,iBAAA,CCLF,WAAA,CDGE,UCDF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,SAAA,CCPF,cAIA,CDMA,yCACE,qBCAA,4BAAA,CDEE,WAAA,CCHJ,iBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,UEnBS,CFkBT,QCPF,CACF","file":"Header.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: common.$color-white;\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid common.$color-axa;\n border-bottom: 1px solid common.$color-gray-300;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: common.$font-family-sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-axa;\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 common.$spacing-u1;\n flex-direction: row;\n align-items: center;\n gap: common.$spacing-u1;\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid common.$color-axa;\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: common.$spacing-u2;\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: common.$color-white;\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid common.$color-axa;\n border-bottom: 1px solid common.$color-gray-300;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: common.$font-family-sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: common.$color-axa;\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 common.$spacing-u1;\n flex-direction: row;\n align-items: center;\n gap: common.$spacing-u1;\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid common.$color-axa;\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: common.$spacing-u2;\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../../src/Layout/Header/Header.scss%23sass","../../../src/Layout/Header/Header.scss"],"names":[],"mappings":"AAEA,WAIE,mCAAA,CAHA,eAAA,CAEA,KAAA,CCHF,WAGA,CDIA,qBAQE,kBAAA,CAFA,6CAAA,CADA,qCAAA,CAQA,sBAAA,CAZA,YAAA,CAMA,kBAAA,CAGA,yCAAA,CACA,iBAAA,CACA,eAAA,CATA,WAAA,CAMA,6BAAA,CALA,cAAA,CCJF,UAYA,CDGE,oCACE,cCDJ,CDGI,wCACE,YCDN,CDMA,SAGE,iBAAA,CCLF,WAAA,CDGE,UCDF,CDMA,yBACE,YCHF,CDMA,sBCAA,kBAAA,CDCE,YAAA,CAEA,kBAAA,CAEA,qBAAA,CCPF,0BAIA,CDMA,yCACE,qBCAA,qCAAA,CDEE,WAAA,CCHJ,iBAAA,CAFA,UAIE,CDKE,wCACE,aCHJ,CDOA,SAEE,WAAA,CADA,UCJF,CDQA,qBAIE,kBAAA,CAHA,YAAA,CAEA,kBAAA,CCLF,UAAA,CAHA,WAIA,CDQE,yBACE,aCNJ,CDUA,sBAEE,qBAAA,CADA,QCPF,CACF","file":"Header.css","sourcesContent":["@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: var(--color-white);\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid var(--color-axa);\n border-bottom: 1px solid var(--color-gray-300);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-axa);\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 var(--spacing-u1);\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-u1);\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid var(--color-axa);\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: var(--spacing-u2);\n }\n}\n","@use \"../../common/common\" as common;\n\n.af-header {\n position: sticky;\n z-index: 100;\n top: 0;\n background-color: var(--color-white);\n}\n\n.af-header-container {\n display: flex;\n width: 100%;\n height: 72px;\n padding: 0 1rem;\n border-top: 2px solid var(--color-axa);\n border-bottom: 1px solid var(--color-gray-300);\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n font-size: 1.25rem;\n font-weight: 600;\n color: var(--color-axa);\n\n & .af-btn-client {\n min-width: initial;\n\n & > svg {\n display: none;\n }\n }\n}\n\n.af-logo {\n width: 40px;\n height: 40px;\n align-self: center;\n}\n\n.af-header-left-item > nav {\n display: none;\n}\n\n.af-header-right-item {\n display: flex;\n margin: 0 var(--spacing-u1);\n flex-direction: row;\n align-items: center;\n gap: var(--spacing-u1);\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-container {\n width: auto;\n height: 80px;\n padding: 0 3.75rem;\n border-top: 2px solid var(--color-axa);\n\n & .af-btn-client > svg {\n display: block;\n }\n }\n\n .af-logo {\n width: 56px;\n height: 56px;\n }\n\n .af-header-left-item {\n display: flex;\n height: 5rem;\n flex-direction: row;\n align-items: center;\n gap: 1.5rem;\n\n & > nav {\n display: block;\n }\n }\n\n .af-header-right-item {\n margin: 0;\n gap: var(--spacing-u2);\n }\n}\n"]}
@@ -4,7 +4,7 @@
4
4
  position: sticky;
5
5
  z-index: 100;
6
6
  top: 0;
7
- background-color: common.$color-white;
7
+ background-color: var(--color-white);
8
8
  }
9
9
 
10
10
  .af-header-container {
@@ -12,15 +12,15 @@
12
12
  width: 100%;
13
13
  height: 72px;
14
14
  padding: 0 1rem;
15
- border-top: 2px solid common.$color-axa;
16
- border-bottom: 1px solid common.$color-gray-300;
15
+ border-top: 2px solid var(--color-axa);
16
+ border-bottom: 1px solid var(--color-gray-300);
17
17
  flex-direction: row;
18
18
  align-items: center;
19
19
  justify-content: space-between;
20
- font-family: common.$font-family-sans-serif;
20
+ font-family: var(--font-family-sans-serif);
21
21
  font-size: 1.25rem;
22
22
  font-weight: 600;
23
- color: common.$color-axa;
23
+ color: var(--color-axa);
24
24
 
25
25
  & .af-btn-client {
26
26
  min-width: initial;
@@ -43,10 +43,10 @@
43
43
 
44
44
  .af-header-right-item {
45
45
  display: flex;
46
- margin: 0 common.$spacing-u1;
46
+ margin: 0 var(--spacing-u1);
47
47
  flex-direction: row;
48
48
  align-items: center;
49
- gap: common.$spacing-u1;
49
+ gap: var(--spacing-u1);
50
50
  }
51
51
 
52
52
  @media only screen and (width >= #{common.$breakpoint-md}) {
@@ -54,7 +54,7 @@
54
54
  width: auto;
55
55
  height: 80px;
56
56
  padding: 0 3.75rem;
57
- border-top: 2px solid common.$color-axa;
57
+ border-top: 2px solid var(--color-axa);
58
58
 
59
59
  & .af-btn-client > svg {
60
60
  display: block;
@@ -80,6 +80,6 @@
80
80
 
81
81
  .af-header-right-item {
82
82
  margin: 0;
83
- gap: common.$spacing-u2;
83
+ gap: var(--spacing-u2);
84
84
  }
85
85
  }
@@ -1 +1 @@
1
- .af-navbar-container{align-items:center;display:flex;flex-direction:row;gap:1.6rem;height:5rem;list-style-type:none;margin:0;padding:0}.af-navbar-item{cursor:pointer;height:100%}.af-navbar-item__link{box-sizing:border-box;color:#333;display:inline-block;font-family:Source Sans Pro,arial,sans-serif;font-size:1.125rem;font-weight:400;height:100%;line-height:1.4rem;min-width:8.4rem;padding:1.625rem 1.5rem;text-align:center;text-decoration:none}.af-navbar-item__link--active,.af-navbar-item__link:focus{border-bottom:4px solid #00008f;color:#00008f;font-weight:600;line-height:1.6rem;outline:none;text-decoration:none}.af-navbar-item__link:not(:focus,--active):hover{border-bottom:2px solid #e9ecf2;color:#333;font-weight:400;line-height:1.4rem;text-decoration:none}
1
+ .af-navbar-container{align-items:center;display:flex;flex-direction:row;gap:1.6rem;height:5rem;list-style-type:none;margin:0;padding:0}.af-navbar-item{cursor:pointer;height:100%}.af-navbar-item__link{box-sizing:border-box;color:var(--color-gray-900);display:inline-block;font-family:var(--font-family-base);font-size:1.125rem;font-weight:400;height:100%;line-height:1.4rem;min-width:8.4rem;padding:1.625rem 1.5rem;text-align:center;text-decoration:none}.af-navbar-item__link--active,.af-navbar-item__link:focus{border-bottom:4px solid var(--color-axa);color:var(--color-axa);font-weight:600;line-height:1.6rem;outline:none;text-decoration:none}.af-navbar-item__link:not(:focus,--active):hover{border-bottom:2px solid var(--color-gray-300);color:var(--color-gray-900);font-weight:400;line-height:1.4rem;text-decoration:none}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Layout/Header/NavBar/NavBar.scss%23sass","../../../../src/Layout/Header/NavBar/NavBar.scss","../../../../src/common/common.scss"],"names":[],"mappings":"AAEA,qBAME,kBAAA,CALA,YAAA,CAIA,kBAAA,CAEA,UAAA,CCPF,WAAA,CDQE,oBAAA,CALA,QAAA,CACA,SCGF,CDIA,gBCAA,cAAA,CDCE,WCAF,CDGE,sBAEE,qBAAA,CAUA,UAAA,CAXA,oBAAA,CAKA,4CErBqB,CFsBrB,kBAAA,CACA,eAAA,CAJA,WAAA,CAKA,kBAAA,CANA,gBAAA,CAEA,uBAAA,CAKA,iBAAA,CACA,oBCAJ,CDGI,0DAEE,+BAAA,CAIA,aAAA,CAHA,eAAA,CACA,kBAAA,CAGA,YAAA,CAFA,oBCAN,CDKI,iDACE,+BAAA,CAIA,UAAA,CAHA,eAAA,CACA,kBAAA,CACA,oBCFN","file":"NavBar.css","sourcesContent":["@use \"../../../common/common\" as common;\n\n.af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.625rem 1.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: common.$color-gray-900;\n\n &:focus,\n &--active {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: common.$color-axa;\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid common.$color-gray-300;\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: common.$color-gray-900;\n }\n }\n}\n","@use \"../../../common/common\" as common;\n\n.af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.625rem 1.5rem;\n font-family: common.$font-family-base;\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: common.$color-gray-900;\n\n &:focus,\n &--active {\n border-bottom: 4px solid common.$color-axa;\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: common.$color-axa;\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid common.$color-gray-300;\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: common.$color-gray-900;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
1
+ {"version":3,"sources":["../../../../src/Layout/Header/NavBar/NavBar.scss%23sass","../../../../src/Layout/Header/NavBar/NavBar.scss"],"names":[],"mappings":"AAAA,qBAME,kBAAA,CALA,YAAA,CAIA,kBAAA,CAEA,UAAA,CALA,WAAA,CAMA,oBAAA,CALA,QAAA,CACA,SCKF,CDEA,gBAEE,cAAA,CADA,WCEF,CDCE,sBAEE,qBAAA,CAUA,2BAAA,CAXA,oBAAA,CAKA,mCAAA,CACA,kBAAA,CACA,eAAA,CAJA,WAAA,CAKA,kBAAA,CANA,gBAAA,CAEA,uBAAA,CAKA,iBAAA,CACA,oBCEJ,CDCI,0DAEE,wCAAA,CAIA,sBAAA,CAHA,eAAA,CACA,kBAAA,CAGA,YAAA,CAFA,oBCEN,CDGI,iDACE,6CAAA,CAIA,2BAAA,CAHA,eAAA,CACA,kBAAA,CACA,oBCAN","file":"NavBar.css","sourcesContent":[".af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.625rem 1.5rem;\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: var(--color-gray-900);\n\n &:focus,\n &--active {\n border-bottom: 4px solid var(--color-axa);\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: var(--color-axa);\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid var(--color-gray-300);\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: var(--color-gray-900);\n }\n }\n}\n",".af-navbar-container {\n display: flex;\n height: 5rem;\n margin: 0;\n padding: 0;\n flex-direction: row;\n align-items: center;\n gap: 1.6rem;\n list-style-type: none;\n}\n\n.af-navbar-item {\n height: 100%;\n cursor: pointer;\n\n &__link {\n display: inline-block;\n box-sizing: border-box;\n min-width: 8.4rem;\n height: 100%;\n padding: 1.625rem 1.5rem;\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n text-align: center;\n text-decoration: none;\n color: var(--color-gray-900);\n\n &:focus,\n &--active {\n border-bottom: 4px solid var(--color-axa);\n font-weight: 600;\n line-height: 1.6rem;\n text-decoration: none;\n color: var(--color-axa);\n outline: none;\n }\n\n &:not(:focus, --active):hover {\n border-bottom: 2px solid var(--color-gray-300);\n font-weight: 400;\n line-height: 1.4rem;\n text-decoration: none;\n color: var(--color-gray-900);\n }\n }\n}\n"]}
@@ -1,5 +1,3 @@
1
- @use "../../../common/common" as common;
2
-
3
1
  .af-navbar-container {
4
2
  display: flex;
5
3
  height: 5rem;
@@ -21,30 +19,30 @@
21
19
  min-width: 8.4rem;
22
20
  height: 100%;
23
21
  padding: 1.625rem 1.5rem;
24
- font-family: common.$font-family-base;
22
+ font-family: var(--font-family-base);
25
23
  font-size: 1.125rem;
26
24
  font-weight: 400;
27
25
  line-height: 1.4rem;
28
26
  text-align: center;
29
27
  text-decoration: none;
30
- color: common.$color-gray-900;
28
+ color: var(--color-gray-900);
31
29
 
32
30
  &:focus,
33
31
  &--active {
34
- border-bottom: 4px solid common.$color-axa;
32
+ border-bottom: 4px solid var(--color-axa);
35
33
  font-weight: 600;
36
34
  line-height: 1.6rem;
37
35
  text-decoration: none;
38
- color: common.$color-axa;
36
+ color: var(--color-axa);
39
37
  outline: none;
40
38
  }
41
39
 
42
40
  &:not(:focus, --active):hover {
43
- border-bottom: 2px solid common.$color-gray-300;
41
+ border-bottom: 2px solid var(--color-gray-300);
44
42
  font-weight: 400;
45
43
  line-height: 1.4rem;
46
44
  text-decoration: none;
47
- color: common.$color-gray-900;
45
+ color: var(--color-gray-900);
48
46
  }
49
47
  }
50
48
  }
@@ -1 +1 @@
1
- af-header-previous-link-container .af-header-previous-link-container{align-items:center;display:flex;gap:.25rem;padding-top:1rem}.af-header-previous-link{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;text-decoration:none}.af-header-previous-link__icon{height:1rem;width:1rem;fill:#5f5f5f}.af-header-previous-link__text{color:#5f5f5f;font-family:Source Sans Pro,arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.25rem;text-align:center}.af-header-previous-link:focus{outline:none}.af-header-previous-link:focus,.af-header-previous-link:hover{color:#5f5f5f;text-decoration:none}@media only screen and (width >= 1023px){.af-header-previous-link-container{padding:1.5rem 0 0 7.5rem}}
1
+ .af-header-previous-link-container{align-items:center;display:flex;gap:.25rem;padding-top:1rem}.af-header-previous-link{align-items:center;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;text-decoration:none}.af-header-previous-link__icon{height:1rem;width:1rem;fill:var(--color-gray-700)}.af-header-previous-link__text{color:var(--color-gray-700);font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:400;line-height:1.25rem;text-align:center}.af-header-previous-link:focus{outline:none}.af-header-previous-link:focus,.af-header-previous-link:hover{color:var(--color-gray-700);text-decoration:none}@media only screen and (width >= 1023px){.af-header-previous-link-container{padding:1.5rem 0 0 7.5rem}}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/Layout/Header/PreviousLink/PreviousLink.scss%23sass","../../../../src/Layout/Header/PreviousLink/PreviousLink.scss"],"names":[],"mappings":"AAEA,qEAGE,kBAAA,CAFA,YAAA,CAGA,UAAA,CCJF,gBAGA,CDIA,yBAGE,kBAAA,CAGA,cAAA,CALA,YAAA,CCDF,kBAAA,CDIE,SAAA,CACA,oBCAF,CDGE,+BAEE,WAAA,CADA,UAAA,CAEA,YCDJ,CDIE,+BAME,aAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,iBCDJ,CDKE,+BACE,YCHJ,CDME,8DAGE,aAAA,CADA,oBCJJ,CDSA,yCACE,mCACE,yBCNF,CACF","file":"PreviousLink.css","sourcesContent":["@use \"../../../common/common\" as common;\n\naf-header-previous-link-container .af-header-previous-link-container {\n display: flex;\n padding-top: 1rem;\n align-items: center;\n gap: 0.25rem;\n}\n\n.af-header-previous-link {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n cursor: pointer;\n\n &__icon {\n width: 1rem;\n height: 1rem;\n fill: common.$color-gray-700;\n }\n\n &__text {\n font-family: common.$font-family-sans-serif;\n font-size: 1rem;\n font-weight: normal;\n line-height: 1.25rem;\n text-align: center;\n color: common.$color-gray-700;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n color: common.$color-gray-700;\n }\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-previous-link-container {\n padding: 1.5rem 0 0 7.5rem;\n }\n}\n","@use \"../../../common/common\" as common;\n\naf-header-previous-link-container .af-header-previous-link-container {\n display: flex;\n padding-top: 1rem;\n align-items: center;\n gap: 0.25rem;\n}\n\n.af-header-previous-link {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n cursor: pointer;\n\n &__icon {\n width: 1rem;\n height: 1rem;\n fill: common.$color-gray-700;\n }\n\n &__text {\n font-family: common.$font-family-sans-serif;\n font-size: 1rem;\n font-weight: normal;\n line-height: 1.25rem;\n text-align: center;\n color: common.$color-gray-700;\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n color: common.$color-gray-700;\n }\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-previous-link-container {\n padding: 1.5rem 0 0 7.5rem;\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../../src/Layout/Header/PreviousLink/PreviousLink.scss%23sass","../../../../src/Layout/Header/PreviousLink/PreviousLink.scss"],"names":[],"mappings":"AAEA,mCAGE,kBAAA,CAFA,YAAA,CAGA,UAAA,CCJF,gBAGA,CDIA,yBAGE,kBAAA,CAGA,cAAA,CALA,YAAA,CCDF,kBAAA,CDIE,SAAA,CACA,oBCAF,CDGE,+BAEE,WAAA,CADA,UAAA,CAEA,0BCDJ,CDIE,+BAME,2BAAA,CALA,yCAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,iBCDJ,CDKE,+BACE,YCHJ,CDME,8DAGE,2BAAA,CADA,oBCJJ,CDSA,yCACE,mCACE,yBCNF,CACF","file":"PreviousLink.css","sourcesContent":["@use \"../../../common/common\" as common;\n\n.af-header-previous-link-container {\n display: flex;\n padding-top: 1rem;\n align-items: center;\n gap: 0.25rem;\n}\n\n.af-header-previous-link {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n cursor: pointer;\n\n &__icon {\n width: 1rem;\n height: 1rem;\n fill: var(--color-gray-700);\n }\n\n &__text {\n font-family: var(--font-family-sans-serif);\n font-size: 1rem;\n font-weight: normal;\n line-height: 1.25rem;\n text-align: center;\n color: var(--color-gray-700);\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n color: var(--color-gray-700);\n }\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-previous-link-container {\n padding: 1.5rem 0 0 7.5rem;\n }\n}\n","@use \"../../../common/common\" as common;\n\n.af-header-previous-link-container {\n display: flex;\n padding-top: 1rem;\n align-items: center;\n gap: 0.25rem;\n}\n\n.af-header-previous-link {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.5rem;\n text-decoration: none;\n cursor: pointer;\n\n &__icon {\n width: 1rem;\n height: 1rem;\n fill: var(--color-gray-700);\n }\n\n &__text {\n font-family: var(--font-family-sans-serif);\n font-size: 1rem;\n font-weight: normal;\n line-height: 1.25rem;\n text-align: center;\n color: var(--color-gray-700);\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus,\n &:hover {\n text-decoration: none;\n color: var(--color-gray-700);\n }\n}\n\n@media only screen and (width >= #{common.$breakpoint-md}) {\n .af-header-previous-link-container {\n padding: 1.5rem 0 0 7.5rem;\n }\n}\n"]}
@@ -1,6 +1,6 @@
1
1
  @use "../../../common/common" as common;
2
2
 
3
- af-header-previous-link-container .af-header-previous-link-container {
3
+ .af-header-previous-link-container {
4
4
  display: flex;
5
5
  padding-top: 1rem;
6
6
  align-items: center;
@@ -18,16 +18,16 @@ af-header-previous-link-container .af-header-previous-link-container {
18
18
  &__icon {
19
19
  width: 1rem;
20
20
  height: 1rem;
21
- fill: common.$color-gray-700;
21
+ fill: var(--color-gray-700);
22
22
  }
23
23
 
24
24
  &__text {
25
- font-family: common.$font-family-sans-serif;
25
+ font-family: var(--font-family-sans-serif);
26
26
  font-size: 1rem;
27
27
  font-weight: normal;
28
28
  line-height: 1.25rem;
29
29
  text-align: center;
30
- color: common.$color-gray-700;
30
+ color: var(--color-gray-700);
31
31
  }
32
32
 
33
33
  &:focus {
@@ -37,7 +37,7 @@ af-header-previous-link-container .af-header-previous-link-container {
37
37
  &:focus,
38
38
  &:hover {
39
39
  text-decoration: none;
40
- color: common.$color-gray-700;
40
+ color: var(--color-gray-700);
41
41
  }
42
42
  }
43
43
 
@@ -1 +1 @@
1
- .af-link{align-items:center;color:#00008f;display:inline-flex;font-family:Source Sans Pro,arial,sans-serif;height:fit-content;text-decoration:underline;width:fit-content;fill:#00008f}.af-link:active,.af-link:focus,.af-link:hover{color:#000072;fill:#000072}.af-link:focus-visible{outline:2px solid #36f;outline-offset:3px}.af-link--openInNewTab{font-weight:600;text-decoration:none}.af-link--openInNewTab:hover{text-decoration:none}.af-link--openInNewTab svg{aspect-ratio:1;height:1.25rem;margin-left:.2rem;width:1.25rem}
1
+ .af-link{align-items:center;color:var(--color-axa);display:inline-flex;font-family:var(--font-family-base);height:fit-content;text-decoration:underline;width:fit-content;fill:var(--color-axa)}.af-link:active,.af-link:focus,.af-link:hover{color:var(--color-blue-1);fill:var(--color-blue-1)}.af-link:focus-visible{outline:2px solid var(--color-blue-3);outline-offset:3px}.af-link--openInNewTab{font-weight:600;text-decoration:none}.af-link--openInNewTab:hover{text-decoration:none}.af-link--openInNewTab svg{aspect-ratio:1;height:1.25rem;margin-left:.2rem;width:1.25rem}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/Link/Link.scss%23sass","../../src/common/common.scss","../../src/Link/Link.scss"],"names":[],"mappings":"AAEA,SAIE,kBAAA,CAGA,aAAA,CANA,mBAAA,CAIA,4CCLuB,CDGvB,kBAAA,CAGA,yBAAA,CENF,iBAAA,CFQE,YEDF,CFQE,8CAEE,aAAA,CACA,YEHJ,CFME,uBACE,sBAAA,CACA,kBEJJ,CFOE,uBACE,eAAA,CACA,oBELJ,CFOI,6BACE,oBELN,CFQI,2BAGE,cAAA,CADA,cAAA,CAEA,iBAAA,CAHA,aEHN","file":"Link.css","sourcesContent":["@use \"../common/common\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: common.$font-family-base;\n text-decoration: underline;\n color: common.$color-axa;\n fill: common.$color-axa;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n","@import \"./mixins\";\n\n$font-family-sans-serif: \"Source Sans Pro\", arial, sans-serif !default;\n$font-family-serif: georgia, times, \"Times New Roman\", serif !default;\n$font-family-base: $font-family-sans-serif !default;\n$font-family-publico-bold: \"Publico Headline Bold\" !default;\n$font-family-publico: \"Publico Headline\" !default;\n// colors\n\n$color-axa: #00008f !default;\n$color-white: #fff !default;\n$color-black: #000 !default;\n$color-red: #ff1721 !default;\n$color-gray: #5f5f5f !default;\n$color-red-700: #c91432 !default;\n$color-blue-1: #000072 !default;\n$color-blue-2: #f8f8ff !default;\n$color-blue-3: #36f !default;\n$color-btn-light: #3333a5 !default;\n$color-btn-business: #c94e14 !default;\n$color-btn-business-dark: #a8391c !default;\n$color-btn-business-light: #df7e65 !default;\n$color-btn-disabled-text: #999 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n","@use \"../common/common\" as common;\n\n.af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: common.$font-family-base;\n text-decoration: underline;\n color: common.$color-axa;\n fill: common.$color-axa;\n\n &:hover {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:active,\n &:focus {\n color: common.$color-blue-1;\n fill: common.$color-blue-1;\n }\n\n &:focus-visible {\n outline: 2px solid common.$color-blue-3;\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../src/Link/Link.scss%23sass","../../src/Link/Link.scss"],"names":[],"mappings":"AAAA,SAIE,kBAAA,CAGA,sBAAA,CANA,mBAAA,CAIA,mCAAA,CAFA,kBAAA,CAGA,yBAAA,CAJA,iBAAA,CAMA,qBCCF,CDME,8CAEE,yBAAA,CACA,wBCDJ,CDIE,uBACE,qCAAA,CACA,kBCFJ,CDKE,uBACE,eAAA,CACA,oBCHJ,CDKI,6BACE,oBCHN,CDMI,2BAGE,cAAA,CADA,cAAA,CAEA,iBAAA,CAHA,aCDN","file":"Link.css","sourcesContent":[".af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: var(--font-family-base);\n text-decoration: underline;\n color: var(--color-axa);\n fill: var(--color-axa);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:active,\n &:focus {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n",".af-link {\n display: inline-flex;\n width: fit-content;\n height: fit-content;\n align-items: center;\n font-family: var(--font-family-base);\n text-decoration: underline;\n color: var(--color-axa);\n fill: var(--color-axa);\n\n &:hover {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:active,\n &:focus {\n color: var(--color-blue-1);\n fill: var(--color-blue-1);\n }\n\n &:focus-visible {\n outline: 2px solid var(--color-blue-3);\n outline-offset: 3px;\n }\n\n &--openInNewTab {\n font-weight: 600;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n }\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n aspect-ratio: 1;\n margin-left: 0.2rem;\n }\n }\n}\n"]}
@@ -1,28 +1,26 @@
1
- @use "../common/common" as common;
2
-
3
1
  .af-link {
4
2
  display: inline-flex;
5
3
  width: fit-content;
6
4
  height: fit-content;
7
5
  align-items: center;
8
- font-family: common.$font-family-base;
6
+ font-family: var(--font-family-base);
9
7
  text-decoration: underline;
10
- color: common.$color-axa;
11
- fill: common.$color-axa;
8
+ color: var(--color-axa);
9
+ fill: var(--color-axa);
12
10
 
13
11
  &:hover {
14
- color: common.$color-blue-1;
15
- fill: common.$color-blue-1;
12
+ color: var(--color-blue-1);
13
+ fill: var(--color-blue-1);
16
14
  }
17
15
 
18
16
  &:active,
19
17
  &:focus {
20
- color: common.$color-blue-1;
21
- fill: common.$color-blue-1;
18
+ color: var(--color-blue-1);
19
+ fill: var(--color-blue-1);
22
20
  }
23
21
 
24
22
  &:focus-visible {
25
- outline: 2px solid common.$color-blue-3;
23
+ outline: 2px solid var(--color-blue-3);
26
24
  outline-offset: 3px;
27
25
  }
28
26