Demo updates
Browse files- demo/styles/demo.scss +2 -12
- index.html +2 -2
demo/styles/demo.scss
CHANGED
@@ -9,7 +9,7 @@ img.emoji {
|
|
9 |
}
|
10 |
|
11 |
.page-wrap {
|
12 |
-
width:
|
13 |
margin: 50px auto;
|
14 |
background: white;
|
15 |
padding: 10px 30px;
|
@@ -35,17 +35,7 @@ img.emoji {
|
|
35 |
width: 195px;
|
36 |
font-size: 17px;
|
37 |
display: inline-block;
|
38 |
-
|
39 |
-
&.btn-right {
|
40 |
-
margin-left: -5px;
|
41 |
-
border-radius: 0 8px 8px 0;
|
42 |
-
filter: grayscale(2);
|
43 |
-
border-left: 1px solid #2e2e30;
|
44 |
-
}
|
45 |
-
|
46 |
-
&.btn-left {
|
47 |
-
border-radius: 8px 0 0 8px;
|
48 |
-
}
|
49 |
}
|
50 |
|
51 |
a.btn__run-demo {
|
|
|
9 |
}
|
10 |
|
11 |
.page-wrap {
|
12 |
+
max-width: 550px;
|
13 |
margin: 50px auto;
|
14 |
background: white;
|
15 |
padding: 10px 30px;
|
|
|
35 |
width: 195px;
|
36 |
font-size: 17px;
|
37 |
display: inline-block;
|
38 |
+
margin-top: 2px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
39 |
}
|
40 |
|
41 |
a.btn__run-demo {
|
index.html
CHANGED
@@ -18,8 +18,8 @@
|
|
18 |
<p class="text-muted tagline">Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the
|
19 |
page</p>
|
20 |
|
21 |
-
<a id="animated-tour" href="javascript:void(0)" class="btn btn__example btn__dark
|
22 |
-
<a id="boring-tour" href="javascript:void(0)" class="btn btn__example btn__dark
|
23 |
|
24 |
<div class="github-button top-30">
|
25 |
<!-- Place this tag where you want the button to render. -->
|
|
|
18 |
<p class="text-muted tagline">Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the
|
19 |
page</p>
|
20 |
|
21 |
+
<a id="animated-tour" href="javascript:void(0)" class="btn btn__example btn__dark">With Animation</a>
|
22 |
+
<a id="boring-tour" href="javascript:void(0)" class="btn btn__example btn__dark">without Animation</a>
|
23 |
|
24 |
<div class="github-button top-30">
|
25 |
<!-- Place this tag where you want the button to render. -->
|