@axa-fr/design-system-slash-css 0.2.0-beta.304 → 0.2.0-beta.306

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (219) hide show
  1. package/dist/Action/Action.css.map +1 -1
  2. package/dist/Action/Action.scss +1 -1
  3. package/dist/Alert/Alert.css.map +1 -0
  4. package/dist/Alert/{Alert.agent.scss → Alert.scss} +1 -1
  5. package/dist/Badge/Badge.css.map +1 -1
  6. package/dist/Badge/Badge.scss +1 -1
  7. package/dist/Button/Button.css.map +1 -0
  8. package/dist/Button/{Button.agent.scss → Button.scss} +1 -1
  9. package/dist/Form/Checkbox/Checkbox.css.map +1 -0
  10. package/dist/Form/Checkbox/{Agent/Checkbox.scss → Checkbox.scss} +4 -4
  11. package/dist/Form/{Textarea/Textarea.agent.css.map → Choice/Choice.css.map} +1 -1
  12. package/dist/Form/Choice/{Choice.agent.scss → Choice.scss} +4 -4
  13. package/dist/Form/Date/Date.css.map +1 -0
  14. package/dist/Form/Date/{Date.agent.scss → Date.scss} +4 -4
  15. package/dist/Form/MultiSelect/MultiSelect.css.map +1 -0
  16. package/dist/Form/MultiSelect/{MultiSelect.agent.scss → MultiSelect.scss} +4 -4
  17. package/dist/Form/Pass/Pass.css.map +1 -0
  18. package/dist/Form/Pass/{Pass.agent.scss → Pass.scss} +4 -4
  19. package/dist/Form/Radio/Radio.css.map +1 -0
  20. package/dist/Form/Radio/{Agent/Radio.scss → Radio.scss} +4 -4
  21. package/dist/{Table/Table.agent.css.map → Form/Select/Select.css.map} +1 -1
  22. package/dist/Form/Select/{Agent/Select.agent.scss → Select.scss} +4 -4
  23. package/dist/Form/Slider/Slider.css.map +1 -0
  24. package/dist/Form/Slider/{Slider.agent.scss → Slider.scss} +3 -3
  25. package/dist/Form/Text/Text.css.map +1 -0
  26. package/dist/Form/Text/{Agent/Text.agent.scss → Text.scss} +1 -1
  27. package/dist/Form/Textarea/Textarea.css.map +1 -0
  28. package/dist/Form/Textarea/{Textarea.agent.scss → Textarea.scss} +4 -4
  29. package/dist/Form/core/FormCore.css.map +1 -0
  30. package/dist/Form/core/{FormCore.agent.scss → FormCore.scss} +1 -1
  31. package/dist/Layout/Footer/Footer.css.map +1 -0
  32. package/dist/Layout/Footer/{Footer.agent.scss → Footer.scss} +2 -2
  33. package/dist/Layout/Header/Drawer/Drawer.css.map +1 -0
  34. package/dist/Layout/Header/{Agent/Drawer → Drawer}/Drawer.scss +1 -1
  35. package/dist/Layout/Header/Header.css.map +1 -0
  36. package/dist/Layout/Header/{Agent/Header.agent.scss → Header.scss} +1 -1
  37. package/dist/{Form/Choice/Choice.agent.css.map → Layout/Header/Infos/Infos.css.map} +1 -1
  38. package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.scss +1 -1
  39. package/dist/Layout/Header/Logo/Logo.css.map +1 -0
  40. package/dist/Layout/Header/{Agent/Logo → Logo}/Logo.scss +1 -1
  41. package/dist/Layout/Header/Name/Name.css.map +1 -0
  42. package/dist/Layout/Header/{Agent/Name → Name}/Name.scss +1 -1
  43. package/dist/{Table/Paging.agent.css.map → Layout/Header/NavBar/NavBar.css.map} +1 -1
  44. package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.scss +2 -2
  45. package/dist/Layout/Header/TitleHeader/TitleHeader.css.map +1 -0
  46. package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.scss +1 -1
  47. package/dist/Layout/Header/User/User.css.map +1 -0
  48. package/dist/Layout/Header/{Agent/User → User}/User.scss +1 -1
  49. package/dist/{Layout/Header/Agent/NavBar/NavBar.css.map → Modal/Modal.css.map} +1 -1
  50. package/dist/Modal/{Modal.agent.scss → Modal.scss} +3 -3
  51. package/dist/Steps/Steps.css.map +1 -1
  52. package/dist/Steps/Steps.scss +2 -2
  53. package/dist/Table/Pager.css.map +1 -0
  54. package/dist/Table/{Pager.agent.scss → Pager.scss} +1 -1
  55. package/dist/Table/Paging.css.map +1 -0
  56. package/dist/Table/{Paging.agent.scss → Paging.scss} +2 -2
  57. package/dist/{Form/Checkbox/Agent/Checkbox.css.map → Table/Table.css.map} +1 -1
  58. package/dist/Table/{Table.agent.scss → Table.scss} +1 -1
  59. package/dist/{Layout/Header/Agent/Drawer/Drawer.css.map → Tabs/Tabs.css.map} +1 -1
  60. package/dist/Tabs/{Tabs.agent.scss → Tabs.scss} +3 -3
  61. package/dist/Title/Title.css.map +1 -0
  62. package/dist/Title/{Agent/Title.scss → Title.scss} +1 -1
  63. package/dist/common/icons.css +1 -1
  64. package/dist/common/icons.css.map +1 -1
  65. package/dist/common/icons.scss +9 -5
  66. package/dist/slash.css.map +1 -0
  67. package/dist/slash.scss +28 -0
  68. package/package.json +1 -1
  69. package/dist/Accordion/Accordion.client.css +0 -1
  70. package/dist/Accordion/Accordion.client.css.map +0 -1
  71. package/dist/Accordion/Accordion.client.scss +0 -74
  72. package/dist/Alert/Alert.agent.css.map +0 -1
  73. package/dist/Alert/Alert.client.css +0 -1
  74. package/dist/Alert/Alert.client.css.map +0 -1
  75. package/dist/Alert/Alert.client.scss +0 -104
  76. package/dist/Button/Button.agent.css.map +0 -1
  77. package/dist/Button/Button.client.css +0 -1
  78. package/dist/Button/Button.client.css.map +0 -1
  79. package/dist/Button/Button.client.scss +0 -148
  80. package/dist/Card/Card.client.css +0 -1
  81. package/dist/Card/Card.client.css.map +0 -1
  82. package/dist/Card/Card.client.scss +0 -48
  83. package/dist/Form/Checkbox/Client/Checkbox.css +0 -1
  84. package/dist/Form/Checkbox/Client/Checkbox.css.map +0 -1
  85. package/dist/Form/Checkbox/Client/Checkbox.scss +0 -218
  86. package/dist/Form/Date/Date.agent.css.map +0 -1
  87. package/dist/Form/FileUpload/Client/FileUpload.client.css +0 -1
  88. package/dist/Form/FileUpload/Client/FileUpload.client.css.map +0 -1
  89. package/dist/Form/FileUpload/Client/FileUpload.client.scss +0 -191
  90. package/dist/Form/InputError/InputError.client.css +0 -1
  91. package/dist/Form/InputError/InputError.client.css.map +0 -1
  92. package/dist/Form/InputError/InputError.client.scss +0 -19
  93. package/dist/Form/MultiSelect/MultiSelect.agent.css.map +0 -1
  94. package/dist/Form/Pass/Pass.agent.css.map +0 -1
  95. package/dist/Form/Radio/Agent/Radio.css.map +0 -1
  96. package/dist/Form/Radio/Client/Radio.css +0 -1
  97. package/dist/Form/Radio/Client/Radio.css.map +0 -1
  98. package/dist/Form/Radio/Client/Radio.scss +0 -221
  99. package/dist/Form/Select/Agent/Select.agent.css.map +0 -1
  100. package/dist/Form/Select/Client/Select.client.css +0 -1
  101. package/dist/Form/Select/Client/Select.client.css.map +0 -1
  102. package/dist/Form/Select/Client/Select.client.scss +0 -116
  103. package/dist/Form/Slider/Slider.agent.css.map +0 -1
  104. package/dist/Form/Text/Agent/Text.agent.css.map +0 -1
  105. package/dist/Form/Text/Client/Text.client.css +0 -1
  106. package/dist/Form/Text/Client/Text.client.css.map +0 -1
  107. package/dist/Form/Text/Client/Text.client.scss +0 -56
  108. package/dist/Form/core/FormCore.agent.css.map +0 -1
  109. package/dist/Form/core/FormCore.client.scss +0 -1
  110. package/dist/IconBg/IconBg.client.css +0 -1
  111. package/dist/IconBg/IconBg.client.css.map +0 -1
  112. package/dist/IconBg/IconBg.client.scss +0 -38
  113. package/dist/Layout/Footer/Footer.agent.css.map +0 -1
  114. package/dist/Layout/Footer/Footer.client.css +0 -1
  115. package/dist/Layout/Footer/Footer.client.css.map +0 -1
  116. package/dist/Layout/Footer/Footer.client.scss +0 -173
  117. package/dist/Layout/Header/Agent/Header.agent.css.map +0 -1
  118. package/dist/Layout/Header/Agent/Infos/Infos.css.map +0 -1
  119. package/dist/Layout/Header/Agent/Logo/Logo.css.map +0 -1
  120. package/dist/Layout/Header/Agent/Name/Name.css.map +0 -1
  121. package/dist/Layout/Header/Agent/TitleHeader/TitleHeader.css.map +0 -1
  122. package/dist/Layout/Header/Agent/User/User.css.map +0 -1
  123. package/dist/Layout/Header/Client/Header.client.css +0 -1
  124. package/dist/Layout/Header/Client/Header.client.css.map +0 -1
  125. package/dist/Layout/Header/Client/Header.client.scss +0 -84
  126. package/dist/Layout/Header/Client/NavBar/NavBar.css +0 -1
  127. package/dist/Layout/Header/Client/NavBar/NavBar.css.map +0 -1
  128. package/dist/Layout/Header/Client/NavBar/NavBar.scss +0 -50
  129. package/dist/Layout/Header/Client/PreviousLink/PreviousLink.css +0 -1
  130. package/dist/Layout/Header/Client/PreviousLink/PreviousLink.css.map +0 -1
  131. package/dist/Layout/Header/Client/PreviousLink/PreviousLink.scss +0 -42
  132. package/dist/Link/Link.client.css +0 -1
  133. package/dist/Link/Link.client.css.map +0 -1
  134. package/dist/Link/Link.client.scss +0 -44
  135. package/dist/List/ClickList/ClickList.client.css +0 -1
  136. package/dist/List/ClickList/ClickList.client.css.map +0 -1
  137. package/dist/List/ClickList/ClickList.client.scss +0 -228
  138. package/dist/List/ContentItemDuo/ContentItemDuo.css +0 -1
  139. package/dist/List/ContentItemDuo/ContentItemDuo.css.map +0 -1
  140. package/dist/List/ContentItemDuo/ContentItemDuo.scss +0 -168
  141. package/dist/List/ContentItemMono/ContentItemMono.css +0 -1
  142. package/dist/List/ContentItemMono/ContentItemMono.css.map +0 -1
  143. package/dist/List/ContentItemMono/ContentItemMono.scss +0 -188
  144. package/dist/List/ContentTabList/ContentTabList.client.css +0 -1
  145. package/dist/List/ContentTabList/ContentTabList.client.css.map +0 -1
  146. package/dist/List/ContentTabList/ContentTabList.client.scss +0 -161
  147. package/dist/List/List.css +0 -1
  148. package/dist/List/List.css.map +0 -1
  149. package/dist/List/List.scss +0 -53
  150. package/dist/Loader/Loader.client.css +0 -1
  151. package/dist/Loader/Loader.client.css.map +0 -1
  152. package/dist/Loader/Loader.client.scss +0 -26
  153. package/dist/Modal/Modal.agent.css.map +0 -1
  154. package/dist/Modal/Modal.client.css +0 -1
  155. package/dist/Modal/Modal.client.css.map +0 -1
  156. package/dist/Modal/Modal.client.scss +0 -128
  157. package/dist/Pagination/Pagination.client.css +0 -1
  158. package/dist/Pagination/Pagination.client.css.map +0 -1
  159. package/dist/Pagination/Pagination.client.scss +0 -8
  160. package/dist/Pagination/PaginationDesktop.client.css +0 -1
  161. package/dist/Pagination/PaginationDesktop.client.css.map +0 -1
  162. package/dist/Pagination/PaginationDesktop.client.scss +0 -68
  163. package/dist/Pagination/PaginationMobile.client.css +0 -1
  164. package/dist/Pagination/PaginationMobile.client.css.map +0 -1
  165. package/dist/Pagination/PaginationMobile.client.scss +0 -35
  166. package/dist/Stepper/Stepper.client.css +0 -1
  167. package/dist/Stepper/Stepper.client.css.map +0 -1
  168. package/dist/Stepper/Stepper.client.scss +0 -53
  169. package/dist/Table/Pager.agent.css.map +0 -1
  170. package/dist/Tabs/Tabs.agent.css.map +0 -1
  171. package/dist/Tabs/Tabs.client.css +0 -1
  172. package/dist/Tabs/Tabs.client.css.map +0 -1
  173. package/dist/Tabs/Tabs.client.scss +0 -63
  174. package/dist/Tag/Tag.client.css +0 -1
  175. package/dist/Tag/Tag.client.css.map +0 -1
  176. package/dist/Tag/Tag.client.scss +0 -48
  177. package/dist/Title/Agent/Title.css.map +0 -1
  178. package/dist/Title/Client/Title.css +0 -1
  179. package/dist/Title/Client/Title.css.map +0 -1
  180. package/dist/Title/Client/Title.scss +0 -76
  181. package/dist/agent.css.map +0 -1
  182. package/dist/agent.scss +0 -28
  183. package/dist/client.css +0 -1
  184. package/dist/client.css.map +0 -1
  185. package/dist/client.scss +0 -27
  186. package/dist/common/common.agent.css +0 -0
  187. package/dist/common/common.client.css +0 -0
  188. package/dist/common/common.client.scss +0 -107
  189. /package/dist/Alert/{Alert.agent.css → Alert.css} +0 -0
  190. /package/dist/Button/{Button.agent.css → Button.css} +0 -0
  191. /package/dist/Form/Checkbox/{Agent/Checkbox.css → Checkbox.css} +0 -0
  192. /package/dist/Form/Choice/{Choice.agent.css → Choice.css} +0 -0
  193. /package/dist/Form/Date/{Date.agent.css → Date.css} +0 -0
  194. /package/dist/Form/MultiSelect/{MultiSelect.agent.css → MultiSelect.css} +0 -0
  195. /package/dist/Form/Pass/{Pass.agent.css → Pass.css} +0 -0
  196. /package/dist/Form/Radio/{Agent/Radio.css → Radio.css} +0 -0
  197. /package/dist/Form/Select/{Agent/Select.agent.css → Select.css} +0 -0
  198. /package/dist/Form/Slider/{Slider.agent.css → Slider.css} +0 -0
  199. /package/dist/Form/Text/{Agent/Text.agent.css → Text.css} +0 -0
  200. /package/dist/Form/Textarea/{Textarea.agent.css → Textarea.css} +0 -0
  201. /package/dist/Form/core/{FormCore.agent.css → FormCore.css} +0 -0
  202. /package/dist/Layout/Footer/{Footer.agent.css → Footer.css} +0 -0
  203. /package/dist/Layout/Header/{Agent/Drawer → Drawer}/Drawer.css +0 -0
  204. /package/dist/Layout/Header/{Agent/Header.agent.css → Header.css} +0 -0
  205. /package/dist/Layout/Header/{Agent/Infos → Infos}/Infos.css +0 -0
  206. /package/dist/Layout/Header/{Agent/Logo → Logo}/Logo.css +0 -0
  207. /package/dist/Layout/Header/{Agent/Name → Name}/Name.css +0 -0
  208. /package/dist/Layout/Header/{Agent/NavBar → NavBar}/NavBar.css +0 -0
  209. /package/dist/Layout/Header/{Agent/TitleHeader → TitleHeader}/TitleHeader.css +0 -0
  210. /package/dist/Layout/Header/{Agent/User → User}/User.css +0 -0
  211. /package/dist/Modal/{Modal.agent.css → Modal.css} +0 -0
  212. /package/dist/Table/{Pager.agent.css → Pager.css} +0 -0
  213. /package/dist/Table/{Paging.agent.css → Paging.css} +0 -0
  214. /package/dist/Table/{Table.agent.css → Table.css} +0 -0
  215. /package/dist/Tabs/{Tabs.agent.css → Tabs.css} +0 -0
  216. /package/dist/Title/{Agent/Title.css → Title.css} +0 -0
  217. /package/dist/{Form/core/FormCore.client.css → common/common.css} +0 -0
  218. /package/dist/common/{common.agent.scss → common.scss} +0 -0
  219. /package/dist/{agent.css → slash.css} +0 -0
