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/readme.md b/readme.md index 211b97111..d61bd6400 100644 --- a/readme.md +++ b/readme.md @@ -1,7 +1,7 @@ # Enclosures 1. Replace `` with your Github username in the links - - [DEMO LINK](https://.github.io/layout_enclosures/)
- - [TEST REPORT LINK](https://.github.io/layout_enclosures/report/html_report/) + - [DEMO LINK](https://Namart.github.io/layout_enclosures/)
+ - [TEST REPORT LINK](https://Namart.github.io/layout_enclosures/report/html_report/) 2. Follow [this instructions](https://mate-academy.github.io/layout_task-guideline/) ___ diff --git a/src/index.html b/src/index.html index e97db4d50..60a8c197e 100644 --- a/src/index.html +++ b/src/index.html @@ -1,14 +1,41 @@ - - - - - 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..845f125e8 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,33 @@ +body { + margin: 0; + background-color: #000; + font-size: 16px; +} + +* { + box-sizing: border-box; +} + +.outer { + width: 350px; + padding: 10px; + margin: 40px 20px; + background-color: #0090c2; + border: 1px solid #e95d49; +} + +.med { + padding: 10px; + border: 1px solid #e95d49; + background-color: #ffa100; +} + +.inner { + padding: 10px; + border: 1px solid #e95d49; + background-color: #dedede; +} + +.outer:first-child { + margin-top: 20px; +}