@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

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 (283) hide show
  1. package/dist/es/components/AccordionBox/AccordionBox.css +1 -15
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
  3. package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
  4. package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  5. package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
  6. package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
  7. package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
  8. package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
  9. package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
  10. package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
  11. package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
  12. package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
  13. package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
  14. package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
  15. package/dist/es/components/BannerBox/BannerBox.js +3 -12
  16. package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  17. package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
  18. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  19. package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
  20. package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
  21. package/dist/es/components/BenefitsIcons/helpers.js +6 -20
  22. package/dist/es/components/BenefitsIcons/types.d.ts +5 -5
  23. package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  24. package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
  25. package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
  26. package/dist/es/components/BenefitsPictures/helpers.d.ts +2 -2
  27. package/dist/es/components/BenefitsPictures/helpers.js +0 -14
  28. package/dist/es/components/BenefitsPictures/types.d.ts +3 -3
  29. package/dist/es/components/BenefitsPictures/types.js +1 -0
  30. package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
  31. package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  32. package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
  33. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  34. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
  35. package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
  36. package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  37. package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
  38. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  39. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  40. package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
  41. package/dist/es/components/Card/Card.d.ts +4 -4
  42. package/dist/es/components/Card/Card.js +25 -115
  43. package/dist/es/components/Card/types.d.ts +10 -10
  44. package/dist/es/components/Card/types.js +1 -0
  45. package/dist/es/components/CardsBox/CardsBox.js +3 -14
  46. package/dist/es/components/CardsBox/helpers.d.ts +2 -2
  47. package/dist/es/components/CardsBox/helpers.js +0 -4
  48. package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
  49. package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
  50. package/dist/es/components/Container/Container.d.ts +7 -5
  51. package/dist/es/components/Container/Container.js +10 -25
  52. package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
  53. package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
  54. package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  55. package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
  56. package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  57. package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
  58. package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -7
  59. package/dist/es/components/ImageBanner/ImageBanner.js +37 -88
  60. package/dist/es/components/Instructions/Instructions.d.ts +11 -11
  61. package/dist/es/components/Instructions/Instructions.js +41 -94
  62. package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
  63. package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
  64. package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
  65. package/dist/es/components/PageTitle/PageTitle.js +12 -37
  66. package/dist/es/components/Partners/Partners.d.ts +2 -2
  67. package/dist/es/components/Partners/Partners.js +17 -48
  68. package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  69. package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
  70. package/dist/es/components/Property/Property.d.ts +4 -4
  71. package/dist/es/components/Property/Property.js +37 -81
  72. package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
  73. package/dist/es/components/Property/PropertyDescription.js +8 -28
  74. package/dist/es/components/Property/types.d.ts +7 -5
  75. package/dist/es/components/Property/types.js +1 -0
  76. package/dist/es/components/Steps/Steps.d.ts +2 -1
  77. package/dist/es/components/Steps/Steps.js +4 -19
  78. package/dist/es/components/Steps/StepsItem.d.ts +2 -2
  79. package/dist/es/components/Steps/StepsItem.js +2 -9
  80. package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
  81. package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
  82. package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
  83. package/dist/es/components/StoreButton/StoreButton.js +13 -44
  84. package/dist/es/components/Table/Table.d.ts +1 -1
  85. package/dist/es/components/Table/Table.js +31 -51
  86. package/dist/es/components/Table/TableCell.js +0 -6
  87. package/dist/es/components/Table/TableRow.js +1 -10
  88. package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
  89. package/dist/es/components/TabsBox/TabsBox.js +4 -13
  90. package/dist/es/components/TextBox/TextBox.d.ts +2 -1
  91. package/dist/es/components/TextBox/TextBox.js +8 -23
  92. package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
  93. package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
  94. package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  95. package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
  96. package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  97. package/dist/es/components/TextWithIcon/TextWithIconItem.js +6 -21
  98. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  99. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
  100. package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
  101. package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
  102. package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
  103. package/dist/es/components/VideoBlock/VideoBlock.js +35 -75
  104. package/dist/es/helpers/getColumnConfig.d.ts +5 -1
  105. package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
  106. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
  107. package/dist/lib/components/AccordionBox/AccordionBox.js +10 -66
  108. package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
  109. package/dist/lib/components/AudioPlayer/AudioPlayer.js +32 -56
  110. package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
  111. package/dist/lib/components/AudioPlayer/AudioProgress.js +12 -43
  112. package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
  113. package/dist/lib/components/AudioPlayer/AudioRange.js +9 -17
  114. package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
  115. package/dist/lib/components/AudioPlayer/AudioVolume.js +4 -23
  116. package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +5 -16
  117. package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
  118. package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
  119. package/dist/lib/components/BannerBox/BannerBox.js +7 -25
  120. package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
  121. package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +26 -86
  122. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
  123. package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +13 -53
  124. package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
  125. package/dist/lib/components/BenefitsIcons/helpers.js +10 -37
  126. package/dist/lib/components/BenefitsIcons/types.d.ts +5 -5
  127. package/dist/lib/components/BenefitsIcons/types.js +5 -8
  128. package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
  129. package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +24 -71
  130. package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
  131. package/dist/lib/components/BenefitsPictures/helpers.d.ts +2 -2
  132. package/dist/lib/components/BenefitsPictures/helpers.js +9 -40
  133. package/dist/lib/components/BenefitsPictures/types.d.ts +3 -3
  134. package/dist/lib/components/BenefitsPictures/types.js +5 -1
  135. package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
  136. package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
  137. package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +18 -60
  138. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
  139. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +22 -55
  140. package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
  141. package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
  142. package/dist/lib/components/ButtonBanner/ButtonBanner.js +40 -89
  143. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
  144. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
  145. package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +29 -72
  146. package/dist/lib/components/Card/Card.d.ts +4 -4
  147. package/dist/lib/components/Card/Card.js +67 -164
  148. package/dist/lib/components/Card/types.d.ts +10 -10
  149. package/dist/lib/components/Card/types.js +5 -1
  150. package/dist/lib/components/CardsBox/CardsBox.js +7 -31
  151. package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
  152. package/dist/lib/components/CardsBox/helpers.js +1 -8
  153. package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
  154. package/dist/lib/components/CarouselBox/CarouselBox.js +15 -39
  155. package/dist/lib/components/Container/Container.d.ts +7 -5
  156. package/dist/lib/components/Container/Container.js +18 -40
  157. package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
  158. package/dist/lib/components/DownloadLinks/DownloadLink.js +17 -60
  159. package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
  160. package/dist/lib/components/DownloadLinks/DownloadLinks.js +8 -33
  161. package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
  162. package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
  163. package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -7
  164. package/dist/lib/components/ImageBanner/ImageBanner.js +61 -138
  165. package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
  166. package/dist/lib/components/Instructions/Instructions.js +103 -186
  167. package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
  168. package/dist/lib/components/NotificationBox/NotificationBox.js +9 -37
  169. package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
  170. package/dist/lib/components/PageTitle/PageTitle.js +15 -52
  171. package/dist/lib/components/Partners/Partners.d.ts +2 -2
  172. package/dist/lib/components/Partners/Partners.js +21 -65
  173. package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
  174. package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
  175. package/dist/lib/components/Property/Property.d.ts +4 -4
  176. package/dist/lib/components/Property/Property.js +60 -120
  177. package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
  178. package/dist/lib/components/Property/PropertyDescription.js +15 -46
  179. package/dist/lib/components/Property/types.d.ts +7 -5
  180. package/dist/lib/components/Property/types.js +5 -1
  181. package/dist/lib/components/Steps/Steps.d.ts +2 -1
  182. package/dist/lib/components/Steps/Steps.js +8 -35
  183. package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
  184. package/dist/lib/components/Steps/StepsItem.js +11 -23
  185. package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
  186. package/dist/lib/components/StoreBanner/StoreBanner.js +47 -118
  187. package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
  188. package/dist/lib/components/StoreButton/StoreButton.js +17 -63
  189. package/dist/lib/components/Table/Table.d.ts +1 -1
  190. package/dist/lib/components/Table/Table.js +35 -68
  191. package/dist/lib/components/Table/TableCell.js +4 -16
  192. package/dist/lib/components/Table/TableRow.js +5 -19
  193. package/dist/lib/components/TabsBox/TabBox.js +1 -4
  194. package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
  195. package/dist/lib/components/TabsBox/TabsBox.js +8 -26
  196. package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
  197. package/dist/lib/components/TextBox/TextBox.js +12 -36
  198. package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
  199. package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
  200. package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
  201. package/dist/lib/components/TextWithIcon/TextWithIcon.js +10 -39
  202. package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +1 -1
  203. package/dist/lib/components/TextWithIcon/TextWithIconItem.js +10 -37
  204. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
  205. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +10 -40
  206. package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
  207. package/dist/lib/components/VideoBanner/VideoBanner.js +83 -176
  208. package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
  209. package/dist/lib/components/VideoBlock/VideoBlock.js +58 -114
  210. package/dist/lib/constants/throttleTime.js +2 -3
  211. package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
  212. package/dist/lib/helpers/getColumnConfig.js +2 -5
  213. package/dist/lib/index.js +10 -57
  214. package/package.json +87 -92
  215. package/CHANGELOG.md +0 -4002
  216. package/dist/es/components/AudioPlayer/style/AudioPlayer.css +0 -58
  217. package/dist/es/components/AudioPlayer/style/AudioProgress.css +0 -35
  218. package/dist/es/components/AudioPlayer/style/AudioRange.css +0 -68
  219. package/dist/es/components/AudioPlayer/style/AudioVolume.css +0 -34
  220. package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
  221. package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
  222. package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
  223. package/dist/es/components/Card/Card.css +0 -354
  224. package/dist/es/components/Container/Container.css +0 -3245
  225. package/dist/es/components/DownloadLinks/DownloadLink.css +0 -37
  226. package/dist/es/components/DownloadLinks/DownloadLinks.css +0 -36
  227. package/dist/es/components/ImageBanner/ImageBanner.css +0 -252
  228. package/dist/es/components/Instructions/Instructions.css +0 -790
  229. package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
  230. package/dist/es/components/PageTitle/PageTitle.css +0 -80
  231. package/dist/es/components/Partners/Partners.css +0 -53
  232. package/dist/es/components/PictureWithDescription/PictureWithDescription.css +0 -80
  233. package/dist/es/components/Property/Property.css +0 -156
  234. package/dist/es/components/Property/PropertyDescription.css +0 -17
  235. package/dist/es/components/Steps/Steps.css +0 -41
  236. package/dist/es/components/Steps/StepsItem.css +0 -42
  237. package/dist/es/components/StoreBanner/StoreBanner.css +0 -346
  238. package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
  239. package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
  240. package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
  241. package/dist/es/components/StoreButton/StoreButton.css +0 -327
  242. package/dist/es/components/Table/Table.css +0 -157
  243. package/dist/es/components/TextBox/TextBox.css +0 -25
  244. package/dist/es/components/TextBox/TextBoxPicture.css +0 -27
  245. package/dist/es/components/TextWithIcon/TextWithIcon.css +0 -10
  246. package/dist/es/components/TextWithIcon/TextWithIconItem.css +0 -29
  247. package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
  248. package/dist/es/components/VideoBanner/VideoBanner.css +0 -225
  249. package/dist/es/components/VideoBlock/VideoBlock.css +0 -106
  250. package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +0 -58
  251. package/dist/lib/components/AudioPlayer/style/AudioProgress.css +0 -35
  252. package/dist/lib/components/AudioPlayer/style/AudioRange.css +0 -68
  253. package/dist/lib/components/AudioPlayer/style/AudioVolume.css +0 -34
  254. package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +0 -38
  255. package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +0 -90
  256. package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +0 -16
  257. package/dist/lib/components/Card/Card.css +0 -354
  258. package/dist/lib/components/Container/Container.css +0 -3245
  259. package/dist/lib/components/DownloadLinks/DownloadLink.css +0 -37
  260. package/dist/lib/components/DownloadLinks/DownloadLinks.css +0 -36
  261. package/dist/lib/components/ImageBanner/ImageBanner.css +0 -252
  262. package/dist/lib/components/Instructions/Instructions.css +0 -790
  263. package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
  264. package/dist/lib/components/PageTitle/PageTitle.css +0 -80
  265. package/dist/lib/components/Partners/Partners.css +0 -53
  266. package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +0 -80
  267. package/dist/lib/components/Property/Property.css +0 -156
  268. package/dist/lib/components/Property/PropertyDescription.css +0 -17
  269. package/dist/lib/components/Steps/Steps.css +0 -41
  270. package/dist/lib/components/Steps/StepsItem.css +0 -42
  271. package/dist/lib/components/StoreBanner/StoreBanner.css +0 -346
  272. package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
  273. package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
  274. package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
  275. package/dist/lib/components/StoreButton/StoreButton.css +0 -327
  276. package/dist/lib/components/Table/Table.css +0 -157
  277. package/dist/lib/components/TextBox/TextBox.css +0 -25
  278. package/dist/lib/components/TextBox/TextBoxPicture.css +0 -27
  279. package/dist/lib/components/TextWithIcon/TextWithIcon.css +0 -10
  280. package/dist/lib/components/TextWithIcon/TextWithIconItem.css +0 -29
  281. package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +0 -31
  282. package/dist/lib/components/VideoBanner/VideoBanner.css +0 -225
  283. package/dist/lib/components/VideoBlock/VideoBlock.css +0 -106
