Skip to content

Commit ea31beb

Browse files
mzabriskiemzabriskie
committed
Using shared stylesheet
1 parent 8e01b27 commit ea31beb

5 files changed

Lines changed: 29 additions & 24 deletions

File tree

‎examples/basic/app.css‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
body {
2-
font-family: "Helvetica Neue", Arial;
3-
font-weight: 200;
4-
background: #ccc;
5-
}
6-
71
.ReactModal__Overlay {
82
-webkit-perspective: 600;
93
perspective: 600;
@@ -32,4 +26,3 @@ body {
3226
-webkit-transform: scale(0.5) rotateX(30deg);
3327
transition: all 150ms ease-in;
3428
}
35-

‎examples/basic/index.html‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,14 @@
11
<!doctype html public "embarassment">
22
<title>Basic Example</title>
33
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
4-
<link href="app.css" rel="stylesheet"/>
4+
<link rel="stylesheet" href="http://instructure-react.github.io/library/shared.css"/>
5+
<link rel="stylesheet" href="app.css"/>
56
<body>
6-
<div id="example"></div>
7-
<script src="../__build__/shared.js"></script>
8-
<script src="../__build__/basic.js"></script>
7+
<header class="branding padbox">
8+
<h1>react-modal</h1>
9+
<h2>an accessible React modal dialog component</h2>
10+
</header>
11+
<div id="example" class="padbox"></div>
12+
<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>
13+
<script src="../__build__/shared.js"></script>
14+
<script src="../__build__/basic.js"></script>

‎examples/bootstrap/app.css‎

Lines changed: 1 addition & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,3 @@
1-
body {
2-
font-family: "Helvetica Neue", Arial;
3-
font-weight: 200;
4-
background: #ccc;
5-
}
6-
71
.ReactModal__Overlay {
82
-webkit-perspective: 600;
93
perspective: 600;
@@ -39,4 +33,4 @@ body {
3933
.ReactModal__Content.modal-dialog {
4034
border: none;
4135
background-color: transparent;
42-
}
36+
}

‎examples/bootstrap/index.html‎

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,14 @@
22
<title>Bootstrap-Style Example</title>
33
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
44
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
5-
<link href="app.css" rel="stylesheet"/>
5+
<link rel="stylesheet" href="http://instructure-react.github.io/library/shared.css"/>
6+
<link rel="stylesheet" href="app.css"/>
67
<body>
7-
<div id="example"></div>
8-
<script src="../__build__/shared.js"></script>
9-
<script src="../__build__/bootstrap.js"></script>
8+
<header class="branding padbox">
9+
<h1>react-modal</h1>
10+
<h2>an accessible React modal dialog component</h2>
11+
</header>
12+
<div id="example" class="padbox"></div>
13+
<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>
14+
<script src="../__build__/shared.js"></script>
15+
<script src="../__build__/bootstrap.js"></script>

‎examples/index.html‎

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,14 @@
11
<!doctype html public "embarassment">
22
<title>Basic Example</title>
33
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
4-
<link href="basic/app.css" rel="stylesheet"/>
4+
<link rel="stylesheet" href="http://instructure-react.github.io/library/shared.css"/>
5+
<link rel="stylesheet" href="basic/app.css"/>
56
<body>
6-
<div id="example"></div>
7+
<header class="branding padbox">
8+
<h1>react-modal</h1>
9+
<h2>an accessible React modal dialog component</h2>
10+
</header>
11+
<div id="example" class="padbox"></div>
12+
<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>
713
<script src="__build__/shared.js"></script>
814
<script src="__build__/basic.js"></script>

0 commit comments

Comments
 (0)