From c70831e91b0ce53d41248232b378faa7aa671bc2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Micha=C5=82=20Sajn=C3=B3g?= Date: Mon, 20 Jun 2016 00:22:56 +0200 Subject: [PATCH] update demos --- demo/async.html | 20 +--- demo/css/styles.css | 191 ++++++------------------------- demo/{index.html => simple.html} | 84 +++++++------- 3 files changed, 81 insertions(+), 214 deletions(-) rename demo/{index.html => simple.html} (51%) diff --git a/demo/async.html b/demo/async.html index 472bcad..44353d7 100644 --- a/demo/async.html +++ b/demo/async.html @@ -8,17 +8,7 @@ -
-
-

Lorem ipsum

-
-
-

dolor sit amet

-
-
-

onsectetur adipisicing

-
-
+
diff --git a/demo/css/styles.css b/demo/css/styles.css index 6e9da8f..672e9f5 100644 --- a/demo/css/styles.css +++ b/demo/css/styles.css @@ -1,164 +1,39 @@ -body -{ - font-family: Helvetica,Tahoma; -}*, +body { + font-family: Helvetica,Tahoma; +} + +*, *:before, -*:after -{ - box-sizing: border-box; -}.colored-0 -{ - background: #1da4e2; -}.colored-1 -{ - background: #1ca1dd; -}.colored-2 -{ - background: #1c9dd9; -}.colored-3 -{ - background: #1b9ad4; -}.colored-4 -{ - background: #1b97d0; -}.colored-5 -{ - background: #1a94cb; -}.colored-6 -{ - background: #1a90c7; -}.colored-7 -{ - background: #198dc2; -}.colored-8 -{ - background: #188abe; -}.colored-9 -{ - background: #1886b9; -}.colored-10 -{ - background: #1783b5; -}.colored-11 -{ - background: #1780b0; -}.colored-12 -{ - background: #167dac; -}.colored-13 -{ - background: #1579a7; -}.colored-14 -{ - background: #1576a3; -}.colored-15 -{ - background: #14739e; -}.colored-16 -{ - background: #14709a; -}.colored-17 -{ - background: #136c95; -}.colored-18 -{ - background: #136991; -}.colored-19 -{ - background: #12668c; -}.colored-20 -{ - background: #116288; -}.colored-21 -{ - background: #115f83; -}.colored-22 -{ - background: #105c7f; -}.colored-23 -{ - background: #10597a; -}.colored-24 -{ - background: #0f5576; -}.colored-25 -{ - background: #0f5271; -}.colored-26 -{ - background: #0e4f6c; -}.colored-27 -{ - background: #0d4b68; -}.colored-28 -{ - background: #0d4863; -}.colored-29 -{ - background: #0c455f; -}.colored-30 -{ - background: #0c425a; -}.colored-31 -{ - background: #0b3e56; -}.colored-32 -{ - background: #0a3b51; -}.colored-33 -{ - background: #0a384d; -}.colored-34 -{ - background: #093448; -}.colored-35 -{ - background: #093144; -}.colored-36 -{ - background: #082e3f; -}.colored-37 -{ - background: #082b3b; -}.colored-38 -{ - background: #072736; -}.colored-39 -{ - background: #062432; -}.colored-40 -{ - background: #06212d; -}.colored-41 -{ - background: #051e29; -}.colored-42 -{ - background: #051a24; -}.aos-all -{ - width: 1000px; - max-width: 98%; - margin: 10vh auto 0 auto; -}.aos-item -{ - display: inline-block; - float: left; - width: 33.3333%; - height: 300px; - padding: 20px; -}.aos-item__inner -{ - position: relative; - width: 100%; - height: 100%; - padding: 30px; +*:after { + box-sizing: border-box; +} + +.aos-all { + width: 1000px; + max-width: 98%; + margin: 10vh auto 0 auto; +} + +.aos-item { + display: inline-block; + float: left; + width: 33.3333%; + height: 300px; + padding: 20px; +} - color: #fff; +.aos-item__inner { + position: relative; + width: 100%; + height: 100%; + background: #1da4e2; + line-height: 260px; + text-align: center; + color: #fff; } @media screen and (max-width: 800px) { - .aos-item { - width: 50%; - } + .aos-item { + width: 50%; + } } diff --git a/demo/index.html b/demo/simple.html similarity index 51% rename from demo/index.html rename to demo/simple.html index 018f23f..78c7260 100644 --- a/demo/index.html +++ b/demo/simple.html @@ -13,130 +13,130 @@
-

Lorem ipsum

+

1

-

dolor sit amet

+

2

-

onsectetur adipisicing

+

3

-

elit Saepe

+

4

-

labore iusto!

+

5

-

Quaerat id asperiores

+

6

-

porro odit

+

7

-

placeat ut fuga

+

8

-

aliquid omnis

+

9

-

dolorem dicta rem.

+

10

-

Lorem ipsum

+

11

-

dolor sit amet

+

12

-

onsectetur adipisicing

+

13

-

elit Saepe

+

14

-

labore iusto!

+

15

-

Quaerat id asperiores

+

16

-

porro odit

+

17

-

placeat ut fuga

+

18

-

aliquid omnis

+

19

-

dolorem dicta rem.

+

20

-

Lorem ipsum

+

21

-

dolor sit amet

+

22

-

onsectetur adipisicing

+

23

-

elit Saepe

+

24

-

labore iusto!

+

25

-

Quaerat id asperiores

+

26

-

porro odit

+

27

-

placeat ut fuga

+

28

-

aliquid omnis

+

29

-

dolorem dicta rem.

+

30

-

Lorem ipsum

+

31

-

dolor sit amet

+

32

-

onsectetur adipisicing

+

33

-

elit Saepe

+

34

-

labore iusto!

+

35

-

Quaerat id asperiores

+

36

-

porro odit

+

37

-

placeat ut fuga

+

38

-

aliquid omnis

+

39

-

dolorem dicta rem.

+

40

-

Lorem ipsum

+

41

-

dolor sit amet

+

42