kamrify commited on
Commit
7fac605
·
1 Parent(s): f3126cc

Demo updates

Browse files
Files changed (2) hide show
  1. demo/styles/demo.scss +2 -12
  2. index.html +2 -2
demo/styles/demo.scss CHANGED
@@ -9,7 +9,7 @@ img.emoji {
9
  }
10
 
11
  .page-wrap {
12
- width: 725px;
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 btn-left">With Animation</a>
22
- <a id="boring-tour" href="javascript:void(0)" class="btn btn__example btn__dark btn-right">without Animation</a>
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. -->