diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 00000000..936d024c --- /dev/null +++ b/.editorconfig @@ -0,0 +1,15 @@ +root = true + +[*] +charset = utf-8 +end_of_line = lf +insert_final_newline = true +indent_size = 4 +indent_style = space +trim_trailing_whitespace = true + +[*.json] +indent_size = 2 + +[*.md] +trim_trailing_whitespace = false diff --git a/.gitignore b/.gitignore new file mode 100644 index 00000000..d3b29dd6 --- /dev/null +++ b/.gitignore @@ -0,0 +1,8 @@ +.DS_Store +.git +.idea + +*.log +*.swp + +node_modules diff --git a/.npmrc b/.npmrc new file mode 100644 index 00000000..23396ae8 --- /dev/null +++ b/.npmrc @@ -0,0 +1,2 @@ +registry=https://registry.npmjs.org +save-exact=true diff --git a/.stylelintrc.json b/.stylelintrc.json new file mode 100644 index 00000000..654acdfe --- /dev/null +++ b/.stylelintrc.json @@ -0,0 +1,7 @@ +{ + "extends": "stylelint-config-hrundel", + "processors": ["@mapbox/stylelint-processor-arbitrary-tags"], + "rules": { + "selector-max-id": 1 + } +} diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 00000000..45555037 --- /dev/null +++ b/.travis.yml @@ -0,0 +1,3 @@ +language: node_js +node_js: + - "10" diff --git a/README.md b/README.md index 5dd37729..d4ff91c7 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,28 @@ -# markup-task-2 -Задача «Ацссорти» +# Задача «Ацссорти» + +Перед выполнением задания внимательно прочитайте: + +- [О всех этапах проверки задания](https://github.com/urfu-2018/guides/blob/master/workflow/overall.md) +- [Как отправить пулл](https://github.com/urfu-2018/guides/blob/master/workflow/pull.md) +- [Как пройти тесты](https://github.com/urfu-2018/guides/blob/master/workflow/test.md) +- Правила оформления [javascript](https://github.com/urfu-2018/guides/blob/master/codestyle/js.md), [HTML](https://github.com/urfu-2018/guides/blob/master/codestyle/html.md) и [CSS](https://github.com/urfu-2018/guides/blob/master/codestyle/css.md) кода + +## Основное задание + +В папке `tasks` подготовлено 20 заданий на использование различных селекторов. +Вы должны поменять только содержимое тега ` + +
+
+
+
+
+ +
+
+ +
+ +
+ + + + + + + diff --git a/tasks/10.html b/tasks/10.html new file mode 100644 index 00000000..bc7fb50d --- /dev/null +++ b/tasks/10.html @@ -0,0 +1,37 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя color: <color>

+ +
+ + +
+
+

Яндекс

+

российская транснациональная компания,
владеющая одноимённой системой поиска в Сети, интернет-порталами и службами в нескольких странах.

+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/11.html b/tasks/11.html new file mode 100644 index 00000000..3e34ed5f --- /dev/null +++ b/tasks/11.html @@ -0,0 +1,37 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя border: 3px solid <color>

+ +
+ + +
+
+ + +
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/12.html b/tasks/12.html new file mode 100644 index 00000000..a6a95498 --- /dev/null +++ b/tasks/12.html @@ -0,0 +1,48 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color>

+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/13.html b/tasks/13.html new file mode 100644 index 00000000..c86c9595 --- /dev/null +++ b/tasks/13.html @@ -0,0 +1,69 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color>

+ +
+ + +
+
+
+
+
+
+ +
+
+
+
+
+
+ + +
+
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+
+
+ +
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/14.html b/tasks/14.html new file mode 100644 index 00000000..50880fd9 --- /dev/null +++ b/tasks/14.html @@ -0,0 +1,40 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя mozgi

