Skip to content

Commit 9eb6aa8

Browse files
authored
Merge pull request #413 from danilobrinu/styles-classes
Styles and classes
2 parents 3ba1b6f + e2cc988 commit 9eb6aa8

File tree

2 files changed

+111
-109
lines changed

2 files changed

+111
-109
lines changed

2-ui/1-document/08-styles-and-classes/2-create-notification/task.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,23 @@ importance: 5
22

33
---
44

5-
# Create a notification
5+
# Crear una notificación
66

7-
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.
7+
Escribir una función `showNotification(options)` que cree una notificación: `<div class="notification">` con el contenido dado. La notificación debería desaparecer automáticamente despues de 1.5 segundos.
88

99
The options are:
1010

1111
```js
12-
// shows an element with the text "Hello" near the right-top of the window
12+
// muestra un elemento con el texto "Hello" cerca de la parte superior de la ventana
1313
showNotification({
14-
top: 10, // 10px from the top of the window (by default 0px)
15-
right: 10, // 10px from the right edge of the window (by default 0px)
16-
html: "Hello!", // the HTML of notification
17-
className: "welcome" // an additional class for the div (optional)
14+
top: 10, // 10px desde la parte superior de la ventana (por defecto es 0px)
15+
right: 10, // 10px desde el borde derecho de la ventana (por defecto es 0px)
16+
html: "Hello!", // el HTML de la notificación
17+
className: "welcome" // una clase adicional para el "div" (opcional)
1818
});
1919
```
2020

2121
[demo src="solution"]
2222

2323

24-
Use CSS positioning to show the element at given top/right coordinates. The source document has the necessary styles.
24+
Usar posicionamiento CSS para mostrar el elemento en las coordenadas (top/right) dadas. El documento tiene los estilos necesarios.

0 commit comments

Comments
 (0)