Using shared stylesheet

reactjs · Dec 29, 2014 · ea31beb · ea31beb
1 parent 8e01b27
commit ea31beb
Show file tree

Hide file tree

Showing 5 changed files with 29 additions and 24 deletions.
diff --git a/examples/basic/app.css b/examples/basic/app.css
@@ -1,9 +1,3 @@
-body {
-  font-family: "Helvetica Neue", Arial;
-  font-weight: 200;
-  background: #ccc;
-}
-
 .ReactModal__Overlay {
   -webkit-perspective: 600;
   perspective: 600;
@@ -32,4 +26,3 @@ body {
   -webkit-transform: scale(0.5) rotateX(30deg);
   transition: all 150ms ease-in;
 }
-
diff --git a/examples/basic/index.html b/examples/basic/index.html
@@ -1,8 +1,14 @@
 <!doctype html public "embarassment">
 <title>Basic Example</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<link href="app.css" rel="stylesheet"/>
+<link rel="stylesheet" href="http://instructure-react.github.io/library/shared.css"/>
+<link rel="stylesheet" href="app.css"/>
 <body>
-<div id="example"></div>
-<script src="../__build__/shared.js"></script>
-<script src="../__build__/basic.js"></script>
+  <header class="branding padbox">
+    <h1>react-modal</h1>
+    <h2>an accessible React modal dialog component</h2>
+  </header>
+  <div id="example" class="padbox"></div>
+  <a target="_top" href="https://github.com/rackt/react-modal"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github-camo.global.ssl.fastly.net/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
+  <script src="../__build__/shared.js"></script>
+  <script src="../__build__/basic.js"></script>
diff --git a/examples/bootstrap/app.css b/examples/bootstrap/app.css
@@ -1,9 +1,3 @@
-body {
-  font-family: "Helvetica Neue", Arial;
-  font-weight: 200;
-  background: #ccc;
-}
-
 .ReactModal__Overlay {
   -webkit-perspective: 600;
   perspective: 600;
@@ -39,4 +33,4 @@ body {
 .ReactModal__Content.modal-dialog {
   border: none;
   background-color: transparent;
-}
+}
diff --git a/examples/bootstrap/index.html b/examples/bootstrap/index.html
@@ -2,8 +2,14 @@
 <title>Bootstrap-Style Example</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
-<link href="app.css" rel="stylesheet"/>
+<link rel="stylesheet" href="http://instructure-react.github.io/library/shared.css"/>
+<link rel="stylesheet" href="app.css"/>
 <body>
-<div id="example"></div>
-<script src="../__build__/shared.js"></script>
-<script src="../__build__/bootstrap.js"></script>
+  <header class="branding padbox">
+    <h1>react-modal</h1>
+    <h2>an accessible React modal dialog component</h2>
+  </header>
+  <div id="example" class="padbox"></div>
+  <a target="_top" href="https://github.com/rackt/react-modal"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github-camo.global.ssl.fastly.net/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
+  <script src="../__build__/shared.js"></script>
+  <script src="../__build__/bootstrap.js"></script>
diff --git a/examples/index.html b/examples/index.html
@@ -1,8 +1,14 @@
 <!doctype html public "embarassment">
 <title>Basic Example</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-<link href="basic/app.css" rel="stylesheet"/>
+<link rel="stylesheet" href="http://instructure-react.github.io/library/shared.css"/>
+<link rel="stylesheet" href="basic/app.css"/>
 <body>
-  <div id="example"></div>
+  <header class="branding padbox">
+    <h1>react-modal</h1>
+    <h2>an accessible React modal dialog component</h2>
+  </header>
+  <div id="example" class="padbox"></div>
+  <a target="_top" href="https://github.com/rackt/react-modal"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://github-camo.global.ssl.fastly.net/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
   <script src="__build__/shared.js"></script>
   <script src="__build__/basic.js"></script>