+ +
+ + +
+
+
    +
  • Первый
    • +
  • Второй
    • +
  • Третий
    • +
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/15.html b/tasks/15.html new file mode 100644 index 00000000..4e36c5d8 --- /dev/null +++ b/tasks/15.html @@ -0,0 +1,52 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Выделите ссылки на скачивание zip-файлов

+ +
+ + +
+ +
+ +
+ +
+
+ + + + + + diff --git a/tasks/16.html b/tasks/16.html new file mode 100644 index 00000000..f26e1993 --- /dev/null +++ b/tasks/16.html @@ -0,0 +1,39 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color>

+ +
+ + +
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/17.html b/tasks/17.html new file mode 100644 index 00000000..83e0910b --- /dev/null +++ b/tasks/17.html @@ -0,0 +1,45 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя outline: 1px solid #ff6698

+ +
+ + +
+
+ + + + + + + + + + +
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/18.html b/tasks/18.html new file mode 100644 index 00000000..2c7df3cf --- /dev/null +++ b/tasks/18.html @@ -0,0 +1,44 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя opacity: <value>

+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/19.html b/tasks/19.html new file mode 100644 index 00000000..bf72b5b2 --- /dev/null +++ b/tasks/19.html @@ -0,0 +1,59 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color>

+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/2.html b/tasks/2.html new file mode 100644 index 00000000..64de7fc5 --- /dev/null +++ b/tasks/2.html @@ -0,0 +1,39 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color> и border: 2px solid #000

+ +
+ + +
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/20.html b/tasks/20.html new file mode 100644 index 00000000..4adec5a2 --- /dev/null +++ b/tasks/20.html @@ -0,0 +1,53 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Необязательная задача. Выделите все внутренние элементы там, где их больше 2, используя background: <color> и самую сильную магию

+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/3.html b/tasks/3.html new file mode 100644 index 00000000..8b58ac9e --- /dev/null +++ b/tasks/3.html @@ -0,0 +1,59 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color> и border: 2px solid #000

+ +
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/4.html b/tasks/4.html new file mode 100644 index 00000000..5745abad --- /dev/null +++ b/tasks/4.html @@ -0,0 +1,46 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя border-top: 1px solid #000 и background: <color>

+ +
+ + +
+
+

Заголовок

+

+ Описание заголовка +

+
+
Первый
+
Второй
+
Третий
+
Четвертый
+
Пятый
+
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/5.html b/tasks/5.html new file mode 100644 index 00000000..cf16c456 --- /dev/null +++ b/tasks/5.html @@ -0,0 +1,38 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя background: <color> и color: <color>

+ +
+ + +
+
+ +
+
Text
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/6.html b/tasks/6.html new file mode 100644 index 00000000..0299b5bf --- /dev/null +++ b/tasks/6.html @@ -0,0 +1,38 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя color: <color>

+ +
+ + +
+ +
+ +
+ +
+
+ + + + + + diff --git a/tasks/7.html b/tasks/7.html new file mode 100644 index 00000000..b5ea672e --- /dev/null +++ b/tasks/7.html @@ -0,0 +1,47 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя opacity: <value>, где value – непрозрачность от 0 до 1

+ +
+ + +
+
+
+ css 3 logo +
+
+ +
+
+ +
+
+ css3 +
+
+
+ +
+ +
+
+ + + + + + diff --git a/tasks/8.html b/tasks/8.html new file mode 100644 index 00000000..abca880c --- /dev/null +++ b/tasks/8.html @@ -0,0 +1,55 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Выделите только ссылки на внешние относительно my-site.ru ресурсы, используя color: <color>

+ +
+ + +
+ +
+ +
+ +
+
+ + + + + + diff --git a/tasks/9.html b/tasks/9.html new file mode 100644 index 00000000..326d5b39 --- /dev/null +++ b/tasks/9.html @@ -0,0 +1,37 @@ + + + + CSS Селекторс 2000 + + + + + +

 

+

Решите задачу, используя color: <color> и opacity: <value>

+ +
+ + +
+ +
+ +
+ +
+
+ + + + + +