diff --git a/package-lock.json b/package-lock.json index e6c0aff679c..1a95dba0000 100644 --- a/package-lock.json +++ b/package-lock.json @@ -203,78 +203,84 @@ } }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "darwin" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", "cpu": [ "arm" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", "cpu": [ "arm64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "linux" ] }, "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", "cpu": [ "x64" ], "dev": true, + "license": "MIT", "optional": true, "os": [ "win32" @@ -1665,12 +1671,13 @@ "dev": true }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, + "license": "MIT", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -2061,10 +2068,11 @@ "dev": true }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, + "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -2269,6 +2277,7 @@ "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "dev": true, + "license": "MIT", "engines": { "node": ">=0.12.0" } @@ -2286,10 +2295,11 @@ "dev": true }, "node_modules/json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true, + "license": "MIT", "bin": { "json5": "lib/cli.js" }, @@ -2426,12 +2436,13 @@ } }, "node_modules/micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, + "license": "MIT", "dependencies": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" }, "engines": { @@ -2450,43 +2461,63 @@ } }, "node_modules/msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz", + "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==", "dev": true, + "license": "MIT", "optionalDependencies": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "node_modules/msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", "dev": true, "hasInstallScript": true, + "license": "MIT", "optional": true, "dependencies": { - "node-gyp-build-optional-packages": "5.0.2" + "node-gyp-build-optional-packages": "5.2.2" + }, + "bin": { + "download-msgpackr-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3" + } + }, + "node_modules/msgpackr-extract/node_modules/detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", + "dev": true, + "license": "Apache-2.0", + "optional": true, + "engines": { + "node": ">=8" } }, "node_modules/msgpackr-extract/node_modules/node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", "dev": true, + "license": "MIT", "optional": true, + "dependencies": { + "detect-libc": "^2.0.1" + }, "bin": { - "node-gyp-build-optional": "optional.js", "node-gyp-build-optional-packages": "bin.js", - "node-gyp-build-test": "build-test.js" + "node-gyp-build-optional-packages-optional": "optional.js", + "node-gyp-build-optional-packages-test": "build-test.js" } }, "node_modules/nan": { @@ -2906,10 +2937,11 @@ } }, "node_modules/semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true, + "license": "ISC", "bin": { "semver": "bin/semver" } @@ -3028,6 +3060,7 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "dev": true, + "license": "MIT", "dependencies": { "is-number": "^7.0.0" }, @@ -3245,44 +3278,44 @@ } }, "@msgpackr-extract/msgpackr-extract-darwin-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-2.0.2.tgz", - "integrity": "sha512-FMX5i7a+ojIguHpWbzh5MCsCouJkwf4z4ejdUY/fsgB9Vkdak4ZnoIEskOyOUMMB4lctiZFGszFQJXUeFL8tRg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz", + "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-darwin-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-2.0.2.tgz", - "integrity": "sha512-DznYtF3lHuZDSRaIOYeif4JgO0NtO2Xf8DsngAugMx/bUdTFbg86jDTmkVJBNmV+cxszz6OjGvinnS8AbJ342g==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz", + "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-2.0.2.tgz", - "integrity": "sha512-Gy9+c3Wj+rUlD3YvCZTi92gs+cRX7ZQogtwq0IhRenloTTlsbpezNgk6OCkt59V4ATEWSic9rbU92H/l7XsRvA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz", + "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-arm64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-2.0.2.tgz", - "integrity": "sha512-b0jMEo566YdM2K+BurSed7bswjo3a6bcdw5ETqoIfSuxKuRLPfAiOjVbZyZBgx3J/TAM/QrvEQ/VN89A0ZAxSg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz", + "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-linux-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-2.0.2.tgz", - "integrity": "sha512-zrBHaePwcv4cQXxzYgNj0+A8I1uVN97E7/3LmkRocYZ+rMwUsnPpp4RuTAHSRoKlTQV3nSdCQW4Qdt4MXw/iHw==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz", + "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==", "dev": true, "optional": true }, "@msgpackr-extract/msgpackr-extract-win32-x64": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-2.0.2.tgz", - "integrity": "sha512-fpnI00dt+yO1cKx9qBXelKhPBdEgvc8ZPav1+0r09j0woYQU2N79w/jcGawSY5UGlgQ3vjaJsFHnGbGvvqdLzg==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz", + "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==", "dev": true, "optional": true }, @@ -4128,12 +4161,12 @@ "dev": true }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dev": true, "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browserslist": { @@ -4402,9 +4435,9 @@ "dev": true }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dev": true, "requires": { "to-regex-range": "^5.0.1" @@ -4541,9 +4574,9 @@ "dev": true }, "json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "dev": true }, "lines-and-columns": { @@ -4635,12 +4668,12 @@ "dev": true }, "micromatch": { - "version": "4.0.5", - "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz", - "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==", + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz", + "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==", "dev": true, "requires": { - "braces": "^3.0.2", + "braces": "^3.0.3", "picomatch": "^2.3.1" } }, @@ -4650,36 +4683,46 @@ "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==" }, "msgpackr": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.6.1.tgz", - "integrity": "sha512-Je+xBEfdjtvA4bKaOv8iRhjC8qX2oJwpYH4f7JrG4uMVJVmnmkAT4pjKdbztKprGj3iwjcxPzb5umVZ02Qq3tA==", + "version": "1.11.0", + "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.0.tgz", + "integrity": "sha512-I8qXuuALqJe5laEBYoFykChhSXLikZmUhccjGsPuSJ/7uPip2TJ7lwdIQwWSAi0jGZDXv4WOP8Qg65QZRuXxXw==", "dev": true, "requires": { - "msgpackr-extract": "^2.0.2" + "msgpackr-extract": "^3.0.2" } }, "msgpackr-extract": { - "version": "2.0.2", - "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-2.0.2.tgz", - "integrity": "sha512-coskCeJG2KDny23zWeu+6tNy7BLnAiOGgiwzlgdm4oeSsTpqEJJPguHIuKZcCdB7tzhZbXNYSg6jZAXkZErkJA==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz", + "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==", "dev": true, "optional": true, "requires": { - "@msgpackr-extract/msgpackr-extract-darwin-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-darwin-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-arm64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-linux-x64": "2.0.2", - "@msgpackr-extract/msgpackr-extract-win32-x64": "2.0.2", - "node-gyp-build-optional-packages": "5.0.2" + "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3", + "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3", + "node-gyp-build-optional-packages": "5.2.2" }, "dependencies": { - "node-gyp-build-optional-packages": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.0.2.tgz", - "integrity": "sha512-PiN4NWmlQPqvbEFcH/omQsswWQbe5Z9YK/zdB23irp5j2XibaA2IrGvpSWmVVG4qMZdmPdwPctSy4a86rOMn6g==", + "detect-libc": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz", + "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==", "dev": true, "optional": true + }, + "node-gyp-build-optional-packages": { + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", + "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==", + "dev": true, + "optional": true, + "requires": { + "detect-libc": "^2.0.1" + } } } }, @@ -4969,9 +5012,9 @@ } }, "semver": { - "version": "5.7.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz", - "integrity": "sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==", + "version": "5.7.2", + "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", + "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", "dev": true }, "source-map": { diff --git a/package.json b/package.json index efbc9f63d06..bfcc500d0fe 100755 --- a/package.json +++ b/package.json @@ -2,10 +2,10 @@ "name": "parcel-project-template", "version": "2.0.0", "description": "", - "homepage": "https://goitacademy.github.io/parcel-project-template", + "homepage": "https://DutuGabriel.github.io/Team-3-project", "scripts": { "start": "parcel src/*.html", - "build": "parcel build src/*.html --public-url /parcel-project-template/" + "build": "parcel build src/*.html --public-url /Team-3-project/" }, "repository": { "type": "git", diff --git a/src/images/icons.svg b/src/images/icons.svg new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/images/logo.png b/src/images/logo.png deleted file mode 100755 index a6ce6517853..00000000000 Binary files a/src/images/logo.png and /dev/null differ diff --git a/src/images/watch01.jpg b/src/images/watch01.jpg new file mode 100644 index 00000000000..badafec9e3a Binary files /dev/null and b/src/images/watch01.jpg differ diff --git a/src/images/watch01@2x.jpg b/src/images/watch01@2x.jpg new file mode 100644 index 00000000000..6d31ddb9f47 Binary files /dev/null and b/src/images/watch01@2x.jpg differ diff --git a/src/images/watch02.jpg b/src/images/watch02.jpg new file mode 100644 index 00000000000..a4eb8e205ae Binary files /dev/null and b/src/images/watch02.jpg differ diff --git a/src/images/watch02@2x.jpg b/src/images/watch02@2x.jpg new file mode 100644 index 00000000000..944bf05ab27 Binary files /dev/null and b/src/images/watch02@2x.jpg differ diff --git a/src/images/watch03.jpg b/src/images/watch03.jpg new file mode 100644 index 00000000000..264b411778c Binary files /dev/null and b/src/images/watch03.jpg differ diff --git a/src/images/watch03@2x.jpg b/src/images/watch03@2x.jpg new file mode 100644 index 00000000000..68fb4ad9194 Binary files /dev/null and b/src/images/watch03@2x.jpg differ diff --git a/src/images/watch04.jpg b/src/images/watch04.jpg new file mode 100644 index 00000000000..011ddc8e9df Binary files /dev/null and b/src/images/watch04.jpg differ diff --git a/src/images/watch04@2x.jpg b/src/images/watch04@2x.jpg new file mode 100644 index 00000000000..ed4271a6667 Binary files /dev/null and b/src/images/watch04@2x.jpg differ diff --git a/src/images/watch05.jpg b/src/images/watch05.jpg new file mode 100644 index 00000000000..a536351580e Binary files /dev/null and b/src/images/watch05.jpg differ diff --git a/src/images/watch05@2x.jpg b/src/images/watch05@2x.jpg new file mode 100644 index 00000000000..fb7209ddd95 Binary files /dev/null and b/src/images/watch05@2x.jpg differ diff --git a/src/images/watch06.jpg b/src/images/watch06.jpg new file mode 100644 index 00000000000..4a3d6c3c8eb Binary files /dev/null and b/src/images/watch06.jpg differ diff --git a/src/images/watch06@2x.jpg b/src/images/watch06@2x.jpg new file mode 100644 index 00000000000..4bf88ac4882 Binary files /dev/null and b/src/images/watch06@2x.jpg differ diff --git a/src/images/watch07.jpg b/src/images/watch07.jpg new file mode 100644 index 00000000000..62acfb70119 Binary files /dev/null and b/src/images/watch07.jpg differ diff --git a/src/images/watch07@2x.jpg b/src/images/watch07@2x.jpg new file mode 100644 index 00000000000..f066cda82f2 Binary files /dev/null and b/src/images/watch07@2x.jpg differ diff --git a/src/images/watch08.jpg b/src/images/watch08.jpg new file mode 100644 index 00000000000..61a9ba00c54 Binary files /dev/null and b/src/images/watch08.jpg differ diff --git a/src/images/watch08@2x.jpg b/src/images/watch08@2x.jpg new file mode 100644 index 00000000000..1c5d4443f15 Binary files /dev/null and b/src/images/watch08@2x.jpg differ diff --git a/src/images/watch09.jpg b/src/images/watch09.jpg new file mode 100644 index 00000000000..8b3f5555697 Binary files /dev/null and b/src/images/watch09.jpg differ diff --git a/src/images/watch09@2x.jpg b/src/images/watch09@2x.jpg new file mode 100644 index 00000000000..c93b9527b43 Binary files /dev/null and b/src/images/watch09@2x.jpg differ diff --git a/src/images/watch10.jpg b/src/images/watch10.jpg new file mode 100644 index 00000000000..ad9586733a0 Binary files /dev/null and b/src/images/watch10.jpg differ diff --git a/src/images/watch10@2x.jpg b/src/images/watch10@2x.jpg new file mode 100644 index 00000000000..442398ed1c7 Binary files /dev/null and b/src/images/watch10@2x.jpg differ diff --git a/src/images/watch11.jpg b/src/images/watch11.jpg new file mode 100644 index 00000000000..01bf57dce70 Binary files /dev/null and b/src/images/watch11.jpg differ diff --git a/src/images/watch11@2x.jpg b/src/images/watch11@2x.jpg new file mode 100644 index 00000000000..44982ef666b Binary files /dev/null and b/src/images/watch11@2x.jpg differ diff --git a/src/images/watch12.jpg b/src/images/watch12.jpg new file mode 100644 index 00000000000..aa017b8b6d0 Binary files /dev/null and b/src/images/watch12.jpg differ diff --git a/src/images/watch12@2x.jpg b/src/images/watch12@2x.jpg new file mode 100644 index 00000000000..7707c89f133 Binary files /dev/null and b/src/images/watch12@2x.jpg differ diff --git a/src/index.html b/src/index.html index 92da07de4e6..96f2f40f86c 100755 --- a/src/index.html +++ b/src/index.html @@ -1,15 +1,24 @@ - + - Page title + Team 3 Project + + + + -

Example title

- + + + + diff --git a/src/modal.js b/src/modal.js new file mode 100644 index 00000000000..34a8cbd68a3 --- /dev/null +++ b/src/modal.js @@ -0,0 +1,18 @@ +(() => { + const refs = { + openModalBtn: document.querySelectorAll("[data-modal-open]"), + closeModalBtn: document.querySelector("[data-modal-close]"), + modal: document.querySelector("[data-modal]"), + }; + + refs.openModalBtn.forEach((element) => { + element.addEventListener("click", toggleModal); + }); + + refs.closeModalBtn.addEventListener("click", toggleModal); + + function toggleModal() { + refs.modal.classList.toggle("is-hidden"); + document.body.classList.toggle("no-scroll"); + } + })(); \ No newline at end of file diff --git a/src/partials/catalog.html b/src/partials/catalog.html new file mode 100644 index 00000000000..ffd90c685d4 --- /dev/null +++ b/src/partials/catalog.html @@ -0,0 +1,484 @@ +
+
+

Catalog

+ + +
+
diff --git a/src/partials/example.html b/src/partials/example.html deleted file mode 100755 index f7f444c97e2..00000000000 --- a/src/partials/example.html +++ /dev/null @@ -1,37 +0,0 @@ -
-

HTML-partials

- - - - -

- The - - posthtml-include - - plugin allows you to add code from other HTML files (fragments) to HTML page - files. Fragments are stored in the src/partials folder. The - addition occurs when compiling page files, such as index.html. -

- -

- This example.html file is an example of such a snippet, with - the markup of a certain part of the main page. This is very convenient for - team development on student projects, when several people write in one HTML - file at once. -

- -

- The syntax for adding a fragment to the main file is: - <include src="./partials/filename.html"></include> -

- -
-
diff --git a/src/partials/header.html b/src/partials/header.html new file mode 100644 index 00000000000..8b137891791 --- /dev/null +++ b/src/partials/header.html @@ -0,0 +1 @@ + diff --git a/src/partials/hero.html b/src/partials/hero.html new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/partials/modal.html b/src/partials/modal.html new file mode 100644 index 00000000000..9a58eb98595 --- /dev/null +++ b/src/partials/modal.html @@ -0,0 +1,93 @@ + diff --git a/src/sass/catalog.scss b/src/sass/catalog.scss new file mode 100644 index 00000000000..995680901aa --- /dev/null +++ b/src/sass/catalog.scss @@ -0,0 +1,231 @@ +@media only screen and (max-width: 1020px) { + .catalog-list-item.blockmob { + display: none; + } +} + + .catalog-icons { + display: none; + } + +.section-catalog .title { + margin-bottom: 40px; +} +.catalog-title { +font-weight: 600; +color: #1e2827; +font-size: 32px; +line-height: 1.25; +letter-spacing: -0.02em; +margin-bottom: 83px; +} + +.catalog-list { +display: flex; +justify-content: center; +flex-wrap: wrap; +column-gap: 24px; +row-gap: 48px; +} +.catalog-list-item { + position: relative; + display: flex; + flex-direction: column; + align-items: center; +} + +.image-container { + position: relative; + width: 100%; + overflow: hidden; + border-radius: 8px; +} + +.image-container img { + width: 100%; + display: block; + border-radius: 8px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: #1E2827; + opacity: 0; + transition: transform 0.3s ease-in-out; + display: flex; + align-items: center; + justify-content: center; + border-radius: 8px; +} + + +.overlay-description { + text-align: left; + color: #ffffff; + padding: 15px 10px 5px 10px; + margin-top: 20px; + +} + +.overlay-title { + + margin-bottom: 10px; + text-transform: uppercase; + font-weight: 400; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: #ffffff; + +} + +.overlay-text { + font-weight: 400; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.01em; + color: rgba(255, 255, 255, 0.5); + margin-bottom: 30px; +} + +.image-container:hover .overlay { + opacity: 1; +} + +.catalog-list-item :hover { +cursor: pointer; +} + + +.overlay-description.size { +width: 236px; +} + + + +.catalog-description { +padding: 32px 16px; +border-top: none; +} + +.text-description { +font-size: 14px; +line-height: 1.29; +letter-spacing: -0.02em; +color: #141414; +margin-bottom: 4px; + +} + +.price { +font-size: 12px; +line-height: 1.17; +letter-spacing: -0.02em; +color: rgb(20, 20, 20, 0.5); + +} + +.catalog-button { +max-width: 108px; + +background-color: #1E2827; +color: #ffffff; +border-radius: 8px; +border: 1px solid #1E2827; + +white-space: nowrap; +text-transform: uppercase; +font-size: 12px; +line-height: 1.17; +text-align: center; + +padding: 14px 28px; + +margin-left: auto; +display: block; + +transition: border 250ms cubic-bezier cubic-bezier(0.4, 0, 0.2, 1); +} + +.catalog-button:focus, +.catalog-button:hover { +border:1px solid #ffffff; +} + +@media screen and (min-width: 768px) { + + .catalog-icons { + position: absolute; + display: inline-block; + stroke-width: 0; + stroke: rgba(20, 20, 20, 0.1); + fill: #ffffff; + right: 14px; + top: 14px; + z-index: 1; + } + +.catalog-title { + font-size: 40px; + line-height: 1.10; + margin-bottom: 83px; +} + +.catalog-button { + max-width: 122px; + + padding: 18px 35px; +} + +.catalog-list { + display: flex; + flex-wrap: wrap; + row-gap: 40px; + column-gap: 32px; + +} + +.catalog-list .catalog-list-item { + margin-bottom: 0; + width: calc((100% - 32px) /3); +} + + +} + +@media screen and (min-width: 1280px) { + + .catalog-icons { + display: none; + } + +.catalog-list { + display: flex; + flex-wrap: wrap; + row-gap: 64px; + column-gap: 24px; +} + +.catalog-list .catalog-list-item { + width: calc((100% - 72px) /4); +} + +.overlay-desrpiption { + padding: 20px; + +} + +.overlay { + padding: 25px 0 25px; + +} +.overlay-text { + margin-bottom: 40px; +} + + +} \ No newline at end of file diff --git a/src/sass/header.scss b/src/sass/header.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/src/sass/hero.scss b/src/sass/hero.scss new file mode 100644 index 00000000000..8b137891791 --- /dev/null +++ b/src/sass/hero.scss @@ -0,0 +1 @@ + diff --git a/src/sass/index.scss b/src/sass/index.scss index 8d1a014a6b5..bdd005a60a0 100755 --- a/src/sass/index.scss +++ b/src/sass/index.scss @@ -1,2 +1,6 @@ @import './common'; -@import './example'; +@import './style.scss'; +@import './header.scss'; +@import './hero.scss'; +@import './catalog.scss'; +@import './modal.scss'; diff --git a/src/sass/modal.scss b/src/sass/modal.scss new file mode 100644 index 00000000000..fd69c7b2cf5 --- /dev/null +++ b/src/sass/modal.scss @@ -0,0 +1,362 @@ +/*Modal*/ + +.backdrop { + position: fixed; + top: 0px; + height: 100%; + width: 100%; + z-index: 5; + background-color: rgba(46, 47, 66, 0.4); + transition: opacity 1s linear, visibility 1s linear; + overflow: auto; +} + +.is-hidden { + opacity: 0; + visibility: hidden; + pointer-events: none; +} + +.modal { + position: absolute; + width: 100%; + left: 50%; + padding-top: 12px; + padding-left: 20px; + padding-right: 20px; + padding-bottom: 40px; + background: #ffffff; + box-shadow: 0px 0px 223px rgba(0, 0, 0, 0.05), + 0px 0px 130.6px rgba(0, 0, 0, 0.037963), + 0px 0px 71.0296px rgba(0, 0, 0, 0.0303704), + 0px 0px 36.2375px rgba(0, 0, 0, 0.025), + 0px 0px 18.1704px rgba(0, 0, 0, 0.0196296), + 0px 0px 8.77546px rgba(0, 0, 0, 0.012037); + isolation: isolate; + transform: translate(-50%) scale(1) rotate(0); + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.backdrop.is-hidden .modal { + transform: translate(-50%, -50%) scale(0) rotate(-180deg); + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.close-modal-icon { + display: flex; + width: 20px; + height: 20px; + stroke: #141414; +} + +.close-modal-btn { + display: flex; + align-items: center; + justify-content: center; + margin-left: auto; + margin-right: -8px; + border: none; + background-color: #ffffff; + transition-duration: 250ms; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} + +.close-modal-svg { + border: 1.3px solid #141414; + line-height: 100%; +} + +.modal-block1-list { + list-style: none; + margin-bottom: 40px; +} + +.modal-block1-item { + max-width: 276px; + height: 375px; + margin: auto; +} + +.modal-block1-item-img { + margin-bottom: 14px; +} + +.modal-block1-description { + flex-direction: column; + justify-content: space-between; + display: flex; +} + +.modal-block1-title { + margin-bottom: 4px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-family: 'Epilogue'; + font-style: normal; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: #141414; + font-weight: 400; +} + +.modal-block1-text { + margin-top: 0; + margin-bottom: 0; + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.5); +} + +.modal-block2-form { + display: flex; + flex-direction: column; + height: 578px; + max-width: 295px; +} + +.modal-block2-label { + padding: 0px; + margin-bottom: 18px; +} + +.modal-no { + margin-bottom: 20px; +} + +.modal-block2-title { + display: block; + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: #141414; + margin-bottom: 12px; +} + +.modal-block2-input-wrap { + position: relative; +} + +.modal-block2-input { + padding: 12px 16px; + width: 100%; + height: 42px; + border: 1px solid rgba(20, 20, 20, 0.5); + border-radius: 8px; +} + +.modal-block2-input::placeholder { + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 14px; + line-height: 1.29; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.5); + display: flex; +} + +.comments { + min-height: 170px; + resize: none; + height: auto; + margin-bottom: 0px; +} + +input:not(:placeholder-shown):required:valid { + border: 1px solid rgba(20, 20, 20, 0.5); +} + +input:not(:placeholder-shown):required:invalid { + border-color: red; + border-radius: 10px; +} + +.submit-modal-btn { + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + text-align: center; + text-transform: uppercase; + color: #ffffff; + min-height: 50px; + background: #1e2827; + border-radius: 8px; + flex-direction: row; + justify-content: center; + align-items: flex-start; + margin-bottom: 12px; +} + +.modal-bottom-text { + font-family: 'Epilogue'; + font-style: normal; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.4); + margin: 0 auto; +} + +.modal-bottom-link { + font-family: 'Plus Jakarta Sans'; + font-weight: 400; + font-size: 12px; + line-height: 1.17; + letter-spacing: -0.02em; + color: rgba(20, 20, 20, 0.4); +} + +.modal-bottom-text br { + display: none; +} + +@media screen and (min-width: 375px) { + .modal { + max-width: 335px; + margin-left: auto; + margin-right: auto; + } +} + +@media screen and (max-width: 767px) { + .backdrop { + overflow-y: auto; + } + + .modal-block2-form { + margin: auto; + } +} + +/* 768 */ +@media screen and (min-width: 768px) { + .modal { + max-width: 744px; + max-height: 670px; + padding: 40px; + height: 1073px; + top: 50%; + transform: translate(-50%, -50%) scale(1) rotate(0); + } + + .close-modal-btn { + top: -32px; + right: -10px; + position: relative; + padding: 6px; + } + + .close-modal-icon { + width: 24px; + height: 24px; + } + + .modal-block1 { + float: left; + margin-right: 20px; + } + + .modal-block1-list { + padding-left: 0; + padding-right: 0; + margin-top: 0; + margin-bottom: 0; + } + + .modal-block2 { + margin-top: -32px; + margin-right: -10px; + } + + .modal-block2-form { + max-width: 368px; + } + + .modal-block2-label { + width: 100%; + } + + .modal-block2-title { + font-size: 14px; + line-height: 1.29; + padding: 0; + } + + .modal-block2-input { + width: 368px; + } + + .modal-block2-input::placeholder { + font-size: 16px; + line-height: 1.12; + } + + .comments { + max-width: 368px; + margin-bottom: 0px; + } + + .submit-modal-btn { + width: 368px; + } +} + +/* 1280 */ +@media screen and (min-width: 1280px) { + .modal { + max-width: 904px; + max-height: 694px; + } + + .modal-block1 { + margin-right: 40px; + } + + .modal-block2 { + height: 614px; + } + + .modal-block2-form { + max-width: 508px; + height: 100%; + } + + .modal-block2-input { + width: 508px; + } + + .modal-no { + margin-bottom: 40px; + } + + .comments { + max-width: 508px; + margin-bottom: 0px; + } + + .submit-modal-btn { + width: 508px; + } + + .modal-bottom-text { + margin-left: 0; + } + + .modal-bottom-text br { + display: block; + } +} diff --git a/src/sass/style.scss b/src/sass/style.scss new file mode 100644 index 00000000000..c13df4fdbef --- /dev/null +++ b/src/sass/style.scss @@ -0,0 +1,73 @@ +/* Style reset */ + +h1, +h2, +h3, +h4, +h5, +h6, +p { + margin: 0; +} + +ul { + padding: 0; + margin: 0; + list-style-type: none; +} + +a { + text-decoration: none; + font-style: normal; +} + +*, +*::after, +*::before { + box-sizing: inherit; +} + +body { + font-family: 'Epilogue', sans-serif; + background-color: var(--white); +} + +img { + display: block; + width: 100%; + height: auto; +} + +button { + cursor: pointer; +} + +.section { + min-width: 375px; + width: 100%; +} + +.container { + max-width: 335px; + margin: 0 auto; +} + +@media screen and (min-width: 768px) { + .section { + min-width: 768px; + } + + .container { + max-width: 704px; + } +} + +@media screen and (min-width: 1280px) { + .section { + min-width: 1280px; + } + + .container { + max-width: 1176px; + } +}