Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
Fixing issue with first and last cells in grid
  • Loading branch information
benplum committed Jan 25, 2018
1 parent 0a866b7 commit 0e89e0b
Show file tree
Hide file tree
Showing 127 changed files with 260 additions and 226 deletions.
7 changes: 7 additions & 0 deletions CHANGELOG.md
Expand Up @@ -2,6 +2,13 @@

<!-- -->

### 1.4.3

* Fixed issue with 'autoAdvanced' in Carousel
* Fixed issue with 'first' and 'last' cells in Grid
* Fixed issue with image URL detection in Lightbox
* Renamed 'mobile' to 'overlay' in Lightbox

### 1.4.2

* Fixed issue with 'paged' counts in Carousel
Expand Down
2 changes: 1 addition & 1 deletion demo/_src/pages/components/analytics.md
@@ -1,4 +1,4 @@
{"template":"component.html","title":"Analytics","demo":"[No Demo]\r\n\r\n<!--\r\n<style>\r\n body { position: relative; }\r\n\r\n .mark { border-bottom: 5px solid red; color: black; position: absolute; right: 0; text-align: right; width: 100px; }\r\n .mark:before { background: red; bottom: 0; content: ''; display: block; height: 50px; opacity: 0.5; position: absolute; width: 100%; }\r\n .mark_20 { bottom: 20%; }\r\n .mark_40 { bottom: 40%; }\r\n .mark_60 { bottom: 60%; }\r\n .mark_80 { bottom: 80%; }\r\n .mark_100 { bottom: 100%; }\r\n\r\n .padded { height: 2000px; }\r\n</style>\r\n\r\n<div class=\"mark mark_20\"></div>\r\n<div class=\"mark mark_40\"></div>\r\n<div class=\"mark mark_60\"></div>\r\n<div class=\"mark mark_80\"></div>\r\n<div class=\"mark mark_100\"></div>\r\n\r\n<div class=\"padded\"></div>\r\n-->\n","asset_root":"../","year":2017}
{"template":"component.html","title":"Analytics","demo":"[No Demo]\r\n\r\n<!--\r\n<style>\r\n body { position: relative; }\r\n\r\n .mark { border-bottom: 5px solid red; color: black; position: absolute; right: 0; text-align: right; width: 100px; }\r\n .mark:before { background: red; bottom: 0; content: ''; display: block; height: 50px; opacity: 0.5; position: absolute; width: 100%; }\r\n .mark_20 { bottom: 20%; }\r\n .mark_40 { bottom: 40%; }\r\n .mark_60 { bottom: 60%; }\r\n .mark_80 { bottom: 80%; }\r\n .mark_100 { bottom: 100%; }\r\n\r\n .padded { height: 2000px; }\r\n</style>\r\n\r\n<div class=\"mark mark_20\"></div>\r\n<div class=\"mark mark_40\"></div>\r\n<div class=\"mark mark_60\"></div>\r\n<div class=\"mark mark_80\"></div>\r\n<div class=\"mark mark_100\"></div>\r\n\r\n<div class=\"padded\"></div>\r\n-->\n","asset_root":"../","year":2018}

#Analytics Demo
<p class="back_link"><a href="https://formstone.it/components/analytics">View Documentation</a></p>
2 changes: 1 addition & 1 deletion demo/_src/pages/components/asap.md
@@ -1,4 +1,4 @@
{"template":"component.html","title":"ASAP","demo":"<p>Redirecting to demo...</p>\r\n<script>\r\n window.location.href = \"https://formstone.it/demo/_extra/asap/index.php\";\r\n</script>","asset_root":"../","year":2017}
{"template":"component.html","title":"ASAP","demo":"<p>Redirecting to demo...</p>\r\n<script>\r\n window.location.href = \"https://formstone.it/demo/_extra/asap/index.php\";\r\n</script>","asset_root":"../","year":2018}