@@ -1,188 +0,0 @@
1
- @use "../../common/common.client.scss" as common;
2
-
3
- .af-content-item-mono {
4
- display: flex;
5
- gap: 0.75rem;
6
-
7
- &__stick {
8
- width: 0.25rem;
9
- border-radius: 0.125rem;
10
- background-color: common.$color-axa;
11
- }
12
-
13
- &__left-container {
14
- svg {
15
- width: 1.5rem;
16
- height: 1.5rem;
17
- fill: common.$color-axa;
18
- }
19
-
20
- &--center {
21
- display: flex;
22
- align-items: center;
23
- }
24
- }
25
-
26
- &--disabled {
27
- .af-content-item-mono__stick {
28
- background-color: common.$color-gray-900;
29
- }
30
-
31
- .af-content-item-mono__left-container svg {
32
- fill: common.$color-gray-900;
33
- }
34
- }
35
-
36
- &__text-container {
37
- display: grid;
38
- gap: 0.125rem;
39
-
40
- p {
41
- margin: 0;
42
- }
43
-
44
- .af-content-item-mono__main-text {
45
- color: common.$color-gray-900;
46
- }
47
-
48
- .af-content-item-mono__secondary-text {
49
- font-family: common.$font-family-base;
50
- font-weight: 400;
51
- }
52
- }
53
-
54
- &--xl .af-content-item-mono__text-container {
55
- .af-content-item-mono__main-text {
56
- font-family: common.$font-family-publico;
57
- font-size: 1.5rem;
58
- font-weight: 700;
59
- line-height: 1.875rem;
60
- }
61
-
62
- .af-content-item-mono__secondary-text {
63
- font-size: 1.125rem;
64
- line-height: 1.4rem;
65
- color: common.$color-gray-700;
66
- }
67
- }
68
-
69
- &--m {
70
- .af-content-item-mono__text-container {
71
- .af-content-item-mono__main-text {
72
- font-family: common.$font-family-base;
73
- font-size: 1.125rem;
74
- font-weight: 600;
75
- line-height: 1.4rem;
76
- }
77
-
78
- .af-content-item-mono__secondary-text {
79
- font-size: 1.125rem;
80
- line-height: 1.4rem;
81
- }
82
-
83
- .af-content-item-mono__tertiary-text {
84
- font-family: common.$font-family-base;
85
- font-size: 1rem;
86
- font-weight: 400;
87
- line-height: 1.25rem;
88
- color: common.$color-gray-700;
89
- }
90
-
91
- &:not(:has(.af-content-item-mono__tertiary-text)) {
92
- .af-content-item-mono__secondary-text {
93
- font-size: 1rem;
94
- line-height: 1.25rem;
95
- color: common.$color-gray-700;
96
- }
97
- }
98
- }
99
-
100
- &:has(.af-content-item-mono__stick) {
101
- .af-content-item-mono__text-container .af-content-item-mono__main-text {
102
- font-size: 1rem;
103
- line-height: 1.25rem;
104
- }
105
- }
106
-
107
- &:not(
108
- :has(
109
- .af-content-item-mono__text-container
110
- .af-content-item-mono__secondary-text
111
- )
112
- ):has(
113
- .af-content-item-mono__text-container
114
- .af-content-item-mono__tertiary-text
115
- ) {
116
- .af-content-item-mono__text-container .af-content-item-mono__main-text {
117
- font-size: 1rem;
118
- font-weight: 400;
119
- line-height: 1.25rem;
120
- }
121
- }
122
- }
123
- }
124
-
125
- @media (width <= #{common.$breakpoint-sm}) {
126
- .af-content-item-mono {
127
- &--xl .af-content-item-mono__text-container {
128
- .af-content-item-mono__main-text {
129
- font-size: 1.25rem;
130
- line-height: 1.56rem;
131
- }
132
-
133
- .af-content-item-mono__secondary-text {
134
- font-size: 1rem;
135
- line-height: 1.25rem;
136
- }
137
- }
138
-
139
- &--m {
140
- .af-content-item-mono__text-container {
141
- .af-content-item-mono__main-text {
142
- font-size: 1rem;
143
- line-height: 1.25rem;
144
- }
145
-
146
- .af-content-item-mono__secondary-text {
147
- font-size: 1rem;
148
- line-height: 1.25rem;
149
- }
150
-
151
- .af-content-item-mono__tertiary-text {
152
- font-size: 0.875rem;
153
- line-height: 1.1rem;
154
- }
155
-
156
- &:not(:has(.af-content-item-mono__tertiary-text)) {
157
- .af-content-item-mono__secondary-text {
158
- font-size: 0.875rem;
159
- line-height: 1.1rem;
160
- }
161
- }
162
- }
163
-
164
- &:has(.af-content-item-mono__stick) {
165
- .af-content-item-mono__text-container .af-content-item-mono__main-text {
166
- font-size: 0.875rem;
167
- line-height: 1.1rem;
168
- }
169
- }
170
-
171
- &:not(
172
- :has(
173
- .af-content-item-mono__text-container
174
- .af-content-item-mono__secondary-text
175
- )
176
- ):has(
177
- .af-content-item-mono__text-container
178
- .af-content-item-mono__tertiary-text
179
- ) {
180
- .af-content-item-mono__text-container .af-content-item-mono__main-text {
181
- font-size: 0.875rem;
182
- font-weight: 400;
183
- line-height: 1.1rem;
184
- }
185
- }
186
- }
187
- }
188
- }
@@ -1 +0,0 @@
1
- .af-card--content-tab-list .af-list{display:flex;flex-direction:column;justify-content:center}.af-card--content-tab-list .af-list__item{align-items:center;display:flex;flex-direction:row;gap:2.5rem;justify-content:space-between}.af-card--content-tab-list .af-list__item span{display:block;margin:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container,.af-card--content-tab-list .af-list__item .af-list-item__left-container,.af-card--content-tab-list .af-list__item .af-list-item__right-container{all:inherit;padding:0}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{grid-area:content-tab__additional-data-container}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{grid-area:content-tab__tag}.af-card--content-tab-list .af-list__item .af-list-item__label{color:#333;grid-area:content-tab__label}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1.125rem;font-weight:600;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{color:#5f5f5f;font-size:1rem;font-weight:400;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__date{color:#5f5f5f;font-size:1.125rem;font-weight:600;grid-area:content-tab__date;line-height:1.4rem}.af-card--content-tab-list .af-list__item .af-list-item__value{color:#118635;font-size:1.125rem;font-weight:600;justify-self:end;line-height:1.4rem;text-align:right}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0 .625rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container svg{height:1.25rem;width:1.25rem;fill:#00008f}.af-card--content-tab-list .af-list__item:not(:has(.af-list-item__value)) .af-tag{margin:0 1.34rem}@media (width <= 667px){.af-card--content-tab-list .af-list__item{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__left-container{align-items:start;display:grid;gap:.25rem;grid-template:"content-tab__additional-data-container" "content-tab__label";justify-content:start}.af-card--content-tab-list .af-list__item .af-list-item__right-container{gap:1.5rem}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container{align-items:center;display:block}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container:has(.af-list-item__date):has(.af-tag){display:grid;gap:.75rem;grid-template:"content-tab__tag content-tab__date"}.af-card--content-tab-list .af-list__item .af-list-item__additional-data-container .af-tag{margin:0}.af-card--content-tab-list .af-list__item .af-list-item-label__title{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item-label__subtitle{font-size:.875rem;line-height:1.1rem}.af-card--content-tab-list .af-list__item .af-list-item__date,.af-card--content-tab-list .af-list__item .af-list-item__value{font-size:1rem;line-height:1.25rem}.af-card--content-tab-list .af-list__item .af-list-item__button-container{margin:0}.af-card--content-tab-list .af-list__item .af-list-item__button-container button{font-size:0;gap:0;padding:0}.af-card--content-tab-list .af-list__item:has(.af-list-item__value){align-items:start}}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../src/List/ContentTabList/ContentTabList.client.scss%23sass","../../../src/List/ContentTabList/ContentTabList.client.scss","../../../src/common/common.client.scss"],"names":[],"mappings":"AAGE,oCACE,YAAA,CCFJ,qBAAA,CDII,sBCFJ,CDKE,0CAGE,kBAAA,CAFA,YAAA,CACA,kBAAA,CAGA,UAAA,CADA,6BCFJ,CDKI,+CACE,aAAA,CACA,QCHN,CDOM,oOAGE,WAAA,CACA,SCPR,CDUM,mFACE,gDCRR,CDUQ,2FACE,0BCRV,CDYM,+DAEE,UELS,CFIT,4BCTR,CDaM,qEACE,kBAAA,CACA,eAAA,CACA,kBCXR,CDcM,wEAIE,aAAA,CAHA,cAAA,CACA,eAAA,CACA,mBCXR,CDeM,8DAKE,aAAA,CAHA,kBAAA,CACA,eAAA,CAFA,2BAAA,CAGA,kBCZR,CDgBM,+DAME,aElCU,CF8BV,kBAAA,CACA,eAAA,CAFA,gBAAA,CAGA,kBAAA,CACA,gBCbR,CDiBM,0EACE,gBCfR,CDiBQ,8EAEE,cAAA,CADA,aAAA,CAEA,YCfV,CDqBM,kFACE,gBCnBR,CDyBA,wBACE,0CACE,UCtBF,CDyBI,wEAKE,iBAAA,CAJA,YAAA,CAMA,UAAA,CALA,2EACE,CAGF,qBCxBN,CD4BI,yEACE,UC1BN,CD6BI,mFAEE,kBAAA,CADA,aC1BN,CD6BM,yHACE,YAAA,CC1BV,UAAA,CADE,kDAEA,CACF,2FACE,QACA,CDgCI,qEACE,cAAA,CACA,mBC9BN,CDiCI,wEACE,iBAAA,CACA,kBC/BN,CDuCI,6HACE,cAAA,CACA,mBCjCN,CDoCI,0EACE,QClCN,CDoCM,iFAGE,WAAA,CADA,KAAA,CADA,SChCR,CDuCE,oEACE,iBCrCJ,CACF","file":"ContentTabList.client.css","sourcesContent":["@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\n}\n","@use \"../../common/common.client.scss\" as common;\n\n.af-card--content-tab-list {\n .af-list {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n\n .af-list__item {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n gap: 2.5rem;\n\n span {\n display: block;\n margin: 0;\n }\n\n .af-list-item {\n &__left-container,\n &__right-container,\n &__additional-data-container {\n all: inherit;\n padding: 0;\n }\n\n &__additional-data-container {\n grid-area: content-tab__additional-data-container;\n\n .af-tag {\n grid-area: content-tab__tag;\n }\n }\n\n &__label {\n grid-area: content-tab__label;\n color: common.$color-gray-900;\n }\n\n &-label__title {\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n }\n\n &-label__subtitle {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25rem;\n color: common.$color-gray-700;\n }\n\n &__date {\n grid-area: content-tab__date;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n color: common.$color-gray-700;\n }\n\n &__value {\n justify-self: end;\n font-size: 1.125rem;\n font-weight: 600;\n line-height: 1.4rem;\n text-align: right;\n color: common.$color-green-600;\n }\n\n &__button-container {\n margin: 0 0.625rem;\n\n svg {\n width: 1.25rem;\n height: 1.25rem;\n fill: common.$color-axa;\n }\n }\n }\n\n &:not(:has(.af-list-item__value)) {\n .af-tag {\n margin: 0 1.34rem;\n }\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--content-tab-list .af-list__item {\n gap: 1.5rem;\n\n .af-list-item {\n &__left-container {\n display: grid;\n grid-template:\n \"content-tab__additional-data-container\"\n \"content-tab__label\";\n align-items: start;\n justify-content: start;\n gap: 0.25rem;\n }\n\n &__right-container {\n gap: 1.5rem;\n }\n\n &__additional-data-container {\n display: block;\n align-items: center;\n\n &:has(.af-list-item__date):has(.af-tag) {\n display: grid;\n grid-template: \"content-tab__tag content-tab__date\";\n gap: 0.75rem;\n }\n\n .af-tag {\n margin: 0;\n }\n }\n\n &-label__title {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &-label__subtitle {\n font-size: 0.875rem;\n line-height: 1.1rem;\n }\n\n &__date {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__value {\n font-size: 1rem;\n line-height: 1.25rem;\n }\n\n &__button-container {\n margin: 0;\n\n button {\n padding: 0;\n gap: 0;\n font-size: 0;\n }\n }\n }\n\n &:has(.af-list-item__value) {\n align-items: start;\n }\n }\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-disabled-border: #e5e5e5 !default;\n$color-btn-error-text: #a11028 !default;\n$color-btn-error-bg: #fff3f5 !default;\n$color-btn-tertiary-bg: #eef !default;\n$color-btn-tertiary-bg-darker: #e4e4ff !default;\n$color-btn-tertiary-bg-lighter: #f8f8ff !default;\n$color-oceanBlue: #4976ba !default;\n$color-gray-1: #ccc !default;\n$color-gray-200: #f3f3f3;\n$color-gray-300: #e9ecf2;\n$color-gray-400: #e5e5e5;\n$color-gray-500: #999;\n$color-gray-700: #5f5f5f;\n$color-gray-900: #333 !default;\n$color-green-600: #118635 !default;\n$color-border: #f3f3f3 !default;\n$color-focus: #36f !default;\n\n// others\n\n$default-border-radius: 4px !default;\n\n$transition-duration: 0.2s !default;\n\n// spacing\n\n$sizing-u0: 0 !default;\n$sizing-u05: 0.4rem !default;\n$sizing-u1: 0.8rem !default;\n$sizing-u2: 1.6rem !default;\n$sizing-u3: 2.4rem !default;\n$sizing-u4: 3.2rem !default;\n$sizing-u5: 4rem !default;\n$sizing-u6: 4.8rem !default;\n$sizing-u7: 5.6rem !default;\n$sizing-u8: 6.4rem !default;\n$sizing-u9: 7.2rem !default;\n$sizing-u10: 8rem !default;\n$spacing-u0: 0 !default;\n$spacing-u05: 0.4rem !default;\n$spacing-u1: 0.8rem !default;\n$spacing-u2: 1.6rem !default;\n$spacing-u3: 2.4rem !default;\n$spacing-u4: 3.2rem !default;\n$spacing-u5: 4rem !default;\n$spacing-u6: 4.8rem !default;\n$spacing-u7: 5.6rem !default;\n$spacing-u8: 6.4rem !default;\n$spacing-u9: 7.2rem !default;\n$spacing-u10: 8rem !default;\n$spacing-u11: 8.8rem !default;\n$spacing-u12: 9.6rem !default;\n$spacing-u13: 10.4rem !default;\n$spacing-u14: 11.2rem !default;\n$spacing-u15: 12rem !default;\n$spacing-u16: 12.8rem !default;\n$spacing-u17: 13.6rem !default;\n$spacing-u18: 14.4rem !default;\n$spacing-u19: 15.2rem !default;\n$spacing-u20: 16rem !default;\n$screen-size-668: s !default;\n$screen-size-1024: m !default;\n$screen-size-1200: oldl !default;\n$screen-size-1280: l !default;\n$screen-size-1540: oldxl !default;\n$screen-size-1600: xl !default;\n$screen-size-s: 668px !default;\n$screen-size-m: 1024px !default;\n$screen-size-l: 1280px !default;\n$screen-size-xl: 1600px !default;\n$screen-size-oldl: 1200px !default;\n$screen-size-oldxl: 1540px !default;\n\n$error-custom-border: #d18e8e !default;\n$error-custom-bg: #ffbfbf !default;\n\n$color-alertDanger-colorBorder: #c8b282 !default;\n$color-alertDanger-bgColor: #f1d596 !default;\n\n// breakpoints\n\n$breakpoint-xs: 0 !default;\n$breakpoint-sm: 667px !default;\n$breakpoint-md: 1023px !default;\n$breakpoint-lg: 1279px !default;\n$breakpoint-xl: 1599px !default;\n"]}
@@ -1,161 +0,0 @@
1
- @use "../../common/common.client.scss" as common;
2
-
3
- .af-card--content-tab-list {
4
- .af-list {
5
- display: flex;
6
- flex-direction: column;
7
- justify-content: center;
8
- }
9
-
10
- .af-list__item {
11
- display: flex;
12
- flex-direction: row;
13
- align-items: center;
14
- justify-content: space-between;
15
- gap: 2.5rem;
16
-
17
- span {
18
- display: block;
19
- margin: 0;
20
- }
21
-
22
- .af-list-item {
23
- &__left-container,
24
- &__right-container,
25
- &__additional-data-container {
26
- all: inherit;
27
- padding: 0;
28
- }
29
-
30
- &__additional-data-container {
31
- grid-area: content-tab__additional-data-container;
32
-
33
- .af-tag {
34
- grid-area: content-tab__tag;
35
- }
36
- }
37
-
38
- &__label {
39
- grid-area: content-tab__label;
40
- color: common.$color-gray-900;
41
- }
42
-
43
- &-label__title {
44
- font-size: 1.125rem;
45
- font-weight: 600;
46
- line-height: 1.4rem;
47
- }
48
-
49
- &-label__subtitle {
50
- font-size: 1rem;
51
- font-weight: 400;
52
- line-height: 1.25rem;
53
- color: common.$color-gray-700;
54
- }
55
-
56
- &__date {
57
- grid-area: content-tab__date;
58
- font-size: 1.125rem;
59
- font-weight: 600;
60
- line-height: 1.4rem;
61
- color: common.$color-gray-700;
62
- }
63
-
64
- &__value {
65
- justify-self: end;
66
- font-size: 1.125rem;
67
- font-weight: 600;
68
- line-height: 1.4rem;
69
- text-align: right;
70
- color: common.$color-green-600;
71
- }
72
-
73
- &__button-container {
74
- margin: 0 0.625rem;
75
-
76
- svg {
77
- width: 1.25rem;
78
- height: 1.25rem;
79
- fill: common.$color-axa;
80
- }
81
- }
82
- }
83
-
84
- &:not(:has(.af-list-item__value)) {
85
- .af-tag {
86
- margin: 0 1.34rem;
87
- }
88
- }
89
- }
90
- }
91
-
92
- @media (width <= #{common.$breakpoint-sm}) {
93
- .af-card--content-tab-list .af-list__item {
94
- gap: 1.5rem;
95
-
96
- .af-list-item {
97
- &__left-container {
98
- display: grid;
99
- grid-template:
100
- "content-tab__additional-data-container"
101
- "content-tab__label";
102
- align-items: start;
103
- justify-content: start;
104
- gap: 0.25rem;
105
- }
106
-
107
- &__right-container {
108
- gap: 1.5rem;
109
- }
110
-
111
- &__additional-data-container {
112
- display: block;
113
- align-items: center;
114
-
115
- &:has(.af-list-item__date):has(.af-tag) {
116
- display: grid;
117
- grid-template: "content-tab__tag content-tab__date";
118
- gap: 0.75rem;
119
- }
120
-
121
- .af-tag {
122
- margin: 0;
123
- }
124
- }
125
-
126
- &-label__title {
127
- font-size: 1rem;
128
- line-height: 1.25rem;
129
- }
130
-
131
- &-label__subtitle {
132
- font-size: 0.875rem;
133
- line-height: 1.1rem;
134
- }
135
-
136
- &__date {
137
- font-size: 1rem;
138
- line-height: 1.25rem;
139
- }
140
-
141
- &__value {
142
- font-size: 1rem;
143
- line-height: 1.25rem;
144
- }
145
-
146
- &__button-container {
147
- margin: 0;
148
-
149
- button {
150
- padding: 0;
151
- gap: 0;
152
- font-size: 0;
153
- }
154
- }
155
- }
156
-
157
- &:has(.af-list-item__value) {
158
- align-items: start;
159
- }
160
- }
161
- }
@@ -1 +0,0 @@
1
- .af-list{flex-direction:column;list-style-type:none;padding:0}.af-list__item{padding:1rem 0}.af-list__separator{border:1px solid #e9ecf2;margin:0}.af-card--list{box-shadow:none;padding:0 1rem}.af-card--large{width:100%}.af-card--extra-padding{padding:.5rem 1.5rem}.af-card--first-separator-full-width{padding:0}.af-card--first-separator-full-width .af-list__item{padding:1rem}.af-card--first-separator-full-width .af-list__separator~.af-list__separator{margin:0 1rem}@media (width <= 667px){.af-card--extra-padding{padding:.25rem 1rem}.af-card--extra-padding .af-list__item{padding:.75rem 0}}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/List/List.scss%23sass","../../src/List/List.scss"],"names":[],"mappings":"AAEA,SCAA,qBAAA,CDGE,oBAAA,CAFA,SCCF,CDGE,eACE,cCDJ,CDIE,oBAEE,wBAAA,CADA,QCDJ,CDOE,eCHF,eAAA,CDII,cCHJ,CDOE,gBACE,UCLJ,CDQE,wBACE,oBCNJ,CDSE,qCACE,SCPJ,CDSI,oDACE,YCPN,CDUI,6EACE,aCRN,CDaA,wBACE,wBACE,mBCVF,CDYE,uCACE,gBCVJ,CACF","file":"List.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--large {\n width: 100%;\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n }\n\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-list {\n padding: 0;\n flex-direction: column;\n list-style-type: none;\n\n &__item {\n padding: 1rem 0;\n }\n\n &__separator {\n margin: 0;\n border: 1px solid common.$color-gray-300;\n }\n}\n\n.af-card {\n &--list {\n padding: 0 1rem;\n box-shadow: none;\n }\n\n &--large {\n width: 100%;\n }\n\n &--extra-padding {\n padding: 0.5rem 1.5rem;\n }\n\n &--first-separator-full-width {\n padding: 0;\n\n .af-list__item {\n padding: 1rem;\n }\n\n .af-list__separator ~ .af-list__separator {\n margin: 0 1rem;\n }\n }\n}\n\n@media (width <= #{common.$breakpoint-sm}) {\n .af-card--extra-padding {\n padding: 0.25rem 1rem;\n\n .af-list__item {\n padding: 0.75rem 0;\n }\n }\n}\n"]}
@@ -1,53 +0,0 @@
1
- @use "../common/common.client.scss" as common;
2
-
3
- .af-list {
4
- padding: 0;
5
- flex-direction: column;
6
- list-style-type: none;
7
-
8
- &__item {
9
- padding: 1rem 0;
10
- }
11
-
12
- &__separator {
13
- margin: 0;
14
- border: 1px solid common.$color-gray-300;
15
- }
16
- }
17
-
18
- .af-card {
19
- &--list {
20
- padding: 0 1rem;
21
- box-shadow: none;
22
- }
23
-
24
- &--large {
25
- width: 100%;
26
- }
27
-
28
- &--extra-padding {
29
- padding: 0.5rem 1.5rem;
30
- }
31
-
32
- &--first-separator-full-width {
33
- padding: 0;
34
-
35
- .af-list__item {
36
- padding: 1rem;
37
- }
38
-
39
- .af-list__separator ~ .af-list__separator {
40
- margin: 0 1rem;
41
- }
42
- }
43
- }
44
-
45
- @media (width <= #{common.$breakpoint-sm}) {
46
- .af-card--extra-padding {
47
- padding: 0.25rem 1rem;
48
-
49
- .af-list__item {
50
- padding: 0.75rem 0;
51
- }
52
- }
53
- }
@@ -1 +0,0 @@
1
- .af-loader__container{align-items:center;animation:spin 2s linear infinite;border:1px solid #f3f3f3;border-radius:50%;border-top-color:#00008f;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;margin:auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/Loader/Loader.client.scss%23sass","../../src/Loader/Loader.client.scss"],"names":[],"mappings":"AAGE,sBAQE,kBAAA,CAEA,iCAAA,CALA,wBAAA,CACA,iBAAA,CADA,wBAAA,CCNJ,0BAAA,CDEI,YAAA,CAMA,qBAAA,CAEA,sBAAA,CANA,WCKJ,CDMA,gBACE,GCHF,sBACE,CACF,GACE,uBACA,CACF","file":"Loader.client.css","sourcesContent":["@use \"../common/common.client.scss\" as common;\n\n.af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid common.$color-gray-200;\n border-top: 1px solid common.$color-axa;\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use \"../common/common.client.scss\" as common;\n\n.af-loader {\n &__container {\n display: flex;\n container-type: inline-size;\n margin: auto;\n border: 1px solid common.$color-gray-200;\n border-top: 1px solid common.$color-axa;\n border-radius: 50%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: spin 2s linear infinite;\n }\n}\n\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n"]}
@@ -1,26 +0,0 @@
1
- @use "../common/common.client.scss" as common;
2
-
3
- .af-loader {
4
- &__container {
5
- display: flex;
6
- container-type: inline-size;
7
- margin: auto;
8
- border: 1px solid common.$color-gray-200;
9
- border-top: 1px solid common.$color-axa;
10
- border-radius: 50%;
11
- flex-direction: column;
12
- align-items: center;
13
- justify-content: center;
14
- animation: spin 2s linear infinite;
15
- }
16
- }
17
-
18
- @keyframes spin {
19
- 0% {
20
- transform: rotate(0deg);
21
- }
22
-
23
- 100% {
24
- transform: rotate(360deg);
25
- }
26
- }