@@ -1,346 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-store-banner_theme_default .mfui-store-banner__grid {
9
- background-color: var(--base);
10
- }
11
- .mfui-store-banner_theme_default .mfui-store-banner__content {
12
- color: var(--content);
13
- }
14
- .mfui-store-banner_theme_green .mfui-store-banner__grid {
15
- border: 0;
16
- background-color: var(--brandGreen);
17
- }
18
- .mfui-store-banner_theme_green .mfui-store-banner__content {
19
- color: var(--stcWhite);
20
- }
21
- .mfui-store-banner_theme_spbSky1 .mfui-store-banner__grid {
22
- border-color: transparent;
23
- background-color: var(--spbSky1);
24
- }
25
- .mfui-store-banner_theme_spbSky1 .mfui-store-banner__content {
26
- color: var(--content);
27
- }
28
- .mfui-store-banner_theme_spbSky0 .mfui-store-banner__grid {
29
- border-color: transparent;
30
- background-color: var(--spbSky0);
31
- }
32
- .mfui-store-banner_theme_spbSky0 .mfui-store-banner__content {
33
- color: var(--content);
34
- }
35
- .mfui-store-banner_mask_new-iphone .mfui-store-banner__device-mask {
36
- position: relative;
37
- z-index: 2;
38
- background-image: url('./img/new-iphone.png');
39
- }
40
- .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
41
- top: 9px;
42
- z-index: 1;
43
- width: 90%;
44
- border-radius: 14px;
45
- }
46
- @media screen and (min-width: 768px) and (max-width: 1023px) {
47
- .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
48
- top: 8px;
49
- }
50
- }
51
- @media screen and (max-width: 767px) {
52
- .mfui-store-banner_mask_new-iphone .mfui-store-banner__screen {
53
- top: 30px;
54
- }
55
- }
56
- .mfui-store-banner_mask_android .mfui-store-banner__device-mask {
57
- position: relative;
58
- z-index: 2;
59
- background-image: url('./img/android.png');
60
- }
61
- .mfui-store-banner_mask_android .mfui-store-banner__screen {
62
- top: 9px;
63
- width: 92%;
64
- border-radius: 14px;
65
- }
66
- @media screen and (min-width: 768px) and (max-width: 1023px) {
67
- .mfui-store-banner_mask_android .mfui-store-banner__screen {
68
- top: 8px;
69
- }
70
- }
71
- @media screen and (max-width: 767px) {
72
- .mfui-store-banner_mask_android .mfui-store-banner__screen {
73
- top: 30px;
74
- }
75
- }
76
- .mfui-store-banner_mask_white-iphone .mfui-store-banner__device-mask {
77
- background-image: url('./img/white-iphone.png');
78
- }
79
- .mfui-store-banner_mask_black-iphone .mfui-store-banner__device-mask {
80
- background-image: url('./img/black-iphone.png');
81
- }
82
- .mfui-store-banner_mask_white-iphone .mfui-store-banner__screen,
83
- .mfui-store-banner_mask_black-iphone .mfui-store-banner__screen {
84
- top: 57px;
85
- width: 87%;
86
- }
87
- @media screen and (min-width: 768px) and (max-width: 1023px) {
88
- .mfui-store-banner_mask_white-iphone .mfui-store-banner__screen,
89
- .mfui-store-banner_mask_black-iphone .mfui-store-banner__screen {
90
- top: 47px;
91
- }
92
- }
93
- @media screen and (max-width: 767px) {
94
- .mfui-store-banner_mask_white-iphone .mfui-store-banner__screen,
95
- .mfui-store-banner_mask_black-iphone .mfui-store-banner__screen {
96
- top: 63px;
97
- }
98
- }
99
- .mfui-store-banner_mask_iphone-12 .mfui-store-banner__device-mask {
100
- position: relative;
101
- z-index: 2;
102
- background-image: url('./img/iphone12.png');
103
- }
104
- .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
105
- top: 16px;
106
- z-index: 1;
107
- width: 87%;
108
- border-radius: 4px;
109
- }
110
- @media screen and (min-width: 1024px) and (max-width: 1279px) {
111
- .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
112
- top: 17px;
113
- }
114
- }
115
- @media screen and (min-width: 768px) and (max-width: 1023px) {
116
- .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
117
- top: 13px;
118
- }
119
- }
120
- @media screen and (max-width: 767px) {
121
- .mfui-store-banner_mask_iphone-12 .mfui-store-banner__screen {
122
- top: 35px;
123
- }
124
- }
125
- @media screen and (max-width: 767px) {
126
- .mfui-store-banner_content-left-mobile .mfui-store-banner__content {
127
- text-align: left;
128
- }
129
- }
130
- @media screen and (max-width: 767px) {
131
- .mfui-store-banner_content-left-mobile .mfui-store-banner__stores {
132
- -webkit-box-pack: start;
133
- -ms-flex-pack: start;
134
- justify-content: flex-start;
135
- }
136
- }
137
- @media screen and (max-width: 767px) {
138
- .mfui-store-banner_content-left-mobile .mfui-store-banner__button {
139
- margin: 0;
140
- }
141
- }
142
- @media screen and (min-width: 1024px) {
143
- .mfui-store-banner__container {
144
- padding-top: 30px;
145
- }
146
- }
147
- .mfui-store-banner__grid {
148
- padding-top: 32px;
149
- padding-bottom: 32px;
150
- border: 1px solid var(--spbSky2);
151
- border-radius: 24px;
152
- }
153
- @media screen and (max-width: 767px) {
154
- .mfui-store-banner__grid {
155
- padding-top: 24px;
156
- padding-bottom: 0;
157
- }
158
- }
159
- .mfui-store-banner__content {
160
- padding-left: 32px;
161
- }
162
- @media screen and (min-width: 768px) and (max-width: 1023px) {
163
- .mfui-store-banner__content {
164
- padding-right: 10px;
165
- }
166
- }
167
- @media screen and (max-width: 767px) {
168
- .mfui-store-banner__content {
169
- padding-right: 15px;
170
- padding-bottom: 32px;
171
- padding-left: 15px;
172
- text-align: center;
173
- }
174
- }
175
- .mfui-store-banner__device-mask {
176
- height: 100%;
177
- background-repeat: no-repeat;
178
- background-size: cover;
179
- }
180
- .mfui-store-banner__device-wrapper {
181
- position: relative;
182
- bottom: calc(2 * (32px - 1px));
183
- width: 235px;
184
- height: calc(100% + 2 * 32px + 30px);
185
- margin-right: auto;
186
- margin-left: auto;
187
- overflow: hidden;
188
- }
189
- @media screen and (min-width: 1024px) and (max-width: 1279px) {
190
- .mfui-store-banner__device-wrapper {
191
- width: 260px;
192
- }
193
- }
194
- @media screen and (max-width: 1023px) {
195
- .mfui-store-banner__device-wrapper {
196
- bottom: 0;
197
- }
198
- }
199
- @media screen and (min-width: 768px) and (max-width: 1023px) {
200
- .mfui-store-banner__device-wrapper {
201
- width: 196px;
202
- height: calc(100% + 32px);
203
- }
204
- }
205
- @media screen and (max-width: 767px) {
206
- .mfui-store-banner__device-wrapper {
207
- width: 163px;
208
- height: 222px;
209
- padding-top: 24px;
210
- }
211
- }
212
- .mfui-store-banner__links {
213
- display: -webkit-box;
214
- display: -ms-flexbox;
215
- display: flex;
216
- }
217
- .mfui-store-banner__qr-code {
218
- -ms-flex-item-align: center;
219
- align-self: center;
220
- -webkit-box-sizing: border-box;
221
- box-sizing: border-box;
222
- width: 90px;
223
- height: 90px;
224
- margin-right: 16px;
225
- border: 1px solid var(--spbSky1);
226
- border-radius: 8px;
227
- background-color: var(--base);
228
- }
229
- @media screen and (max-width: 767px) {
230
- .mfui-store-banner__qr-code {
231
- display: none;
232
- }
233
- }
234
- @media screen and (min-width: 768px) {
235
- .mfui-store-banner__qr-code + .mfui-store-banner__stores {
236
- -webkit-box-orient: vertical;
237
- -webkit-box-direction: normal;
238
- -ms-flex-direction: column;
239
- flex-direction: column;
240
- -webkit-box-pack: justify;
241
- -ms-flex-pack: justify;
242
- justify-content: space-between;
243
- }
244
- }
245
- .mfui-store-banner__store-link {
246
- width: 136px;
247
- height: 40px;
248
- margin-right: 8px;
249
- margin-bottom: 10px;
250
- margin-left: 8px;
251
- }
252
- @media screen and (max-width: 767px) {
253
- .mfui-store-banner__store-link {
254
- width: 119px;
255
- height: 35px;
256
- }
257
- }
258
- .mfui-store-banner__store-link:last-child {
259
- margin-bottom: 0;
260
- }
261
- .mfui-store-banner__stores {
262
- display: -webkit-box;
263
- display: -ms-flexbox;
264
- display: flex;
265
- -webkit-box-flex: 1;
266
- -ms-flex-positive: 1;
267
- flex-grow: 1;
268
- -ms-flex-wrap: wrap;
269
- flex-wrap: wrap;
270
- }
271
- @media screen and (max-width: 767px) {
272
- .mfui-store-banner__stores {
273
- -webkit-box-pack: center;
274
- -ms-flex-pack: center;
275
- justify-content: center;
276
- }
277
- }
278
- @media screen and (min-width: 768px) {
279
- .mfui-store-banner__stores {
280
- margin-left: -8px;
281
- }
282
- }
283
- .mfui-store-banner__text {
284
- margin-bottom: 32px;
285
- }
286
- .mfui-store-banner__title {
287
- margin-bottom: 16px;
288
- }
289
- .mfui-store-banner__screen {
290
- position: absolute;
291
- left: 50%;
292
- -webkit-transform: translateX(-50%);
293
- transform: translateX(-50%);
294
- }
295
- @media screen and (max-width: 767px) {
296
- .mfui-store-banner__button {
297
- margin: 0 auto;
298
- }
299
- }
300
- .mfui-store-banner__links_three .mfui-store-banner__qr-code {
301
- -o-object-fit: contain;
302
- object-fit: contain;
303
- }
304
- @media screen and (min-width: 1280px) {
305
- .mfui-store-banner__links_three .mfui-store-banner__qr-code {
306
- max-width: 90px;
307
- max-height: 90px;
308
- }
309
- }
310
- .mfui-store-banner__links_three .mfui-store-banner__qr-code + .mfui-store-banner__stores {
311
- max-width: 305px;
312
- }
313
- @media screen and (min-width: 1024px) {
314
- .mfui-store-banner__links_three .mfui-store-banner__qr-code + .mfui-store-banner__stores {
315
- -webkit-box-orient: horizontal;
316
- -webkit-box-direction: normal;
317
- -ms-flex-direction: row;
318
- flex-direction: row;
319
- -webkit-box-pack: start;
320
- -ms-flex-pack: start;
321
- justify-content: flex-start;
322
- }
323
- }
324
- @media screen and (max-width: 767px) {
325
- .mfui-store-banner__links_three .mfui-store-banner__qr-code + .mfui-store-banner__stores {
326
- margin: 0 auto;
327
- }
328
- }
329
- .mfui-store-banner__links_three .mfui-store-banner__store-link {
330
- width: 136px;
331
- height: 40px;
332
- }
333
- @media screen and (max-width: 1023px) {
334
- .mfui-store-banner__links_three .mfui-store-banner__store-link {
335
- width: 119px;
336
- height: 35px;
337
- }
338
- }
339
- .mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child) {
340
- margin-bottom: 8px;
341
- }
342
- @media screen and (max-width: 767px) {
343
- .mfui-store-banner__links_three .mfui-store-banner__store-link:not(:last-child) {
344
- margin-bottom: 16px;
345
- }
346
- }
@@ -1,327 +0,0 @@
1
- h1,
2
- h2,
3
- h3,
4
- h4,
5
- h5 {
6
- margin: 0;
7
- }
8
- .mfui-store-button {
9
- display: inline-block;
10
- border-radius: 8px;
11
- background-repeat: no-repeat;
12
- background-position: center;
13
- background-size: cover;
14
- }
15
- .mfui-store-button_size-all_small {
16
- width: 119px;
17
- height: 35px;
18
- }
19
- .mfui-store-button_size-all_medium {
20
- width: 136px;
21
- height: 40px;
22
- }
23
- .mfui-store-button_size-all_large {
24
- width: 238px;
25
- height: 70px;
26
- }
27
- .mfui-store-button_size-all_small.mfui-store-button_theme_app-store,
28
- .mfui-store-button_size-all_medium.mfui-store-button_theme_app-store {
29
- background-image: url('./img/app-store.png');
30
- }
31
- .mfui-store-button_size-all_small.mfui-store-button_theme_galaxy-store,
32
- .mfui-store-button_size-all_medium.mfui-store-button_theme_galaxy-store {
33
- background-image: url('./img/galaxy-store.png');
34
- }
35
- .mfui-store-button_size-all_small.mfui-store-button_theme_google-play,
36
- .mfui-store-button_size-all_medium.mfui-store-button_theme_google-play {
37
- background-image: url('./img/google-play.png');
38
- }
39
- .mfui-store-button_size-all_small.mfui-store-button_theme_huawei-store,
40
- .mfui-store-button_size-all_medium.mfui-store-button_theme_huawei-store {
41
- background-image: url('./img/huawei-store.png');
42
- }
43
- .mfui-store-button_size-all_small.mfui-store-button_theme_mi-store,
44
- .mfui-store-button_size-all_medium.mfui-store-button_theme_mi-store {
45
- background-image: url('./img/mi-store.png');
46
- }
47
- .mfui-store-button_size-all_small.mfui-store-button_theme_ru-store,
48
- .mfui-store-button_size-all_medium.mfui-store-button_theme_ru-store {
49
- background-image: url('./img/ru-store.png');
50
- }
51
- .mfui-store-button_size-all_small.mfui-store-button_theme_v-appstore,
52
- .mfui-store-button_size-all_medium.mfui-store-button_theme_v-appstore {
53
- background-image: url('./img/v-appstore.png');
54
- }
55
- .mfui-store-button_size-all_large.mfui-store-button_theme_app-store {
56
- background-image: url('./img/app-store-large.png');
57
- }
58
- .mfui-store-button_size-all_large.mfui-store-button_theme_galaxy-store {
59
- background-image: url('./img/galaxy-store-large.png');
60
- }
61
- .mfui-store-button_size-all_large.mfui-store-button_theme_google-play {
62
- background-image: url('./img/google-play-large.png');
63
- }
64
- .mfui-store-button_size-all_large.mfui-store-button_theme_huawei-store {
65
- background-image: url('./img/huawei-store-large.png');
66
- }
67
- .mfui-store-button_size-all_large.mfui-store-button_theme_mi-store {
68
- background-image: url('./img/mi-store-large.png');
69
- }
70
- .mfui-store-button_size-all_large.mfui-store-button_theme_ru-store {
71
- background-image: url('./img/ru-store-large.png');
72
- }
73
- .mfui-store-button_size-all_large.mfui-store-button_theme_v-appstore {
74
- background-image: url('./img/v-appstore-large.png');
75
- }
76
- @media screen and (min-width: 1024px) {
77
- .mfui-store-button_size-desktop_small {
78
- width: 119px;
79
- height: 35px;
80
- }
81
- .mfui-store-button_size-desktop_medium {
82
- width: 136px;
83
- height: 40px;
84
- }
85
- .mfui-store-button_size-desktop_large {
86
- width: 238px;
87
- height: 70px;
88
- }
89
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_app-store,
90
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_app-store {
91
- background-image: url('./img/app-store.png');
92
- }
93
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_galaxy-store,
94
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_galaxy-store {
95
- background-image: url('./img/galaxy-store.png');
96
- }
97
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_google-play,
98
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_google-play {
99
- background-image: url('./img/google-play.png');
100
- }
101
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_huawei-store,
102
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_huawei-store {
103
- background-image: url('./img/huawei-store.png');
104
- }
105
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_mi-store,
106
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_mi-store {
107
- background-image: url('./img/mi-store.png');
108
- }
109
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_ru-store,
110
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_ru-store {
111
- background-image: url('./img/ru-store.png');
112
- }
113
- .mfui-store-button_size-desktop_small.mfui-store-button_theme_v-appstore,
114
- .mfui-store-button_size-desktop_medium.mfui-store-button_theme_v-appstore {
115
- background-image: url('./img/v-appstore.png');
116
- }
117
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_app-store {
118
- background-image: url('./img/app-store-large.png');
119
- }
120
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_galaxy-store {
121
- background-image: url('./img/galaxy-store-large.png');
122
- }
123
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_google-play {
124
- background-image: url('./img/google-play-large.png');
125
- }
126
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_huawei-store {
127
- background-image: url('./img/huawei-store-large.png');
128
- }
129
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_mi-store {
130
- background-image: url('./img/mi-store-large.png');
131
- }
132
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_ru-store {
133
- background-image: url('./img/ru-store-large.png');
134
- }
135
- .mfui-store-button_size-desktop_large.mfui-store-button_theme_v-appstore {
136
- background-image: url('./img/v-appstore-large.png');
137
- }
138
- }
139
- @media screen and (min-width: 1280px) {
140
- .mfui-store-button_size-wide_small {
141
- width: 119px;
142
- height: 35px;
143
- }
144
- .mfui-store-button_size-wide_medium {
145
- width: 136px;
146
- height: 40px;
147
- }
148
- .mfui-store-button_size-wide_large {
149
- width: 238px;
150
- height: 70px;
151
- }
152
- .mfui-store-button_size-wide_small.mfui-store-button_theme_app-store,
153
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_app-store {
154
- background-image: url('./img/app-store.png');
155
- }
156
- .mfui-store-button_size-wide_small.mfui-store-button_theme_galaxy-store,
157
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_galaxy-store {
158
- background-image: url('./img/galaxy-store.png');
159
- }
160
- .mfui-store-button_size-wide_small.mfui-store-button_theme_google-play,
161
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_google-play {
162
- background-image: url('./img/google-play.png');
163
- }
164
- .mfui-store-button_size-wide_small.mfui-store-button_theme_huawei-store,
165
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_huawei-store {
166
- background-image: url('./img/huawei-store.png');
167
- }
168
- .mfui-store-button_size-wide_small.mfui-store-button_theme_mi-store,
169
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_mi-store {
170
- background-image: url('./img/mi-store.png');
171
- }
172
- .mfui-store-button_size-wide_small.mfui-store-button_theme_ru-store,
173
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_ru-store {
174
- background-image: url('./img/ru-store.png');
175
- }
176
- .mfui-store-button_size-wide_small.mfui-store-button_theme_v-appstore,
177
- .mfui-store-button_size-wide_medium.mfui-store-button_theme_v-appstore {
178
- background-image: url('./img/v-appstore.png');
179
- }
180
- .mfui-store-button_size-wide_large.mfui-store-button_theme_app-store {
181
- background-image: url('./img/app-store-large.png');
182
- }
183
- .mfui-store-button_size-wide_large.mfui-store-button_theme_galaxy-store {
184
- background-image: url('./img/galaxy-store-large.png');
185
- }
186
- .mfui-store-button_size-wide_large.mfui-store-button_theme_google-play {
187
- background-image: url('./img/google-play-large.png');
188
- }
189
- .mfui-store-button_size-wide_large.mfui-store-button_theme_huawei-store {
190
- background-image: url('./img/huawei-store-large.png');
191
- }
192
- .mfui-store-button_size-wide_large.mfui-store-button_theme_mi-store {
193
- background-image: url('./img/mi-store-large.png');
194
- }
195
- .mfui-store-button_size-wide_large.mfui-store-button_theme_ru-store {
196
- background-image: url('./img/ru-store-large.png');
197
- }
198
- .mfui-store-button_size-wide_large.mfui-store-button_theme_v-appstore {
199
- background-image: url('./img/v-appstore-large.png');
200
- }
201
- }
202
- @media screen and (min-width: 768px) and (max-width: 1023px) {
203
- .mfui-store-button_size-tablet_small {
204
- width: 119px;
205
- height: 35px;
206
- }
207
- .mfui-store-button_size-tablet_medium {
208
- width: 136px;
209
- height: 40px;
210
- }
211
- .mfui-store-button_size-tablet_large {
212
- width: 238px;
213
- height: 70px;
214
- }
215
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_app-store,
216
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_app-store {
217
- background-image: url('./img/app-store.png');
218
- }
219
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_galaxy-store,
220
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_galaxy-store {
221
- background-image: url('./img/galaxy-store.png');
222
- }
223
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_google-play,
224
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_google-play {
225
- background-image: url('./img/google-play.png');
226
- }
227
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_huawei-store,
228
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_huawei-store {
229
- background-image: url('./img/huawei-store.png');
230
- }
231
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_mi-store,
232
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_mi-store {
233
- background-image: url('./img/mi-store.png');
234
- }
235
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_ru-store,
236
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_ru-store {
237
- background-image: url('./img/ru-store.png');
238
- }
239
- .mfui-store-button_size-tablet_small.mfui-store-button_theme_v-appstore,
240
- .mfui-store-button_size-tablet_medium.mfui-store-button_theme_v-appstore {
241
- background-image: url('./img/v-appstore.png');
242
- }
243
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_app-store {
244
- background-image: url('./img/app-store-large.png');
245
- }
246
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_galaxy-store {
247
- background-image: url('./img/galaxy-store-large.png');
248
- }
249
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_google-play {
250
- background-image: url('./img/google-play-large.png');
251
- }
252
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_huawei-store {
253
- background-image: url('./img/huawei-store-large.png');
254
- }
255
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_mi-store {
256
- background-image: url('./img/mi-store-large.png');
257
- }
258
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_ru-store {
259
- background-image: url('./img/ru-store-large.png');
260
- }
261
- .mfui-store-button_size-tablet_large.mfui-store-button_theme_v-appstore {
262
- background-image: url('./img/v-appstore-large.png');
263
- }
264
- }
265
- @media screen and (max-width: 767px) {
266
- .mfui-store-button_size-mobile_small {
267
- width: 119px;
268
- height: 35px;
269
- }
270
- .mfui-store-button_size-mobile_medium {
271
- width: 136px;
272
- height: 40px;
273
- }
274
- .mfui-store-button_size-mobile_large {
275
- width: 238px;
276
- height: 70px;
277
- }
278
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_app-store,
279
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_app-store {
280
- background-image: url('./img/app-store.png');
281
- }
282
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_galaxy-store,
283
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_galaxy-store {
284
- background-image: url('./img/galaxy-store.png');
285
- }
286
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_google-play,
287
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_google-play {
288
- background-image: url('./img/google-play.png');
289
- }
290
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_huawei-store,
291
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_huawei-store {
292
- background-image: url('./img/huawei-store.png');
293
- }
294
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_mi-store,
295
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_mi-store {
296
- background-image: url('./img/mi-store.png');
297
- }
298
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_ru-store,
299
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_ru-store {
300
- background-image: url('./img/ru-store.png');
301
- }
302
- .mfui-store-button_size-mobile_small.mfui-store-button_theme_v-appstore,
303
- .mfui-store-button_size-mobile_medium.mfui-store-button_theme_v-appstore {
304
- background-image: url('./img/v-appstore.png');
305
- }
306
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_app-store {
307
- background-image: url('./img/app-store-large.png');
308
- }
309
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_galaxy-store {
310
- background-image: url('./img/galaxy-store-large.png');
311
- }
312
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_google-play {
313
- background-image: url('./img/google-play-large.png');
314
- }
315
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_huawei-store {
316
- background-image: url('./img/huawei-store-large.png');
317
- }
318
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_mi-store {
319
- background-image: url('./img/mi-store-large.png');
320
- }
321
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_ru-store {
322
- background-image: url('./img/ru-store-large.png');
323
- }
324
- .mfui-store-button_size-mobile_large.mfui-store-button_theme_v-appstore {
325
- background-image: url('./img/v-appstore-large.png');
326
- }
327
- }