@axa-fr/design-system-look-and-feel-css 1.0.5-ci.12 → 1.0.5-ci.120
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/AccordionCore/AccordionCore.css +1 -1
- package/dist/AccordionCore/AccordionCore.css.map +1 -1
- package/dist/Alert/Alert.css +1 -1
- package/dist/Alert/Alert.css.map +1 -1
- package/dist/Alert/Alert.scss +6 -6
- package/dist/Card/Card.css +1 -1
- package/dist/Card/Card.css.map +1 -1
- package/dist/Form/Checkbox/Checkbox.css +1 -1
- package/dist/Form/Checkbox/Checkbox.css.map +1 -1
- package/dist/Form/Checkbox/Checkbox.scss +16 -5
- package/dist/Form/FileUpload/FileUpload.css +1 -1
- package/dist/Form/FileUpload/FileUpload.css.map +1 -1
- package/dist/Form/FileUpload/FileUpload.scss +9 -4
- package/dist/Form/InputError/InputError.css +1 -1
- package/dist/Form/InputError/InputError.css.map +1 -1
- package/dist/Form/InputError/InputError.scss +1 -1
- package/dist/Form/Radio/Radio.css +1 -1
- package/dist/Form/Radio/Radio.css.map +1 -1
- package/dist/Form/Radio/Radio.scss +17 -6
- package/dist/Form/Select/Select.css +1 -1
- package/dist/Form/Select/Select.css.map +1 -1
- package/dist/Form/Select/Select.scss +57 -88
- package/dist/Form/Text/Text.css +1 -1
- package/dist/Form/Text/Text.css.map +1 -1
- package/dist/Form/Text/Text.scss +64 -13
- package/dist/Form/TextArea/TextArea.css +1 -1
- package/dist/Form/TextArea/TextArea.css.map +1 -1
- package/dist/Form/TextArea/TextArea.scss +5 -1
- package/dist/Grid/Grid-demo-example-form.css +1 -1
- package/dist/Grid/Grid-demo-example-form.css.map +1 -1
- package/dist/Grid/Grid-demo-example-form.scss +20 -0
- package/dist/Grid/Grid-demo-wireframe.css +1 -1
- package/dist/Grid/Grid-demo-wireframe.css.map +1 -1
- package/dist/IconBg/IconBg.css +1 -1
- package/dist/IconBg/IconBg.css.map +1 -1
- package/dist/Layout/Footer/Footer.css +1 -1
- package/dist/Layout/Footer/Footer.css.map +1 -1
- package/dist/Layout/Header/BurgerMenu/BurgerMenu.css +1 -0
- package/dist/Layout/Header/BurgerMenu/BurgerMenu.css.map +1 -0
- package/dist/Layout/Header/BurgerMenu/BurgerMenu.scss +48 -0
- package/dist/Layout/Header/Header.css +1 -1
- package/dist/Layout/Header/Header.css.map +1 -1
- package/dist/Layout/Header/Header.scss +70 -62
- 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 +35 -29
- 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 -7
- package/dist/Link/Link.css +1 -1
- package/dist/Link/Link.css.map +1 -1
- package/dist/List/ClickList/ClickList.css +1 -1
- package/dist/List/ClickList/ClickList.css.map +1 -1
- package/dist/Modal/Modal.css +1 -1
- package/dist/Modal/Modal.css.map +1 -1
- package/dist/Modal/Modal.scss +62 -89
- package/dist/Stepper/Stepper.css +1 -1
- package/dist/Stepper/Stepper.css.map +1 -1
- package/dist/Stepper/Stepper.scss +4 -3
- package/dist/Title/Title.css +1 -1
- package/dist/Title/Title.css.map +1 -1
- package/dist/common/common.scss +100 -2
- package/dist/common/reboot.css +1 -1
- package/dist/common/reboot.css.map +1 -1
- package/dist/common/tokens.css +1 -1
- package/dist/common/tokens.css.map +1 -1
- package/dist/common/tokens.scss +2 -0
- package/dist/look-and-feel.css +1 -1
- package/dist/look-and-feel.css.map +1 -1
- package/dist/look-and-feel.scss +2 -5
- package/package.json +27 -22
- package/dist/Button/Button.css +0 -1
- package/dist/Button/Button.css.map +0 -1
- package/dist/Button/Button.scss +0 -150
- package/dist/Grid/DebugGrid.css +0 -1
- package/dist/Grid/DebugGrid.css.map +0 -1
- package/dist/Grid/DebugGrid.scss +0 -92
- package/dist/Grid/Grid.css +0 -1
- package/dist/Grid/Grid.css.map +0 -1
- package/dist/Grid/Grid.scss +0 -71
- package/dist/Loader/Loader.css +0 -1
- package/dist/Loader/Loader.css.map +0 -1
- package/dist/Loader/Loader.scss +0 -39
- package/dist/common/glyphicons/icons.eot +0 -0
- package/dist/common/glyphicons/icons.svg +0 -918
- package/dist/common/glyphicons/icons.ttf +0 -0
- package/dist/common/glyphicons/icons.woff +0 -0
- package/dist/common/icons.css +0 -1
- package/dist/common/icons.css.map +0 -1
- package/dist/common/icons.scss +0 -1236
- /package/{dist/common → files}/assets/logo-axa.svg +0 -0
package/dist/Modal/Modal.scss
CHANGED
@@ -1,128 +1,101 @@
|
|
1
|
-
@use "../common/common" as common;
|
1
|
+
@use "../common/common.scss" as common;
|
2
2
|
|
3
3
|
.af-modal {
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
--spacing-modal: calc(16 / var(--font-size-base) * 1rem);
|
5
|
+
--font-size-heading: calc(20 / var(--font-size-base) * 1rem);
|
6
|
+
--font-size-subtitle: calc(16 / var(--font-size-base) * 1rem);
|
7
|
+
--line-height-heading: calc(25 / var(--font-size-base) * 1rem);
|
8
|
+
--line-height-subtitle: calc(20 / var(--font-size-base) * 1rem);
|
9
|
+
|
10
|
+
padding: var(--spacing-modal) 0;
|
8
11
|
border: none;
|
9
|
-
border-radius:
|
10
|
-
background-color: var(--color-white);
|
12
|
+
border-radius: var(--radius-8);
|
11
13
|
|
12
14
|
&::backdrop {
|
13
15
|
opacity: 0.4;
|
14
16
|
background: var(--color-gray-900);
|
15
17
|
}
|
16
18
|
|
17
|
-
&
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
display: flex;
|
22
|
-
padding: 1.5rem;
|
19
|
+
&__header {
|
20
|
+
display: grid;
|
21
|
+
padding-bottom: var(--spacing-modal);
|
22
|
+
padding-inline: var(--spacing-modal);
|
23
23
|
border-bottom: 1px solid var(--color-gray-400);
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
24
|
+
grid-template-areas: "headertitle closebtn";
|
25
|
+
grid-template-columns: 1fr auto;
|
26
|
+
gap: var(--spacing-modal);
|
27
|
+
|
28
|
+
> .af-btn-client {
|
29
|
+
width: fit-content;
|
30
|
+
height: fit-content;
|
31
|
+
grid-area: closebtn;
|
32
32
|
align-items: start;
|
33
|
-
justify-
|
34
|
-
|
33
|
+
justify-self: end;
|
34
|
+
}
|
35
35
|
|
36
|
-
|
36
|
+
&-title {
|
37
|
+
display: grid;
|
38
|
+
grid-area: headertitle;
|
39
|
+
grid-template-areas:
|
40
|
+
"icon title"
|
41
|
+
"icon subtitle";
|
42
|
+
justify-self: start;
|
43
|
+
gap: 0 1rem;
|
44
|
+
|
45
|
+
&-heading {
|
46
|
+
margin: 0;
|
47
|
+
grid-area: title;
|
37
48
|
font-family: var(--font-family-publico);
|
38
|
-
font-size:
|
39
|
-
line-height:
|
49
|
+
font-size: var(--font-size-heading);
|
50
|
+
line-height: var(--line-height-heading);
|
51
|
+
color: var(--color-gray-900);
|
40
52
|
}
|
41
53
|
|
42
54
|
&-subtitle {
|
43
|
-
|
44
|
-
font-size:
|
45
|
-
|
46
|
-
line-height: 1.406rem;
|
55
|
+
grid-area: subtitle;
|
56
|
+
font-size: var(--font-size-subtitle);
|
57
|
+
line-height: var(--line-height-subtitle);
|
47
58
|
color: var(--color-gray-700);
|
48
59
|
}
|
49
60
|
|
50
|
-
|
51
|
-
|
52
|
-
display: flex;
|
53
|
-
width: 2rem;
|
54
|
-
height: 2rem;
|
55
|
-
align-items: center;
|
56
|
-
justify-content: center;
|
57
|
-
cursor: pointer;
|
61
|
+
svg {
|
62
|
+
grid-area: icon;
|
58
63
|
fill: var(--color-axa);
|
59
64
|
}
|
60
|
-
|
61
|
-
:hover {
|
62
|
-
background: none;
|
63
|
-
}
|
64
|
-
|
65
|
-
:focus {
|
66
|
-
border: none;
|
67
|
-
background: none;
|
68
|
-
}
|
69
65
|
}
|
70
66
|
}
|
71
67
|
|
72
|
-
&
|
73
|
-
|
74
|
-
display: flex;
|
75
|
-
margin-top: 2.5rem;
|
76
|
-
padding: 0 1.5rem;
|
77
|
-
flex-direction: column;
|
78
|
-
gap: 2.5rem;
|
79
|
-
font-family: var(--font-family-base);
|
80
|
-
font-size: 1.125rem;
|
81
|
-
font-weight: 400;
|
68
|
+
&__body {
|
69
|
+
padding: var(--spacing-modal);
|
82
70
|
}
|
83
71
|
|
84
|
-
&
|
72
|
+
&__footer {
|
85
73
|
display: flex;
|
86
|
-
padding
|
87
|
-
flex-direction: column-reverse;
|
88
|
-
align-items: flex-end;
|
74
|
+
padding: var(--spacing-modal) var(--spacing-modal) 0 var(--spacing-modal);
|
89
75
|
justify-content: flex-end;
|
90
|
-
gap:
|
76
|
+
gap: var(--spacing-modal);
|
91
77
|
|
92
|
-
|
93
|
-
& * {
|
94
|
-
width: 100%;
|
78
|
+
.af-btn-client {
|
95
79
|
flex-grow: 1;
|
96
80
|
}
|
97
|
-
|
98
|
-
&--fullWidth {
|
99
|
-
& * {
|
100
|
-
width: 100%;
|
101
|
-
flex-grow: 1;
|
102
|
-
}
|
103
|
-
}
|
104
81
|
}
|
105
|
-
}
|
106
82
|
|
107
|
-
@media
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
83
|
+
@media (width > #{common.$breakpoint-sm}) {
|
84
|
+
--spacing-modal: calc(24 / var(--font-size-base) * 1rem);
|
85
|
+
--font-size-heading: calc(24 / var(--font-size-base) * 1rem);
|
86
|
+
--font-size-subtitle: calc(18 / var(--font-size-base) * 1rem);
|
87
|
+
--line-height-heading: calc(30 / var(--font-size-base) * 1rem);
|
88
|
+
--line-height-subtitle: calc(22.5 / var(--font-size-base) * 1rem);
|
112
89
|
|
113
|
-
|
114
|
-
flex-direction: row-reverse;
|
115
|
-
justify-content: flex-start;
|
90
|
+
max-width: revert;
|
116
91
|
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
92
|
+
&__footer {
|
93
|
+
.af-btn-client {
|
94
|
+
min-width: 180px;
|
95
|
+
flex-grow: inherit;
|
121
96
|
|
122
|
-
|
123
|
-
|
124
|
-
width: 100%;
|
125
|
-
flex-grow: 1;
|
97
|
+
&:last-child {
|
98
|
+
width: 250px;
|
126
99
|
}
|
127
100
|
}
|
128
101
|
}
|
package/dist/Stepper/Stepper.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.af-stepper-client{background-color:
|
1
|
+
.af-stepper-client{background-color:initial;display:flex;flex-direction:column;gap:calc(16/var(--font-size-base)*1rem);width:100%}.af-stepper-client__title{color:var(--color-gray-900);font-family:var(--font-family-publico-bold);font-size:2rem;font-weight:700;line-height:2.5rem;margin:0;text-align:left}.af-stepper-client__subtitle{color:var(--color-gray-700);font-family:var(--font-family-sans-serif);font-size:1.125rem;font-weight:400;line-height:1.406rem;margin:0;text-align:left}.af-stepper-client__content{align-items:flex-end;display:flex;gap:1rem}.af-stepper-client__progressbar{background-color:var(--color-gray-400);border-radius:var(--default-border-radius);height:.375rem;width:100%}.af-stepper-client__progress{background-color:var(--color-axa);border-radius:var(--default-border-radius);height:100%;height:.375rem;text-align:left;transition:.75s ease-out,background-color .75s;width:50%}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"sources":["../../src/Stepper/Stepper.scss%23sass","../../src/Stepper/Stepper.scss"],"names":[],"mappings":"AAAA,mBAKE,wBAAA,CAJA,YAAA,CAEA,qBAAA,CACA,uCAAA,CAFA,UCIF,CDCE,0BAOE,2BAAA,CALA,2CAAA,CACA,cAAA,CACA,eAAA,CACA,kBAAA,CAJA,QAAA,CAKA,eCEJ,CDEE,6BAOE,2BAAA,CALA,yCAAA,CACA,kBAAA,CACA,eAAA,CACA,oBAAA,CAJA,QAAA,CAKA,eCCJ,CDGE,4BAEE,oBAAA,CADA,YAAA,CAEA,QCDJ,CDIE,gCAIE,sCAAA,CADA,0CAAA,CADA,cAAA,CADA,UCCJ,CDKE,6BAME,iCAAA,CAFA,0CAAA,CAFA,WAAA,CACA,cAAA,CAEA,eAAA,CAEA,8CACE,CAPF,SCGJ","file":"Stepper.css","sourcesContent":[".af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: transparent;\n\n &__title {\n margin: 0;\n font-family: var(--font-family-publico-bold);\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: var(--color-gray-700);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n background-color: var(--color-gray-400);\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n text-align: left;\n background-color: var(--color-axa);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n",".af-stepper-client {\n display: flex;\n width: 100%;\n flex-direction: column;\n gap: calc(16 / var(--font-size-base) * 1rem);\n background-color: transparent;\n\n &__title {\n margin: 0;\n font-family: var(--font-family-publico-bold);\n font-size: 2rem;\n font-weight: 700;\n line-height: 2.5rem;\n text-align: left;\n color: var(--color-gray-900);\n }\n\n &__subtitle {\n margin: 0;\n font-family: var(--font-family-sans-serif);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.406rem;\n text-align: left;\n color: var(--color-gray-700);\n }\n\n &__content {\n display: flex;\n align-items: flex-end;\n gap: 1rem;\n }\n\n &__progressbar {\n width: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n background-color: var(--color-gray-400);\n }\n\n &__progress {\n width: 50%;\n height: 100%;\n height: 0.375rem;\n border-radius: var(--default-border-radius);\n text-align: left;\n background-color: var(--color-axa);\n transition:\n 0.75s ease-out,\n background-color 0.75s;\n }\n}\n"]}
|
@@ -2,11 +2,12 @@
|
|
2
2
|
display: flex;
|
3
3
|
width: 100%;
|
4
4
|
flex-direction: column;
|
5
|
+
gap: calc(16 / var(--font-size-base) * 1rem);
|
5
6
|
background-color: transparent;
|
6
7
|
|
7
8
|
&__title {
|
8
|
-
margin
|
9
|
-
font-family: var(--font-family-publico-bold)
|
9
|
+
margin: 0;
|
10
|
+
font-family: var(--font-family-publico-bold);
|
10
11
|
font-size: 2rem;
|
11
12
|
font-weight: 700;
|
12
13
|
line-height: 2.5rem;
|
@@ -15,7 +16,7 @@
|
|
15
16
|
}
|
16
17
|
|
17
18
|
&__subtitle {
|
18
|
-
margin
|
19
|
+
margin: 0;
|
19
20
|
font-family: var(--font-family-sans-serif);
|
20
21
|
font-size: 1.125rem;
|
21
22
|
font-weight: 400;
|
package/dist/Title/Title.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:
|
1
|
+
*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}.af-title{--texts-column:1;color:var(--color-gray-900);display:grid;gap:.25rem .75rem}.af-title__title{font-family:var(--font-family-publico);font-weight:700;grid-column:var(--texts-column);margin:0}.af-title__subtitle{display:block;font-family:var(--font-family-base);font-size:1.125rem;font-weight:400;grid-column:var(--texts-column);line-height:1.4rem}.af-title__icon{border-radius:.75rem;box-shadow:0 .125rem .5rem 0 rgba(var(--color-axa),.15);grid-column:1;grid-row:1/3}.af-title--xl .af-title__title{font-size:2rem;line-height:2.5rem}.af-title--l .af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title:has(.af-title__icon){--texts-column:2;grid-template-columns:auto 1fr}.af-title:has(.af-title__icon) .af-title__title{color:var(--color-axa)}@media (width <= 1023px){.af-title--xl .af-title__title{font-size:1.5rem;line-height:1.875rem}.af-title--l .af-title__title{font-size:1.25rem;line-height:1.56rem}.af-title__subtitle{font-size:1rem;line-height:1.25rem}}
|
package/dist/Title/Title.css.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Title/Title.scss","../../src/Title/Title.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss","../../src/Title/Title.scss","../../src/Title/Title.scss%23sass"],"names":[],"mappings":"AAAA,iBCGA,qBACA,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBCOA,mBAAA,CDDE,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CADA,YAAA,CAEA,aCAF,CDGA,OACE,eCAF,CDGA,IACE,iBCCF,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MACE,wBCAF,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CADA,iBAAA,CAGA,eCCF,CDGA,GACE,kBCAF,CDGA,OACE,eCAF,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OACE,gBCAF,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aACE,kBAAA,CACA,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SACE,aAAA,CACA,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CADA,WAAA,CAEA,SCCF,CDGA,OASE,aAAA,CARA,aAAA,CAKA,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SACE,sBCAF,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CADA,mBCCF,CDGA,yCACE,uBAAA,CAAA,eCAF,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CADA,YCCF,CDGA,OACE,oBCAF,CDGA,QAEE,cAAA,CADA,iBCCF,CDGA,SACE,YCAF,CDGA,SACE,sBCAF,CCvUA,UACE,gBAAA,CAIA,2BAAA,CAFA,YAAA,CACA,iBD0UF,CCvUE,iBAGE,sCAAA,CACA,eAAA,CAFA,+BAAA,CADA,QD4UJ,CCtUE,oBACE,aAAA,CAEA,mCAAA,CACA,kBAAA,CACA,eAAA,CAHA,+BAAA,CAIA,kBDwUJ,CCrUE,gBACE,oBAAA,CAGA,uDAAA,CAFA,aAAA,CACA,YDwUJ,CCpUE,+BACE,cAAA,CACA,kBDsUJ,CCnUE,8BACE,gBAAA,CACA,oBDqUJ,CClUE,+BACE,gBAAA,CAEA,8BDmUJ,CCjUI,gDACE,sBDmUN,CC9TA,yBAEI,+BACE,gBAAA,CACA,oBDgUJ,CC7TE,8BACE,iBAAA,CACA,mBD+TJ,CC5TE,oBACE,cAAA,CACA,mBD8TJ,CACF","file":"Title.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","@use \"../common/common\" as common;\n@use \"../common/reboot\";\n\n.af-title {\n --texts-column: 1;\n\n display: grid;\n gap: common.rem(4) common.rem(12);\n color: var(--color-gray-900);\n\n &__title {\n margin: 0;\n grid-column: var(--texts-column);\n font-family: var(--font-family-publico);\n font-weight: 700;\n }\n\n &__subtitle {\n display: block;\n grid-column: var(--texts-column);\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &--xl &__title {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n\n &--l &__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &:has(&__icon) {\n --texts-column: 2;\n\n grid-template-columns: auto 1fr;\n\n .af-title__title {\n color: var(--color-axa);\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n .af-title {\n &--xl &__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &--l &__title {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n}\n","@use \"../common/common\" as common;\n@use \"../common/reboot\";\n\n.af-title {\n --texts-column: 1;\n\n display: grid;\n gap: common.rem(4) common.rem(12);\n color: var(--color-gray-900);\n\n &__title {\n margin: 0;\n grid-column: var(--texts-column);\n font-family: var(--font-family-publico);\n font-weight: 700;\n }\n\n &__subtitle {\n display: block;\n grid-column: var(--texts-column);\n font-family: var(--font-family-base);\n font-size: 1.125rem;\n font-weight: 400;\n line-height: 1.4rem;\n }\n\n &__icon {\n border-radius: 0.75rem;\n grid-column: 1;\n grid-row: 1/3;\n box-shadow: 0 0.125rem 0.5rem 0 rgba(var(--color-axa), 0.15);\n }\n\n &--xl &__title {\n font-size: 2rem;\n line-height: 2.5rem;\n }\n\n &--l &__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &:has(&__icon) {\n --texts-column: 2;\n\n grid-template-columns: auto 1fr;\n\n .af-title__title {\n color: var(--color-axa);\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-md}) {\n .af-title {\n &--xl &__title {\n font-size: 1.5rem;\n line-height: 1.875rem;\n }\n\n &--l &__title {\n font-size: 1.25rem;\n line-height: 1.56rem;\n }\n\n &__subtitle {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n }\n}\n"]}
|
package/dist/common/common.scss
CHANGED
@@ -1,4 +1,7 @@
|
|
1
|
-
@
|
1
|
+
@use "sass:map";
|
2
|
+
@use "sass:list";
|
3
|
+
|
4
|
+
@forward "./mixins";
|
2
5
|
|
3
6
|
$font-family-sans-serif: "Source Sans Pro", arial, sans-serif !default;
|
4
7
|
$font-family-serif: georgia, times, "Times New Roman", serif !default;
|
@@ -41,6 +44,8 @@ $color-focus: #36f !default;
|
|
41
44
|
// others
|
42
45
|
|
43
46
|
$default-border-radius: 4px !default;
|
47
|
+
$radius-8: 8px !default;
|
48
|
+
$radius-100: 100% !default;
|
44
49
|
|
45
50
|
$transition-duration: 0.2s !default;
|
46
51
|
|
@@ -99,10 +104,103 @@ $error-custom-bg: #ffbfbf !default;
|
|
99
104
|
$color-alertDanger-colorBorder: #c8b282 !default;
|
100
105
|
$color-alertDanger-bgColor: #f1d596 !default;
|
101
106
|
|
102
|
-
// breakpoints
|
107
|
+
// Grid breakpoints
|
103
108
|
|
104
109
|
$breakpoint-xs: 0 !default;
|
105
110
|
$breakpoint-sm: 667px !default;
|
106
111
|
$breakpoint-md: 1023px !default;
|
107
112
|
$breakpoint-lg: 1279px !default;
|
108
113
|
$breakpoint-xl: 1599px !default;
|
114
|
+
|
115
|
+
// Define the minimum dimensions at which your layout will change,
|
116
|
+
// adapting to different screen sizes, for use in media queries.
|
117
|
+
|
118
|
+
$grid-breakpoints: (
|
119
|
+
xs: $breakpoint-xs,
|
120
|
+
sm: $breakpoint-sm,
|
121
|
+
md: $breakpoint-md,
|
122
|
+
lg: $breakpoint-lg,
|
123
|
+
xl: $breakpoint-xl,
|
124
|
+
);
|
125
|
+
|
126
|
+
// Breakpoint viewport sizes and media queries.
|
127
|
+
|
128
|
+
// Breakpoints are defined as a map of (name: minimum width), order from small to large:
|
129
|
+
|
130
|
+
// (xs: 0, sm: 667px, md: 1023px, lg: 1279px, xl: 1599px)
|
131
|
+
|
132
|
+
// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
|
133
|
+
// Name of the next breakpoint, or null for the last breakpoint.
|
134
|
+
|
135
|
+
// >> breakpoint-next(sm)
|
136
|
+
// md
|
137
|
+
// >> breakpoint-next(sm, (xs: 0, sm: 667px, md: 1023px, lg: 1279px, xl: 1599px))
|
138
|
+
// md
|
139
|
+
// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
|
140
|
+
// md
|
141
|
+
@function breakpoint-next(
|
142
|
+
$name,
|
143
|
+
$breakpoints: $grid-breakpoints,
|
144
|
+
$breakpoint-names: map.keys($breakpoints)
|
145
|
+
) {
|
146
|
+
$n: list.index($breakpoint-names, $name);
|
147
|
+
|
148
|
+
@return if(
|
149
|
+
$n < list.length($breakpoint-names),
|
150
|
+
list.nth($breakpoint-names, $n + 1),
|
151
|
+
null
|
152
|
+
);
|
153
|
+
}
|
154
|
+
|
155
|
+
// Minimum breakpoint width. Null for the smallest (first) breakpoint.
|
156
|
+
|
157
|
+
// >> breakpoint-min(sm, (xs: 0, sm: 667px, md: 1023px, lg: 1279px, xl: 1599px))
|
158
|
+
// 667px
|
159
|
+
@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
|
160
|
+
$min: map.get($breakpoints, $name);
|
161
|
+
|
162
|
+
@return if($min != 0, $min, null);
|
163
|
+
}
|
164
|
+
|
165
|
+
// Maximum breakpoint width. Null for the largest (last) breakpoint.
|
166
|
+
// The maximum value is calculated as the minimum of the next one less 0.02px
|
167
|
+
// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
|
168
|
+
// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
|
169
|
+
// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
|
170
|
+
// See https://bugs.webkit.org/show_bug.cgi?id=178261
|
171
|
+
|
172
|
+
// >> breakpoint-max(sm, (xs: 0, sm: 667px, md: 1023px, lg: 1279px, xl: 1599px))
|
173
|
+
// 1022.98px
|
174
|
+
@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
|
175
|
+
$next: breakpoint-next($name, $breakpoints);
|
176
|
+
|
177
|
+
@return if($next, breakpoint-min($next, $breakpoints) - 0.02px, null);
|
178
|
+
}
|
179
|
+
|
180
|
+
// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
|
181
|
+
// Makes the @content apply to the given breakpoint and wider.
|
182
|
+
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
|
183
|
+
$min: breakpoint-min($name, $breakpoints);
|
184
|
+
|
185
|
+
@if $min {
|
186
|
+
@media (min-width: $min) {
|
187
|
+
@content;
|
188
|
+
}
|
189
|
+
} @else {
|
190
|
+
@content;
|
191
|
+
}
|
192
|
+
}
|
193
|
+
|
194
|
+
// Media of at most the maximum breakpoint width. No query for the largest breakpoint.
|
195
|
+
// Makes the @content apply to the given breakpoint and narrower.
|
196
|
+
@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {
|
197
|
+
$max: breakpoint-max($name, $breakpoints);
|
198
|
+
|
199
|
+
@if $max {
|
200
|
+
@media (max-width: $max) {
|
201
|
+
@content;
|
202
|
+
}
|
203
|
+
} @else {
|
204
|
+
@content;
|
205
|
+
}
|
206
|
+
}
|
package/dist/common/reboot.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:
|
1
|
+
*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{background-color:#fff;color:#333;font-family:Source Sans Pro,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;margin:0;text-align:left}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;margin-top:0}p{margin-bottom:1rem;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{background-color:initial;color:#00008f;text-decoration:none}a:hover{color:#000043;text-decoration:underline}a:not([href],[tabindex]),a:not([href],[tabindex]):focus,a:not([href],[tabindex]):hover{color:inherit;text-decoration:none}a:not([href],[tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-bottom:1rem;margin-top:0;overflow:auto}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{caption-side:bottom;color:#6c757d;padding-bottom:.5rem;padding-top:.5rem;text-align:left}th{text-align:inherit}button{border-radius:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;appearance:button}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox;appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5rem;line-height:inherit;margin-bottom:.5rem;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;appearance:none;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}output{display:inline-block}summary{cursor:pointer;display:list-item}template{display:none}[hidden]{display:none!important}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/reboot.scss%23sass","../../src/common/reboot.scss"],"names":[],"mappings":"AAAA,iBAGE,qBCCF,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,sBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,uBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,4BAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CCFF,YAAA,CDGE,aCAF,CDGA,OCAA,eACA,CDGA,ICAA,iBAEA,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MCAA,wBACA,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CCFF,iBAAA,CDIE,eCCF,CDGA,GCAA,kBACA,CDGA,OCAA,eACA,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OCAA,gBACA,CDGA,gDAIE,yBAAA,CAAA,sBAAA,CAAA,iBCAF,CDGA,aCAA,kBAAA,CDEE,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,uBAAA,CAAA,kBCAF,CDGA,SCAA,aAAA,CDEE,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CCFF,WAAA,CDGE,SCCF,CDGA,OASE,aAAA,CCTF,aAAA,CDME,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SCAA,uBACA,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,oBAAA,CAAA,eAAA,CCFF,mBAEA,CDGA,yCCAA,uBAAA,CAAA,eACA,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CCFF,YAEA,CDGA,OCAA,oBACA,CDGA,QAEE,cAAA,CCFF,iBAEA,CDGA,SCAA,YACA,CDGA,SCAA,sBACA","file":"reboot.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n"]}
|
1
|
+
{"version":3,"sources":["../../src/common/reboot.scss%23sass","../../src/common/reboot.scss"],"names":[],"mappings":"AAAA,iBAGE,qBCCF,CDEA,KACE,sBAAA,CACA,gBAAA,CACA,6BAAA,CAAA,0BAAA,CAAA,qBAAA,CACA,uCCCF,CDEA,sEAUE,aCCF,CDEA,KAQE,qBAAA,CADA,UAAA,CALA,4CAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CAJA,QAAA,CAKA,eCGF,CDEA,sBACE,mBCCF,CDEA,GACE,kBAAA,CACA,QAAA,CACA,gBCCF,CDEA,kBAOE,mBAAA,CADA,YCEF,CDEA,EAEE,kBAAA,CADA,YCEF,CDEA,sCAEE,eAAA,CAIA,WAAA,CAHA,yBAAA,CACA,wCAAA,CAAA,gCAAA,CACA,qCAAA,CAAA,6BCEF,CDEA,QAEE,iBAAA,CACA,mBCCF,CDEA,iBALE,kBCUF,CDLA,SAGE,YCEF,CDEA,wBAIE,eCCF,CDEA,GACE,eCCF,CDEA,GACE,mBAAA,CACA,aCCF,CDEA,WACE,eCCF,CDEA,SAEE,kBCCF,CDEA,MACE,aCCF,CDEA,QAIE,aAAA,CACA,aAAA,CAHA,iBAAA,CACA,sBCGF,CDEA,IACE,aCCF,CDEA,IACE,SCCF,CDEA,EAGE,wBAAA,CADA,aAAA,CADA,oBCGF,CDEA,QAEE,aAAA,CADA,yBCEF,CDOA,uFAGE,aAAA,CADA,oBCEF,CDEA,+BACE,SCCF,CDEA,kBAIE,sFAAA,CAEA,aCAF,CDGA,IAEE,kBAAA,CCFF,YAAA,CDGE,aCAF,CDGA,OCAA,eACA,CDGA,ICAA,iBAEA,CDGA,QAHE,qBCKF,CDFA,IAEE,eCAF,CDGA,MCAA,wBACA,CDGA,QAGE,mBAAA,CAEA,aAAA,CAHA,oBAAA,CCFF,iBAAA,CDIE,eCCF,CDGA,GCAA,kBACA,CDGA,OCAA,eACA,CDGA,sCAME,mBAAA,CACA,iBAAA,CACA,mBAAA,CAHA,QCGF,CDGA,aAEE,gBCAF,CDGA,cAEE,mBCAF,CDGA,OCAA,gBACA,CDGA,gDAIE,yBAAA,CAAA,iBCAF,CDGA,aCAA,kBAAA,CDEE,yCCAF,CDGA,4GAIE,cCAF,CDGA,wHAKE,iBAAA,CADA,SCCF,CDGA,uCAEE,qBAAA,CACA,SCAF,CDGA,+EAIE,0BAAA,CAAA,kBCAF,CDGA,SCAA,aAAA,CDEE,eCAF,CDGA,SAIE,QAAA,CAFA,QAAA,CCFF,WAAA,CDGE,SCCF,CDGA,OASE,aAAA,CCTF,aAAA,CDME,gBAAA,CACA,mBAAA,CAHA,mBAAA,CADA,cAAA,CAEA,SAAA,CAGA,kBAAA,CANA,UCOF,CDGA,SCAA,sBACA,CDGA,kFAEE,WCAF,CDGA,cAEE,uBAAA,CAAA,eAAA,CCFF,mBAEA,CDGA,yCCAA,uBAAA,CAAA,eACA,CDGA,6BAEE,yBAAA,CAAA,iBAAA,CCFF,YAEA,CDGA,OCAA,oBACA,CDGA,QAEE,cAAA,CCFF,iBAEA,CDGA,SCAA,YACA,CDGA,SCAA,sBACA","file":"reboot.css","sourcesContent":["*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n","*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n text-size-adjust: 100%;\n -webkit-tap-highlight-color: transparent;\n}\n\narticle,\naside,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: \"Source Sans Pro\", Arial, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n color: #333;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: 0 !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[data-original-title],\nabbr[title] {\n border-bottom: 0;\n text-decoration: underline;\n text-decoration: underline dotted;\n text-decoration-skip-ink: none;\n cursor: help;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\ndl,\nol,\nul {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n vertical-align: baseline;\n font-size: 75%;\n line-height: 0;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n text-decoration: none;\n color: #00008f;\n background-color: transparent;\n}\n\na:hover {\n text-decoration: underline;\n color: #000043;\n}\n\na:not([href], [tabindex]) {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus,\na:not([href], [tabindex]):hover {\n text-decoration: none;\n color: inherit;\n}\n\na:not([href], [tabindex]):focus {\n outline: 0;\n}\n\ncode,\nkbd,\npre,\nsamp {\n font-family: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n border-style: none;\n vertical-align: middle;\n}\n\nsvg {\n vertical-align: middle;\n overflow: hidden;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n caption-side: bottom;\n text-align: left;\n color: #6c757d;\n}\n\nth {\n text-align: inherit;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nselect {\n word-wrap: normal;\n}\n\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\nbutton {\n appearance: button;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\n[type=\"button\"]:not(:disabled),\n[type=\"reset\"]:not(:disabled),\n[type=\"submit\"]:not(:disabled),\nbutton:not(:disabled) {\n cursor: pointer;\n}\n\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner,\nbutton::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"],\ninput[type=\"time\"] {\n appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n padding: 0;\n font-size: 1.5rem;\n line-height: inherit;\n white-space: normal;\n color: inherit;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-decoration {\n appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n"]}
|
package/dist/common/tokens.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
:root{--font-family-sans-serif:Source Sans Pro,arial,sans-serif;--font-family-serif:georgia,times,Times New Roman,serif;--font-family-base:Source Sans Pro,arial,sans-serif;--font-family-publico-bold:Publico Headline Bold;--font-family-publico:Publico Headline;--font-size-base:16;--color-white:#fff;--color-black:#000;--color-axa:#00008f;--color-blue-1:#000072;--color-blue-2:#f8f8ff;--color-blue-3:#36f;--color-ocean-blue:#4976ba;--color-btn-light:#3333a5;--color-focus:#36f;--color-btn-tertiary-bg:#eef;--color-btn-tertiary-bg-darker:#e4e4ff;--color-btn-tertiary-bg-lighter:#f8f8ff;--color-red:#ff1721;--color-red-700:#c91432;--color-btn-error-text:#a11028;--color-btn-error-bg:#fff3f5;--error-custom-border:#d18e8e;--error-custom-bg:#ffbfbf;--color-alert-danger-color-border:#c8b282;--color-alert-danger-bg-color:#f1d596;--color-btn-business:#c94e14;--color-btn-business-dark:#a8391c;--color-btn-business-light:#df7e65;--color-gray:#5f5f5f;--color-gray-1:#ccc;--color-gray-200:#f3f3f3;--color-gray-300:#e9ecf2;--color-gray-400:#e5e5e5;--color-gray-500:#999;--color-gray-700:#5f5f5f;--color-gray-900:#333;--color-btn-disabled-text:#999;--color-border:#f3f3f3;--color-green-600:#118635;--sizing-u0:0;--sizing-u05:0.4rem;--sizing-u1:0.8rem;--sizing-u2:1.6rem;--sizing-u3:2.4rem;--sizing-u4:3.2rem;--sizing-u5:4rem;--sizing-u6:4.8rem;--sizing-u7:5.6rem;--sizing-u8:6.4rem;--sizing-u9:7.2rem;--sizing-u10:8rem;--spacing-u05:0.4rem;--spacing-u0:0;--spacing-u1:0.8rem;--spacing-u2:1.6rem;--spacing-u3:2.4rem;--spacing-u4:3.2rem;--spacing-u5:4rem;--spacing-u6:4.8rem;--spacing-u7:5.6rem;--spacing-u8:6.4rem;--spacing-u9:7.2rem;--spacing-u10:8rem;--spacing-u11:8.8rem;--spacing-u12:9.6rem;--spacing-u13:10.4rem;--spacing-u14:11.2rem;--spacing-u15:12rem;--spacing-u16:12.8rem;--spacing-u17:13.6rem;--spacing-u18:14.4rem;--spacing-u19:15.2rem;--spacing-u20:16rem;--screen-size-s:668px;--screen-size-m:1024px;--screen-size-l:1280px;--screen-size-xl:1600px;--screen-size-oldl:1200px;--screen-size-oldxl:1540px;--breakpoint-xs:0;--breakpoint-sm:667px;--breakpoint-md:1023px;--breakpoint-lg:1279px;--breakpoint-xl:1599px;--default-border-radius:4px;--transition-duration:0.2s}
|
1
|
+
:root{--font-family-sans-serif:Source Sans Pro,arial,sans-serif;--font-family-serif:georgia,times,Times New Roman,serif;--font-family-base:Source Sans Pro,arial,sans-serif;--font-family-publico-bold:Publico Headline Bold;--font-family-publico:Publico Headline;--font-size-base:16;--color-white:#fff;--color-black:#000;--color-axa:#00008f;--color-blue-1:#000072;--color-blue-2:#f8f8ff;--color-blue-3:#36f;--color-ocean-blue:#4976ba;--color-btn-light:#3333a5;--color-focus:#36f;--color-btn-tertiary-bg:#eef;--color-btn-tertiary-bg-darker:#e4e4ff;--color-btn-tertiary-bg-lighter:#f8f8ff;--color-red:#ff1721;--color-red-700:#c91432;--color-btn-error-text:#a11028;--color-btn-error-bg:#fff3f5;--error-custom-border:#d18e8e;--error-custom-bg:#ffbfbf;--color-alert-danger-color-border:#c8b282;--color-alert-danger-bg-color:#f1d596;--color-btn-business:#c94e14;--color-btn-business-dark:#a8391c;--color-btn-business-light:#df7e65;--color-gray:#5f5f5f;--color-gray-1:#ccc;--color-gray-200:#f3f3f3;--color-gray-300:#e9ecf2;--color-gray-400:#e5e5e5;--color-gray-500:#999;--color-gray-700:#5f5f5f;--color-gray-900:#333;--color-btn-disabled-text:#999;--color-border:#f3f3f3;--color-green-600:#118635;--sizing-u0:0;--sizing-u05:0.4rem;--sizing-u1:0.8rem;--sizing-u2:1.6rem;--sizing-u3:2.4rem;--sizing-u4:3.2rem;--sizing-u5:4rem;--sizing-u6:4.8rem;--sizing-u7:5.6rem;--sizing-u8:6.4rem;--sizing-u9:7.2rem;--sizing-u10:8rem;--spacing-u05:0.4rem;--spacing-u0:0;--spacing-u1:0.8rem;--spacing-u2:1.6rem;--spacing-u3:2.4rem;--spacing-u4:3.2rem;--spacing-u5:4rem;--spacing-u6:4.8rem;--spacing-u7:5.6rem;--spacing-u8:6.4rem;--spacing-u9:7.2rem;--spacing-u10:8rem;--spacing-u11:8.8rem;--spacing-u12:9.6rem;--spacing-u13:10.4rem;--spacing-u14:11.2rem;--spacing-u15:12rem;--spacing-u16:12.8rem;--spacing-u17:13.6rem;--spacing-u18:14.4rem;--spacing-u19:15.2rem;--spacing-u20:16rem;--screen-size-s:668px;--screen-size-m:1024px;--screen-size-l:1280px;--screen-size-xl:1600px;--screen-size-oldl:1200px;--screen-size-oldxl:1540px;--breakpoint-xs:0;--breakpoint-sm:667px;--breakpoint-md:1023px;--breakpoint-lg:1279px;--breakpoint-xl:1599px;--default-border-radius:4px;--radius-8:8px;--radius-100:100%;--transition-duration:0.2s}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/tokens.scss%23sass","../../src/common/tokens.scss"],"names":[],"mappings":"AAEA,MCAA,yDAAA,CDGE,uDAAA,CACA,mDAAA,CACA,gDAAA,CACA,sCAAA,CACA,mBAAA,CAIA,kBAAA,CACA,kBAAA,CAGA,mBAAA,CACA,sBAAA,CACA,sBAAA,CACA,mBAAA,CACA,0BAAA,CACA,yBAAA,CACA,kBAAA,CACA,4BAAA,CACA,sCAAA,CACA,uCAAA,CAGA,mBAAA,CACA,uBAAA,CACA,8BAAA,CACA,4BAAA,CACA,6BAAA,CACA,yBAAA,CAGA,yCAAA,CACA,qCAAA,CACA,4BAAA,CACA,iCAAA,CACA,kCAAA,CAGA,oBAAA,CACA,mBAAA,CACA,wBAAA,CACA,wBAAA,CACA,wBAAA,CACA,qBAAA,CACA,wBAAA,CACA,qBAAA,CACA,8BAAA,CACA,sBAAA,CAGA,yBAAA,CAIA,aAAA,CACA,mBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,gBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAIA,oBAAA,CACA,cAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,iBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAAA,CACA,oBAAA,CACA,qBAAA,CACA,qBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,mBAAA,CAIA,qBAAA,CACA,sBAAA,CACA,sBAAA,CACA,uBAAA,CACA,yBAAA,CACA,0BAAA,CACA,iBAAA,CACA,qBAAA,CACA,sBAAA,CACA,sBAAA,CACA,sBAAA,CAIA,2BAAA,CAIA,0BClBF","file":"tokens.css","sourcesContent":["@use \"./common\" as common;\n\n:root {\n /* FONTS *******************************************************************/\n --font-family-sans-serif: #{common.$font-family-sans-serif};\n --font-family-serif: #{common.$font-family-serif};\n --font-family-base: #{common.$font-family-base};\n --font-family-publico-bold: #{common.$font-family-publico-bold};\n --font-family-publico: #{common.$font-family-publico};\n --font-size-base: 16;\n\n /* COLORS *******************************************************************/\n\n --color-white: #{common.$color-white};\n --color-black: #{common.$color-black};\n\n /* blue */\n --color-axa: #{common.$color-axa};\n --color-blue-1: #{common.$color-blue-1};\n --color-blue-2: #{common.$color-blue-2};\n --color-blue-3: #{common.$color-blue-3};\n --color-ocean-blue: #{common.$color-oceanBlue};\n --color-btn-light: #{common.$color-btn-light};\n --color-focus: #{common.$color-focus};\n --color-btn-tertiary-bg: #{common.$color-btn-tertiary-bg};\n --color-btn-tertiary-bg-darker: #{common.$color-btn-tertiary-bg-darker};\n --color-btn-tertiary-bg-lighter: #{common.$color-btn-tertiary-bg-lighter};\n\n /* red */\n --color-red: #{common.$color-red};\n --color-red-700: #{common.$color-red-700};\n --color-btn-error-text: #{common.$color-btn-error-text};\n --color-btn-error-bg: #{common.$color-btn-error-bg};\n --error-custom-border: #{common.$error-custom-border};\n --error-custom-bg: #{common.$error-custom-bg};\n\n /* orange */\n --color-alert-danger-color-border: #{common.$color-alertDanger-colorBorder};\n --color-alert-danger-bg-color: #{common.$color-alertDanger-bgColor};\n --color-btn-business: #{common.$color-btn-business};\n --color-btn-business-dark: #{common.$color-btn-business-dark};\n --color-btn-business-light: #{common.$color-btn-business-light};\n\n /* gray */\n --color-gray: #{common.$color-gray};\n --color-gray-1: #{common.$color-gray-1};\n --color-gray-200: #{common.$color-gray-200};\n --color-gray-300: #{common.$color-gray-300};\n --color-gray-400: #{common.$color-gray-400};\n --color-gray-500: #{common.$color-gray-500};\n --color-gray-700: #{common.$color-gray-700};\n --color-gray-900: #{common.$color-gray-900};\n --color-btn-disabled-text: #{common.$color-btn-disabled-text};\n --color-border: #{common.$color-border};\n\n /* green */\n --color-green-600: #{common.$color-green-600};\n\n /* SIZING *******************************************************************/\n\n --sizing-u0: #{common.$sizing-u0};\n --sizing-u05: #{common.$sizing-u05};\n --sizing-u1: #{common.$sizing-u1};\n --sizing-u2: #{common.$sizing-u2};\n --sizing-u3: #{common.$sizing-u3};\n --sizing-u4: #{common.$sizing-u4};\n --sizing-u5: #{common.$sizing-u5};\n --sizing-u6: #{common.$sizing-u6};\n --sizing-u7: #{common.$sizing-u7};\n --sizing-u8: #{common.$sizing-u8};\n --sizing-u9: #{common.$sizing-u9};\n --sizing-u10: #{common.$sizing-u10};\n\n /* SPACING *******************************************************************/\n\n --spacing-u05: #{common.$spacing-u05};\n --spacing-u0: #{common.$spacing-u0};\n --spacing-u1: #{common.$spacing-u1};\n --spacing-u2: #{common.$spacing-u2};\n --spacing-u3: #{common.$spacing-u3};\n --spacing-u4: #{common.$spacing-u4};\n --spacing-u5: #{common.$spacing-u5};\n --spacing-u6: #{common.$spacing-u6};\n --spacing-u7: #{common.$spacing-u7};\n --spacing-u8: #{common.$spacing-u8};\n --spacing-u9: #{common.$spacing-u9};\n --spacing-u10: #{common.$spacing-u10};\n --spacing-u11: #{common.$spacing-u11};\n --spacing-u12: #{common.$spacing-u12};\n --spacing-u13: #{common.$spacing-u13};\n --spacing-u14: #{common.$spacing-u14};\n --spacing-u15: #{common.$spacing-u15};\n --spacing-u16: #{common.$spacing-u16};\n --spacing-u17: #{common.$spacing-u17};\n --spacing-u18: #{common.$spacing-u18};\n --spacing-u19: #{common.$spacing-u19};\n --spacing-u20: #{common.$spacing-u20};\n\n /* SCREENS & BREAKPOINTS *******************************************************************/\n\n --screen-size-s: #{common.$screen-size-s};\n --screen-size-m: #{common.$screen-size-m};\n --screen-size-l: #{common.$screen-size-l};\n --screen-size-xl: #{common.$screen-size-xl};\n --screen-size-oldl: #{common.$screen-size-oldl};\n --screen-size-oldxl: #{common.$screen-size-oldxl};\n --breakpoint-xs: #{common.$breakpoint-xs};\n --breakpoint-sm: #{common.$breakpoint-sm};\n --breakpoint-md: #{common.$breakpoint-md};\n --breakpoint-lg: #{common.$breakpoint-lg};\n --breakpoint-xl: #{common.$breakpoint-xl};\n\n /* BORDERS *******************************************************************/\n\n --default-border-radius: #{common.$default-border-radius};\n\n /* ANIMATIONS *******************************************************************/\n\n --transition-duration: #{common.$transition-duration};\n}\n","@use \"./common\" as common;\n\n:root {\n /* FONTS *******************************************************************/\n --font-family-sans-serif: #{common.$font-family-sans-serif};\n --font-family-serif: #{common.$font-family-serif};\n --font-family-base: #{common.$font-family-base};\n --font-family-publico-bold: #{common.$font-family-publico-bold};\n --font-family-publico: #{common.$font-family-publico};\n --font-size-base: 16;\n\n /* COLORS *******************************************************************/\n\n --color-white: #{common.$color-white};\n --color-black: #{common.$color-black};\n\n /* blue */\n --color-axa: #{common.$color-axa};\n --color-blue-1: #{common.$color-blue-1};\n --color-blue-2: #{common.$color-blue-2};\n --color-blue-3: #{common.$color-blue-3};\n --color-ocean-blue: #{common.$color-oceanBlue};\n --color-btn-light: #{common.$color-btn-light};\n --color-focus: #{common.$color-focus};\n --color-btn-tertiary-bg: #{common.$color-btn-tertiary-bg};\n --color-btn-tertiary-bg-darker: #{common.$color-btn-tertiary-bg-darker};\n --color-btn-tertiary-bg-lighter: #{common.$color-btn-tertiary-bg-lighter};\n\n /* red */\n --color-red: #{common.$color-red};\n --color-red-700: #{common.$color-red-700};\n --color-btn-error-text: #{common.$color-btn-error-text};\n --color-btn-error-bg: #{common.$color-btn-error-bg};\n --error-custom-border: #{common.$error-custom-border};\n --error-custom-bg: #{common.$error-custom-bg};\n\n /* orange */\n --color-alert-danger-color-border: #{common.$color-alertDanger-colorBorder};\n --color-alert-danger-bg-color: #{common.$color-alertDanger-bgColor};\n --color-btn-business: #{common.$color-btn-business};\n --color-btn-business-dark: #{common.$color-btn-business-dark};\n --color-btn-business-light: #{common.$color-btn-business-light};\n\n /* gray */\n --color-gray: #{common.$color-gray};\n --color-gray-1: #{common.$color-gray-1};\n --color-gray-200: #{common.$color-gray-200};\n --color-gray-300: #{common.$color-gray-300};\n --color-gray-400: #{common.$color-gray-400};\n --color-gray-500: #{common.$color-gray-500};\n --color-gray-700: #{common.$color-gray-700};\n --color-gray-900: #{common.$color-gray-900};\n --color-btn-disabled-text: #{common.$color-btn-disabled-text};\n --color-border: #{common.$color-border};\n\n /* green */\n --color-green-600: #{common.$color-green-600};\n\n /* SIZING *******************************************************************/\n\n --sizing-u0: #{common.$sizing-u0};\n --sizing-u05: #{common.$sizing-u05};\n --sizing-u1: #{common.$sizing-u1};\n --sizing-u2: #{common.$sizing-u2};\n --sizing-u3: #{common.$sizing-u3};\n --sizing-u4: #{common.$sizing-u4};\n --sizing-u5: #{common.$sizing-u5};\n --sizing-u6: #{common.$sizing-u6};\n --sizing-u7: #{common.$sizing-u7};\n --sizing-u8: #{common.$sizing-u8};\n --sizing-u9: #{common.$sizing-u9};\n --sizing-u10: #{common.$sizing-u10};\n\n /* SPACING *******************************************************************/\n\n --spacing-u05: #{common.$spacing-u05};\n --spacing-u0: #{common.$spacing-u0};\n --spacing-u1: #{common.$spacing-u1};\n --spacing-u2: #{common.$spacing-u2};\n --spacing-u3: #{common.$spacing-u3};\n --spacing-u4: #{common.$spacing-u4};\n --spacing-u5: #{common.$spacing-u5};\n --spacing-u6: #{common.$spacing-u6};\n --spacing-u7: #{common.$spacing-u7};\n --spacing-u8: #{common.$spacing-u8};\n --spacing-u9: #{common.$spacing-u9};\n --spacing-u10: #{common.$spacing-u10};\n --spacing-u11: #{common.$spacing-u11};\n --spacing-u12: #{common.$spacing-u12};\n --spacing-u13: #{common.$spacing-u13};\n --spacing-u14: #{common.$spacing-u14};\n --spacing-u15: #{common.$spacing-u15};\n --spacing-u16: #{common.$spacing-u16};\n --spacing-u17: #{common.$spacing-u17};\n --spacing-u18: #{common.$spacing-u18};\n --spacing-u19: #{common.$spacing-u19};\n --spacing-u20: #{common.$spacing-u20};\n\n /* SCREENS & BREAKPOINTS *******************************************************************/\n\n --screen-size-s: #{common.$screen-size-s};\n --screen-size-m: #{common.$screen-size-m};\n --screen-size-l: #{common.$screen-size-l};\n --screen-size-xl: #{common.$screen-size-xl};\n --screen-size-oldl: #{common.$screen-size-oldl};\n --screen-size-oldxl: #{common.$screen-size-oldxl};\n --breakpoint-xs: #{common.$breakpoint-xs};\n --breakpoint-sm: #{common.$breakpoint-sm};\n --breakpoint-md: #{common.$breakpoint-md};\n --breakpoint-lg: #{common.$breakpoint-lg};\n --breakpoint-xl: #{common.$breakpoint-xl};\n\n /* BORDERS *******************************************************************/\n\n --default-border-radius: #{common.$default-border-radius};\n\n /* ANIMATIONS *******************************************************************/\n\n --transition-duration: #{common.$transition-duration};\n}\n"]}
|
1
|
+
{"version":3,"sources":["../../src/common/tokens.scss%23sass","../../src/common/tokens.scss"],"names":[],"mappings":"AAEA,MCAA,yDAAA,CDGE,uDAAA,CACA,mDAAA,CACA,gDAAA,CACA,sCAAA,CACA,mBAAA,CAIA,kBAAA,CACA,kBAAA,CAGA,mBAAA,CACA,sBAAA,CACA,sBAAA,CACA,mBAAA,CACA,0BAAA,CACA,yBAAA,CACA,kBAAA,CACA,4BAAA,CACA,sCAAA,CACA,uCAAA,CAGA,mBAAA,CACA,uBAAA,CACA,8BAAA,CACA,4BAAA,CACA,6BAAA,CACA,yBAAA,CAGA,yCAAA,CACA,qCAAA,CACA,4BAAA,CACA,iCAAA,CACA,kCAAA,CAGA,oBAAA,CACA,mBAAA,CACA,wBAAA,CACA,wBAAA,CACA,wBAAA,CACA,qBAAA,CACA,wBAAA,CACA,qBAAA,CACA,8BAAA,CACA,sBAAA,CAGA,yBAAA,CAIA,aAAA,CACA,mBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,gBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,kBAAA,CACA,iBAAA,CAIA,oBAAA,CACA,cAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,iBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,mBAAA,CACA,kBAAA,CACA,oBAAA,CACA,oBAAA,CACA,qBAAA,CACA,qBAAA,CACA,mBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,qBAAA,CACA,mBAAA,CAIA,qBAAA,CACA,sBAAA,CACA,sBAAA,CACA,uBAAA,CACA,yBAAA,CACA,0BAAA,CACA,iBAAA,CACA,qBAAA,CACA,sBAAA,CACA,sBAAA,CACA,sBAAA,CAIA,2BAAA,CACA,cAAA,CACA,iBAAA,CAIA,0BClBF","file":"tokens.css","sourcesContent":["@use \"./common\" as common;\n\n:root {\n /* FONTS *******************************************************************/\n --font-family-sans-serif: #{common.$font-family-sans-serif};\n --font-family-serif: #{common.$font-family-serif};\n --font-family-base: #{common.$font-family-base};\n --font-family-publico-bold: #{common.$font-family-publico-bold};\n --font-family-publico: #{common.$font-family-publico};\n --font-size-base: 16;\n\n /* COLORS *******************************************************************/\n\n --color-white: #{common.$color-white};\n --color-black: #{common.$color-black};\n\n /* blue */\n --color-axa: #{common.$color-axa};\n --color-blue-1: #{common.$color-blue-1};\n --color-blue-2: #{common.$color-blue-2};\n --color-blue-3: #{common.$color-blue-3};\n --color-ocean-blue: #{common.$color-oceanBlue};\n --color-btn-light: #{common.$color-btn-light};\n --color-focus: #{common.$color-focus};\n --color-btn-tertiary-bg: #{common.$color-btn-tertiary-bg};\n --color-btn-tertiary-bg-darker: #{common.$color-btn-tertiary-bg-darker};\n --color-btn-tertiary-bg-lighter: #{common.$color-btn-tertiary-bg-lighter};\n\n /* red */\n --color-red: #{common.$color-red};\n --color-red-700: #{common.$color-red-700};\n --color-btn-error-text: #{common.$color-btn-error-text};\n --color-btn-error-bg: #{common.$color-btn-error-bg};\n --error-custom-border: #{common.$error-custom-border};\n --error-custom-bg: #{common.$error-custom-bg};\n\n /* orange */\n --color-alert-danger-color-border: #{common.$color-alertDanger-colorBorder};\n --color-alert-danger-bg-color: #{common.$color-alertDanger-bgColor};\n --color-btn-business: #{common.$color-btn-business};\n --color-btn-business-dark: #{common.$color-btn-business-dark};\n --color-btn-business-light: #{common.$color-btn-business-light};\n\n /* gray */\n --color-gray: #{common.$color-gray};\n --color-gray-1: #{common.$color-gray-1};\n --color-gray-200: #{common.$color-gray-200};\n --color-gray-300: #{common.$color-gray-300};\n --color-gray-400: #{common.$color-gray-400};\n --color-gray-500: #{common.$color-gray-500};\n --color-gray-700: #{common.$color-gray-700};\n --color-gray-900: #{common.$color-gray-900};\n --color-btn-disabled-text: #{common.$color-btn-disabled-text};\n --color-border: #{common.$color-border};\n\n /* green */\n --color-green-600: #{common.$color-green-600};\n\n /* SIZING *******************************************************************/\n\n --sizing-u0: #{common.$sizing-u0};\n --sizing-u05: #{common.$sizing-u05};\n --sizing-u1: #{common.$sizing-u1};\n --sizing-u2: #{common.$sizing-u2};\n --sizing-u3: #{common.$sizing-u3};\n --sizing-u4: #{common.$sizing-u4};\n --sizing-u5: #{common.$sizing-u5};\n --sizing-u6: #{common.$sizing-u6};\n --sizing-u7: #{common.$sizing-u7};\n --sizing-u8: #{common.$sizing-u8};\n --sizing-u9: #{common.$sizing-u9};\n --sizing-u10: #{common.$sizing-u10};\n\n /* SPACING *******************************************************************/\n\n --spacing-u05: #{common.$spacing-u05};\n --spacing-u0: #{common.$spacing-u0};\n --spacing-u1: #{common.$spacing-u1};\n --spacing-u2: #{common.$spacing-u2};\n --spacing-u3: #{common.$spacing-u3};\n --spacing-u4: #{common.$spacing-u4};\n --spacing-u5: #{common.$spacing-u5};\n --spacing-u6: #{common.$spacing-u6};\n --spacing-u7: #{common.$spacing-u7};\n --spacing-u8: #{common.$spacing-u8};\n --spacing-u9: #{common.$spacing-u9};\n --spacing-u10: #{common.$spacing-u10};\n --spacing-u11: #{common.$spacing-u11};\n --spacing-u12: #{common.$spacing-u12};\n --spacing-u13: #{common.$spacing-u13};\n --spacing-u14: #{common.$spacing-u14};\n --spacing-u15: #{common.$spacing-u15};\n --spacing-u16: #{common.$spacing-u16};\n --spacing-u17: #{common.$spacing-u17};\n --spacing-u18: #{common.$spacing-u18};\n --spacing-u19: #{common.$spacing-u19};\n --spacing-u20: #{common.$spacing-u20};\n\n /* SCREENS & BREAKPOINTS *******************************************************************/\n\n --screen-size-s: #{common.$screen-size-s};\n --screen-size-m: #{common.$screen-size-m};\n --screen-size-l: #{common.$screen-size-l};\n --screen-size-xl: #{common.$screen-size-xl};\n --screen-size-oldl: #{common.$screen-size-oldl};\n --screen-size-oldxl: #{common.$screen-size-oldxl};\n --breakpoint-xs: #{common.$breakpoint-xs};\n --breakpoint-sm: #{common.$breakpoint-sm};\n --breakpoint-md: #{common.$breakpoint-md};\n --breakpoint-lg: #{common.$breakpoint-lg};\n --breakpoint-xl: #{common.$breakpoint-xl};\n\n /* BORDERS *******************************************************************/\n\n --default-border-radius: #{common.$default-border-radius};\n --radius-8: #{common.$radius-8};\n --radius-100: #{common.$radius-100};\n\n /* ANIMATIONS *******************************************************************/\n\n --transition-duration: #{common.$transition-duration};\n}\n","@use \"./common\" as common;\n\n:root {\n /* FONTS *******************************************************************/\n --font-family-sans-serif: #{common.$font-family-sans-serif};\n --font-family-serif: #{common.$font-family-serif};\n --font-family-base: #{common.$font-family-base};\n --font-family-publico-bold: #{common.$font-family-publico-bold};\n --font-family-publico: #{common.$font-family-publico};\n --font-size-base: 16;\n\n /* COLORS *******************************************************************/\n\n --color-white: #{common.$color-white};\n --color-black: #{common.$color-black};\n\n /* blue */\n --color-axa: #{common.$color-axa};\n --color-blue-1: #{common.$color-blue-1};\n --color-blue-2: #{common.$color-blue-2};\n --color-blue-3: #{common.$color-blue-3};\n --color-ocean-blue: #{common.$color-oceanBlue};\n --color-btn-light: #{common.$color-btn-light};\n --color-focus: #{common.$color-focus};\n --color-btn-tertiary-bg: #{common.$color-btn-tertiary-bg};\n --color-btn-tertiary-bg-darker: #{common.$color-btn-tertiary-bg-darker};\n --color-btn-tertiary-bg-lighter: #{common.$color-btn-tertiary-bg-lighter};\n\n /* red */\n --color-red: #{common.$color-red};\n --color-red-700: #{common.$color-red-700};\n --color-btn-error-text: #{common.$color-btn-error-text};\n --color-btn-error-bg: #{common.$color-btn-error-bg};\n --error-custom-border: #{common.$error-custom-border};\n --error-custom-bg: #{common.$error-custom-bg};\n\n /* orange */\n --color-alert-danger-color-border: #{common.$color-alertDanger-colorBorder};\n --color-alert-danger-bg-color: #{common.$color-alertDanger-bgColor};\n --color-btn-business: #{common.$color-btn-business};\n --color-btn-business-dark: #{common.$color-btn-business-dark};\n --color-btn-business-light: #{common.$color-btn-business-light};\n\n /* gray */\n --color-gray: #{common.$color-gray};\n --color-gray-1: #{common.$color-gray-1};\n --color-gray-200: #{common.$color-gray-200};\n --color-gray-300: #{common.$color-gray-300};\n --color-gray-400: #{common.$color-gray-400};\n --color-gray-500: #{common.$color-gray-500};\n --color-gray-700: #{common.$color-gray-700};\n --color-gray-900: #{common.$color-gray-900};\n --color-btn-disabled-text: #{common.$color-btn-disabled-text};\n --color-border: #{common.$color-border};\n\n /* green */\n --color-green-600: #{common.$color-green-600};\n\n /* SIZING *******************************************************************/\n\n --sizing-u0: #{common.$sizing-u0};\n --sizing-u05: #{common.$sizing-u05};\n --sizing-u1: #{common.$sizing-u1};\n --sizing-u2: #{common.$sizing-u2};\n --sizing-u3: #{common.$sizing-u3};\n --sizing-u4: #{common.$sizing-u4};\n --sizing-u5: #{common.$sizing-u5};\n --sizing-u6: #{common.$sizing-u6};\n --sizing-u7: #{common.$sizing-u7};\n --sizing-u8: #{common.$sizing-u8};\n --sizing-u9: #{common.$sizing-u9};\n --sizing-u10: #{common.$sizing-u10};\n\n /* SPACING *******************************************************************/\n\n --spacing-u05: #{common.$spacing-u05};\n --spacing-u0: #{common.$spacing-u0};\n --spacing-u1: #{common.$spacing-u1};\n --spacing-u2: #{common.$spacing-u2};\n --spacing-u3: #{common.$spacing-u3};\n --spacing-u4: #{common.$spacing-u4};\n --spacing-u5: #{common.$spacing-u5};\n --spacing-u6: #{common.$spacing-u6};\n --spacing-u7: #{common.$spacing-u7};\n --spacing-u8: #{common.$spacing-u8};\n --spacing-u9: #{common.$spacing-u9};\n --spacing-u10: #{common.$spacing-u10};\n --spacing-u11: #{common.$spacing-u11};\n --spacing-u12: #{common.$spacing-u12};\n --spacing-u13: #{common.$spacing-u13};\n --spacing-u14: #{common.$spacing-u14};\n --spacing-u15: #{common.$spacing-u15};\n --spacing-u16: #{common.$spacing-u16};\n --spacing-u17: #{common.$spacing-u17};\n --spacing-u18: #{common.$spacing-u18};\n --spacing-u19: #{common.$spacing-u19};\n --spacing-u20: #{common.$spacing-u20};\n\n /* SCREENS & BREAKPOINTS *******************************************************************/\n\n --screen-size-s: #{common.$screen-size-s};\n --screen-size-m: #{common.$screen-size-m};\n --screen-size-l: #{common.$screen-size-l};\n --screen-size-xl: #{common.$screen-size-xl};\n --screen-size-oldl: #{common.$screen-size-oldl};\n --screen-size-oldxl: #{common.$screen-size-oldxl};\n --breakpoint-xs: #{common.$breakpoint-xs};\n --breakpoint-sm: #{common.$breakpoint-sm};\n --breakpoint-md: #{common.$breakpoint-md};\n --breakpoint-lg: #{common.$breakpoint-lg};\n --breakpoint-xl: #{common.$breakpoint-xl};\n\n /* BORDERS *******************************************************************/\n\n --default-border-radius: #{common.$default-border-radius};\n --radius-8: #{common.$radius-8};\n --radius-100: #{common.$radius-100};\n\n /* ANIMATIONS *******************************************************************/\n\n --transition-duration: #{common.$transition-duration};\n}\n"]}
|
package/dist/common/tokens.scss
CHANGED
@@ -113,6 +113,8 @@
|
|
113
113
|
/* BORDERS *******************************************************************/
|
114
114
|
|
115
115
|
--default-border-radius: #{common.$default-border-radius};
|
116
|
+
--radius-8: #{common.$radius-8};
|
117
|
+
--radius-100: #{common.$radius-100};
|
116
118
|
|
117
119
|
/* ANIMATIONS *******************************************************************/
|
118
120
|
|