@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.
- package/dist/Accordion/Accordion.css +1 -1
- package/dist/Accordion/Accordion.css.map +1 -1
- package/dist/Accordion/Accordion.scss +3 -3
- package/dist/AccordionCore/AccordionCore.css +1 -1
- package/dist/AccordionCore/AccordionCore.css.map +1 -1
- package/dist/AccordionCore/AccordionCore.scss +4 -4
- package/dist/Alert/Alert.css +1 -1
- package/dist/Alert/Alert.css.map +1 -1
- package/dist/Alert/Alert.scss +21 -23
- package/dist/Button/Button.css +1 -1
- package/dist/Button/Button.css.map +1 -1
- package/dist/Button/Button.scss +39 -41
- package/dist/Card/Card.css +1 -1
- package/dist/Card/Card.css.map +1 -1
- package/dist/Card/Card.scss +5 -6
- package/dist/Divider/Divider.css +1 -1
- package/dist/Divider/Divider.css.map +1 -1
- package/dist/Divider/Divider.scss +1 -3
- package/dist/Form/Checkbox/Checkbox.css +1 -1
- package/dist/Form/Checkbox/Checkbox.css.map +1 -1
- package/dist/Form/Checkbox/Checkbox.scss +29 -31
- package/dist/Form/FileUpload/FileUpload.css +1 -1
- package/dist/Form/FileUpload/FileUpload.css.map +1 -1
- package/dist/Form/FileUpload/FileUpload.scss +19 -21
- package/dist/Form/InputError/InputError.css +1 -1
- package/dist/Form/InputError/InputError.css.map +1 -1
- package/dist/Form/InputError/InputError.scss +4 -6
- package/dist/Form/Radio/Radio.css +1 -1
- package/dist/Form/Radio/Radio.css.map +1 -1
- package/dist/Form/Radio/Radio.scss +27 -29
- package/dist/Form/Select/Select.css +1 -1
- package/dist/Form/Select/Select.css.map +1 -1
- package/dist/Form/Select/Select.scss +24 -25
- package/dist/Form/Text/Text.css +1 -1
- package/dist/Form/Text/Text.css.map +1 -1
- package/dist/Form/Text/Text.scss +10 -10
- package/dist/IconBg/IconBg.css +1 -1
- package/dist/IconBg/IconBg.css.map +1 -1
- package/dist/IconBg/IconBg.scss +6 -6
- package/dist/Layout/Footer/Footer.css +1 -1
- package/dist/Layout/Footer/Footer.css.map +1 -1
- package/dist/Layout/Footer/Footer.scss +24 -24
- package/dist/Layout/Header/Header.css +1 -1
- package/dist/Layout/Header/Header.css.map +1 -1
- package/dist/Layout/Header/Header.scss +9 -9
- package/dist/Layout/Header/NavBar/NavBar.css +1 -1
- package/dist/Layout/Header/NavBar/NavBar.css.map +1 -1
- package/dist/Layout/Header/NavBar/NavBar.scss +6 -8
- package/dist/Layout/Header/PreviousLink/PreviousLink.css +1 -1
- package/dist/Layout/Header/PreviousLink/PreviousLink.css.map +1 -1
- package/dist/Layout/Header/PreviousLink/PreviousLink.scss +5 -5
- package/dist/Link/Link.css +1 -1
- package/dist/Link/Link.css.map +1 -1
- package/dist/Link/Link.scss +8 -10
- package/dist/List/ClickList/ClickList.css +1 -1
- package/dist/List/ClickList/ClickList.css.map +1 -1
- package/dist/List/ClickList/ClickList.scss +12 -12
- package/dist/List/ContentItemDuo/ContentItemDuo.css +1 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.css.map +1 -1
- package/dist/List/ContentItemDuo/ContentItemDuo.scss +5 -5
- package/dist/List/ContentItemMono/ContentItemMono.css +1 -1
- package/dist/List/ContentItemMono/ContentItemMono.css.map +1 -1
- package/dist/List/ContentItemMono/ContentItemMono.scss +12 -12
- package/dist/List/ContentTabList/ContentTabList.css +1 -1
- package/dist/List/ContentTabList/ContentTabList.css.map +1 -1
- package/dist/List/ContentTabList/ContentTabList.scss +5 -5
- package/dist/List/List.css +1 -1
- package/dist/List/List.css.map +1 -1
- package/dist/List/List.scss +1 -1
- package/dist/Loader/Loader.css +1 -1
- package/dist/Loader/Loader.css.map +1 -1
- package/dist/Loader/Loader.scss +2 -4
- package/dist/Modal/Modal.css +1 -1
- package/dist/Modal/Modal.css.map +1 -1
- package/dist/Modal/Modal.scss +10 -10
- package/dist/Pagination/Pagination.css +1 -1
- package/dist/Pagination/Pagination.css.map +1 -1
- package/dist/Pagination/Pagination.scss +1 -3
- package/dist/Pagination/PaginationDesktop.css +1 -1
- package/dist/Pagination/PaginationDesktop.css.map +1 -1
- package/dist/Pagination/PaginationDesktop.scss +4 -6
- package/dist/Pagination/PaginationMobile.css +1 -1
- package/dist/Pagination/PaginationMobile.css.map +1 -1
- package/dist/Pagination/PaginationMobile.scss +4 -6
- package/dist/Stepper/Stepper.css +1 -1
- package/dist/Stepper/Stepper.css.map +1 -1
- package/dist/Stepper/Stepper.scss +8 -10
- package/dist/Tabs/Tabs.css +1 -1
- package/dist/Tabs/Tabs.css.map +1 -1
- package/dist/Tabs/Tabs.scss +6 -8
- package/dist/Tag/Tag.css +1 -1
- package/dist/Tag/Tag.css.map +1 -1
- package/dist/Tag/Tag.scss +12 -12
- package/dist/Title/Title.css +1 -1
- package/dist/Title/Title.css.map +1 -1
- package/dist/Title/Title.scss +32 -36
- package/dist/common/tokens.css +1 -0
- package/dist/common/tokens.css.map +1 -0
- package/dist/common/tokens.scss +119 -0
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/dist/look-and-feel.scss +1 -0
- package/package.json +1 -1
package/dist/Form/Text/Text.scss
CHANGED
@@ -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:
|
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:
|
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:
|
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:
|
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
|
59
|
-
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:
|
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
|
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
|
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
|
82
|
+
border: 2px solid var(--color-axa);
|
83
83
|
outline: none;
|
84
84
|
}
|
85
85
|
}
|
package/dist/IconBg/IconBg.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.af-icon-bg{background-color
|
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,
|
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"]}
|
package/dist/IconBg/IconBg.scss
CHANGED
@@ -6,27 +6,27 @@
|
|
6
6
|
height: min-content;
|
7
7
|
padding: 0.75rem;
|
8
8
|
border-radius: 0.75rem;
|
9
|
-
background-color:
|
9
|
+
background-color: var(--color-white);
|
10
10
|
|
11
11
|
svg {
|
12
12
|
width: 2rem;
|
13
13
|
height: 2rem;
|
14
|
-
fill:
|
14
|
+
fill: var(--color-axa);
|
15
15
|
}
|
16
16
|
|
17
17
|
&--secondary {
|
18
|
-
background-color:
|
18
|
+
background-color: var(--color-axa);
|
19
19
|
|
20
20
|
svg {
|
21
|
-
fill:
|
21
|
+
fill: var(--color-white);
|
22
22
|
}
|
23
23
|
}
|
24
24
|
|
25
25
|
&--disabled {
|
26
|
-
background-color:
|
26
|
+
background-color: var(--color-gray-200);
|
27
27
|
|
28
28
|
svg {
|
29
|
-
fill:
|
29
|
+
fill: var(--color-gray-500);
|
30
30
|
}
|
31
31
|
}
|
32
32
|
}
|
@@ -1 +1 @@
|
|
1
|
-
.af-footer{background-color
|
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:
|
10
|
-
background-color:
|
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
|
43
|
+
padding: 1.2rem var(--spacing-u3);
|
44
44
|
text-decoration: none;
|
45
|
-
color:
|
45
|
+
color: var(--color-white);
|
46
46
|
|
47
47
|
&:hover {
|
48
|
-
color:
|
48
|
+
color: var(--color-blue-1);
|
49
49
|
}
|
50
50
|
}
|
51
51
|
|
52
52
|
&__footerMenuIcons {
|
53
53
|
display: flex;
|
54
|
-
padding:
|
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:
|
59
|
+
gap: var(--spacing-u3);
|
60
60
|
}
|
61
61
|
|
62
62
|
&__menuIconLinks {
|
63
63
|
align-self: center;
|
64
|
-
color:
|
65
|
-
fill:
|
64
|
+
color: var(--color-white);
|
65
|
+
fill: var(--color-white);
|
66
66
|
|
67
67
|
&:hover {
|
68
|
-
color:
|
69
|
-
fill:
|
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:
|
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:
|
84
|
+
color: var(--color-white);
|
85
85
|
}
|
86
86
|
|
87
87
|
&__footerBottom {
|
88
|
-
padding:
|
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:
|
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
|
119
|
+
padding: 0 var(--spacing-u2);
|
120
120
|
border-left: 1px solid rgba(255, 255, 255, 20%);
|
121
121
|
align-self: center;
|
122
|
-
color:
|
122
|
+
color: var(--color-white);
|
123
123
|
}
|
124
124
|
|
125
125
|
&__footerMenuIcons {
|
126
|
-
padding:
|
127
|
-
|
126
|
+
padding: var(--spacing-u2) var(--spacing-u4) var(--spacing-u2)
|
127
|
+
var(--spacing-u1);
|
128
128
|
border: none;
|
129
|
-
gap:
|
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:
|
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:
|
152
|
-
|
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:
|
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
|
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"
|
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:
|
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
|
16
|
-
border-bottom: 1px solid
|
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:
|
20
|
+
font-family: var(--font-family-sans-serif);
|
21
21
|
font-size: 1.25rem;
|
22
22
|
font-weight: 600;
|
23
|
-
color:
|
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
|
46
|
+
margin: 0 var(--spacing-u1);
|
47
47
|
flex-direction: row;
|
48
48
|
align-items: center;
|
49
|
-
gap:
|
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
|
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:
|
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
|
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"
|
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:
|
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:
|
28
|
+
color: var(--color-gray-900);
|
31
29
|
|
32
30
|
&:focus,
|
33
31
|
&--active {
|
34
|
-
border-bottom: 4px solid
|
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:
|
36
|
+
color: var(--color-axa);
|
39
37
|
outline: none;
|
40
38
|
}
|
41
39
|
|
42
40
|
&:not(:focus, --active):hover {
|
43
|
-
border-bottom: 2px solid
|
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:
|
45
|
+
color: var(--color-gray-900);
|
48
46
|
}
|
49
47
|
}
|
50
48
|
}
|
@@ -1 +1 @@
|
|
1
|
-
|
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,
|
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
|
-
|
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:
|
21
|
+
fill: var(--color-gray-700);
|
22
22
|
}
|
23
23
|
|
24
24
|
&__text {
|
25
|
-
font-family:
|
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:
|
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:
|
40
|
+
color: var(--color-gray-700);
|
41
41
|
}
|
42
42
|
}
|
43
43
|
|
package/dist/Link/Link.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.af-link{align-items:center;color
|
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}
|
package/dist/Link/Link.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Link/Link.scss%23sass","../../src/
|
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"]}
|
package/dist/Link/Link.scss
CHANGED
@@ -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:
|
6
|
+
font-family: var(--font-family-base);
|
9
7
|
text-decoration: underline;
|
10
|
-
color:
|
11
|
-
fill:
|
8
|
+
color: var(--color-axa);
|
9
|
+
fill: var(--color-axa);
|
12
10
|
|
13
11
|
&:hover {
|
14
|
-
color:
|
15
|
-
fill:
|
12
|
+
color: var(--color-blue-1);
|
13
|
+
fill: var(--color-blue-1);
|
16
14
|
}
|
17
15
|
|
18
16
|
&:active,
|
19
17
|
&:focus {
|
20
|
-
color:
|
21
|
-
fill:
|
18
|
+
color: var(--color-blue-1);
|
19
|
+
fill: var(--color-blue-1);
|
22
20
|
}
|
23
21
|
|
24
22
|
&:focus-visible {
|
25
|
-
outline: 2px solid
|
23
|
+
outline: 2px solid var(--color-blue-3);
|
26
24
|
outline-offset: 3px;
|
27
25
|
}
|
28
26
|
|