#ASAP Demo
<p class="back_link"><a href="https://formstone.it/components/asap">View Documentation</a></p>
2 changes: 1 addition & 1 deletion demo/_src/pages/components/background.md
@@ -1,4 +1,4 @@
{"template":"component.html","title":"Background","demo":"<h3>Basic</h3>\r\n\r\n<!-- START: FIRSTDEMO -->\r\n\r\n<style>\r\n .background {\r\n width: 100%;\r\n\r\n background: #CFD8DC;\r\n margin: 0 0 20px;\r\n padding-top: 50%;\r\n }\r\n</style>\r\n\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":\"https://spacehold.it/1600x900/1.jpg\",\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: \"http://example.com/image.jpg\"\r\n});</code></pre>\r\n </div>\r\n</div>\r\n\r\n<!-- END: FIRSTDEMO -->\r\n\r\n<h3>Responsive</h3>\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":{\"0px\":\"https://spacehold.it/800x450/2.jpg\",\"980px\":\"https://spacehold.it/1600x900/2.jpg\"},\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: {\r\n \"0px\": \"http://example.com/image-small.jpg\",\r\n \"980px\": \"http://example.com/image-large.jpg\"\r\n }\r\n});</code></pre>\r\n </div>\r\n</div>\r\n\r\n<h3>Video</h3>\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":{\"webm\":\"https://spacehold.it/video/video.webm\",\"mp4\":\"https://spacehold.it/video/video.mp4\",\"ogg\":\"https://spacehold.it/video/video.ogv\",\"poster\":\"https://spacehold.it/video/poster.jpg\"},\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: {\r\n poster: \"http://example.com/poster.jpg\",\r\n webm: \"http://example.com/video.webm\",\r\n mp4: \"http://example.com/video.mp4\",\r\n ogg: \"http://example.com/video.ogv\"\r\n }\r\n});</code></pre>\r\n </div>\r\n</div>\r\n\r\n<!-- <h3>YouTube</h3>\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":{\"autoPlay\":true,\"video\":\"//youtu.be/LlQ8dhdSjWs\"},\"youtubeOptions\":{\"start\":60},\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: {\r\n poster: \"http://example.com/poster.jpg\",\r\n video: \"//www.youtube.com/embed/VIDEO_ID\"\r\n }\r\n});</code></pre>\r\n </div>\r\n</div> -->\n\r\n<h4>Lazy Load</h4>\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":\"https://spacehold.it/1600x900/3.jpg\",\"lazy\":true,\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n lazy: true,\r\n source: \"http://example.com/image.jpg\"\r\n});</code></pre>\r\n </div>\r\n</div>\r\n","asset_root":"../","year":2017}
{"template":"component.html","title":"Background","demo":"<h3>Basic</h3>\r\n\r\n<!-- START: FIRSTDEMO -->\r\n\r\n<style>\r\n .background {\r\n width: 100%;\r\n\r\n background: #CFD8DC;\r\n margin: 0 0 20px;\r\n padding-top: 50%;\r\n }\r\n</style>\r\n\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":\"https://spacehold.it/1600x900/1.jpg\",\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: \"http://example.com/image.jpg\"\r\n});</code></pre>\r\n </div>\r\n</div>\r\n\r\n<!-- END: FIRSTDEMO -->\r\n\r\n<h3>Responsive</h3>\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":{\"0px\":\"https://spacehold.it/800x450/2.jpg\",\"980px\":\"https://spacehold.it/1600x900/2.jpg\"},\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: {\r\n \"0px\": \"http://example.com/image-small.jpg\",\r\n \"980px\": \"http://example.com/image-large.jpg\"\r\n }\r\n});</code></pre>\r\n </div>\r\n</div>\r\n\r\n<h3>Video</h3>\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":{\"webm\":\"https://spacehold.it/video/video.webm\",\"mp4\":\"https://spacehold.it/video/video.mp4\",\"ogg\":\"https://spacehold.it/video/video.ogv\",\"poster\":\"https://spacehold.it/video/poster.jpg\"},\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: {\r\n poster: \"http://example.com/poster.jpg\",\r\n webm: \"http://example.com/video.webm\",\r\n mp4: \"http://example.com/video.mp4\",\r\n ogg: \"http://example.com/video.ogv\"\r\n }\r\n});</code></pre>\r\n </div>\r\n</div>\r\n\r\n<!-- <h3>YouTube</h3>\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":{\"autoPlay\":true,\"video\":\"//youtu.be/LlQ8dhdSjWs\"},\"youtubeOptions\":{\"start\":60},\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n source: {\r\n poster: \"http://example.com/poster.jpg\",\r\n video: \"//www.youtube.com/embed/VIDEO_ID\"\r\n }\r\n});</code></pre>\r\n </div>\r\n</div> -->\n\r\n<h4>Lazy Load</h4>\r\n<div class=\"demo_container\">\r\n <div class=\"demo_example\">\r\n <div class=\"background js-background\" data-background-options='{\"source\":\"https://spacehold.it/1600x900/3.jpg\",\"lazy\":true,\"alt\":\"Background Image\"}'></div>\r\n </div>\r\n <div class=\"demo_code\">\r\n <pre><code class=\"language-html\">&lt;div class=\"background\"&gt;&lt;/div&gt;</code></pre>\r\n <pre><code class=\"language-javascript\">$(\".background\").background({\r\n lazy: true,\r\n source: \"http://example.com/image.jpg\"\r\n});</code></pre>\r\n </div>\r\n</div>\r\n","asset_root":"../","year":2018}

#Background Demo
<p class="back_link"><a href="https://formstone.it/components/background">View Documentation</a></p>
2 changes: 1 addition & 1 deletion demo/_src/pages/components/carousel.md

Large diffs are not rendered by default.

0 comments on commit 0e89e0b

Please sign in to comment.