remove unused styles

curology · Aug 18, 2016 · ac5bd46 · ac5bd46
1 parent 8090a6c
commit ac5bd46
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 51 deletions.
diff --git a/examples/dist/app.js b/examples/dist/app.js
diff --git a/examples/dist/bundle.js b/examples/dist/bundle.js
diff --git a/examples/dist/standalone.js b/examples/dist/standalone.js
@@ -2274,22 +2274,6 @@ var _Arrow = require('./Arrow');
 var _Arrow2 = _interopRequireDefault(_Arrow);
 
 var classes = _aphroditeNoImportant.StyleSheet.create({
-  thumbnail: {
-    display: 'inline-block',
-    margin: 2,
-    overflow: 'hidden',
-    borderRadius: 2,
-    cursor: 'pointer',
-    width: _theme2['default'].thumbnails.size,
-    height: _theme2['default'].thumbnails.size,
-    backgroundPosition: 'center',
-    backgroundSize: 'cover',
-    boxShadow: 'inset 0 0 0 1px hsla(0,0%,100%,.2)'
-  },
-  active: {
-    boxShadow: 'inset 0 0 0 2px #fff'
-  },
-
   paginatedThumbnails: {
     position: 'absolute',
     bottom: 0,

diff --git a/examples/src/app.js b/examples/src/app.js
@@ -34,6 +34,9 @@ render(
 		<h3>Paginated version</h3>
 		<p style={{ marginBottom: 40 }}>The <code>thumbnails</code> prop can actually take a component as value<br /><code>{"thumbnails={Lightbox.Lightbox.PaginatedThumbnails}"}</code></p>
 		<Gallery images={IMAGE_MAP} thumbnails={Lightbox.PaginatedThumbnails} />
+		<p style={{ marginBottom: 20 }}>Note : PaginatedThumbnails has an offset prop to change the number of thumbnails to show around the current one.<br />
+		<code>{"<Lightbox thumbnails={(props) => <PaginatedThumbnails {...props} offset={5} />} />"}</code>
+		</p>
 	</div>,
 	document.getElementById('example')
 );
diff --git a/src/PaginatedThumbnails.js b/src/PaginatedThumbnails.js
@@ -6,22 +6,6 @@ import { Thumbnail } from './Thumbnails'
 import Arrow from './Arrow'
 
 const classes = StyleSheet.create({
-	thumbnail: {
-    display: 'inline-block',
-    margin: 2,
-    overflow: 'hidden',
-    borderRadius: 2,
-    cursor: 'pointer',
-    width: theme.thumbnails.size, 
-    height: theme.thumbnails.size,
-    backgroundPosition: 'center',
-    backgroundSize: 'cover',
-    boxShadow: 'inset 0 0 0 1px hsla(0,0%,100%,.2)'
-	},
-  active: {
-    boxShadow: 'inset 0 0 0 2px #fff'
-  },
-
 	paginatedThumbnails: {
     position: 'absolute',
     bottom: 0,