diff --git a/.bemlintrc.json b/.bemlintrc.json new file mode 100644 index 000000000..eca0f5672 --- /dev/null +++ b/.bemlintrc.json @@ -0,0 +1,16 @@ +{ + "elementDivider": "__", + "modifierDivider": "_", + "ignore": [ + "node_modules", + "dist" + ], + "rules": { + "one-block": true, + "one-element": true, + "element-inside-parent-block": true, + "no-double-element": true, + "no-neighbour-parent-block": true, + "modifiable-class": true + } +} diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml index a64ccface..340cff5c5 100644 --- a/.github/workflows/test.yml +++ b/.github/workflows/test.yml @@ -19,5 +19,11 @@ jobs: uses: actions/setup-node@v1 with: node-version: ${{ matrix.node-version }} - - run: npm ci + - run: npm install - run: npm start & sleep 5 && npm test + - name: Upload HTML report(backstop data) + if: ${{ always() }} + uses: actions/upload-artifact@v2 + with: + name: report + path: backstop_data diff --git a/.gitignore b/.gitignore index 0f8d3cf75..549c139a9 100644 --- a/.gitignore +++ b/.gitignore @@ -11,3 +11,4 @@ node_modules # Generated files backstop_data dist +.cache diff --git a/package.json b/package.json index b888ae86e..184bc5572 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@mate-academy/bemlint": "^0.1.1", "@mate-academy/eslint-config": "*", "@mate-academy/linthtml-config": "0.0.1", - "@mate-academy/scripts": "^0.2.0", + "@mate-academy/scripts": "^0.8.4", "@mate-academy/stylelint-config": "*", "backstopjs": "^5.0.1", "eslint": "^5.16.0", diff --git a/src/index.html b/src/index.html index e97db4d50..fa6a8d338 100644 --- a/src/index.html +++ b/src/index.html @@ -1,14 +1,53 @@ - - - - - Enclosures - - - -

Enclosures

- + + + + + Enclosures + + + +
+
+
+
+ In programming languages, a closure is a technique for + implementing lexically +
+ scoped + name binding in a language with first-class functions. + Operationally, a +
+ closure is a record storing a function together with an + environment. +
+
+
+
+
+
+ У програмуванні замиканням називають підпрограму, що + виконується в середовищі, + яке містить одну або більше зв’язаних змінних. Підпрограма має + доступ до цих змінних під час +
+ виконання. +
+
+
+
+
+
+ Замыкание в программировании — функция первого класса, в теле + которой + присутствуют ссылки на переменные, объявленные вне тела этой + функции в + окружающем коде и не являющиеся её параметрами. +
+
+
+
+ diff --git a/src/style.css b/src/style.css index e69de29bb..46f7ee817 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,30 @@ +body { + margin: 0; + padding: 0; + font-weight: 500; + background-color: black; +} + +.block { + border: 1px solid #e95d49; + box-sizing: border-box; +} + +.outer { + background-color: rgb(48, 141, 192); + width: 350px; + margin: 20px 20px 40px; +} + +.inner { + background-color: rgb(255, 165, 0); + width: 328px; + margin: 10px; +} + +.content { + width: 306; + padding: 10px; + margin: 10px; + background-color: #ddd; +}