Skip to content

Styles and classes #296

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
37 commits
Select commit Hold shift + click to select a range
047ae23
translation: styles and classes
AdriandeCita Jan 27, 2022
202ec2d
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
5c12308
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
548ba04
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
464a0cb
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
863cf35
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
222fc14
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
5d76711
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
f9efb07
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
b4aa47a
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
74b08cf
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
ebf3f8b
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
33cb3d0
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
1557fda
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
91b9826
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
d3ebae7
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
f9a3858
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
d485198
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
75ffed0
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
e88f4db
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
e74ce9b
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
5b7df8f
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
44be2f4
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
00160de
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
b158bad
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
1056a40
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
34d814d
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
6d0c18e
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
a76451e
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
0fe2ebf
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
cd2469e
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
a20c1fa
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
6d010ee
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
1fb31a6
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
689bc6f
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
a6ee73c
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
a973ce6
Update 2-ui/1-document/08-styles-and-classes/article.md
MykolaSopiha Jan 29, 2022
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<body>

<h2>Notification is on the right</h2>
<h2>Сповіщення знаходиться справа</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

<body>

<h2>Notification is on the right</h2>
<h2>Сповіщення знаходиться справа</h2>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum aspernatur quam ex eaque inventore quod voluptatem adipisci omnis nemo nulla fugit iste numquam ducimus cumque minima porro ea quidem maxime necessitatibus beatae labore soluta voluptatum
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,23 +2,23 @@ importance: 5

---

# Create a notification
# Створити сповіщення

Write a function `showNotification(options)` that creates a notification: `<div class="notification">` with the given content. The notification should automatically disappear after 1.5 seconds.
Напишіть функцію `showNotification(options)`, яка створює сповіщення `<div class="notification">` з переданим вмістом. Сповіщення повинно автоматично зникати через 1.5 секунди.

The options are:
Вхідні параметри такі:

```js
// shows an element with the text "Hello" near the right-top of the window
// показує елемент з текстом "Hello" біля правого верхнього кутка вікна
showNotification({
top: 10, // 10px from the top of the window (by default 0px)
right: 10, // 10px from the right edge of the window (by default 0px)
html: "Hello!", // the HTML of notification
className: "welcome" // an additional class for the div (optional)
top: 10, // 10px від верха вікна (усталено має бути 0px)
right: 10, // 10px від правого краю вікна (усталено — 0px)
html: "Hello!", // HTML-код сповіщення
className: "welcome" // додатковий клас для елемента div (необов'язково)
});
```

[demo src="solution"]


Use CSS positioning to show the element at given top/right coordinates. The source document has the necessary styles.
Використовуйте позиціонування CSS для розміщення елемента за вказаними координатами `top/right`. Документ з оточенням вже містить всі необхідні стилі.
Loading