railslider 0.0.1 → 0.1.0

data/vendor/assets/stylesheets/railslider.css.sass

@@ -0,0 +1,144 @@
+div.rs-container
+  width: 329px
+  height: 425px
+  margin: 0px auto 40px auto
+  .rs-controls
+    display: none
+    height: 40px
+    position: relative
+    & label
+      display: inline-block
+    & select, a
+      display: inline-block
+      border: 1px solid #999
+      padding: 5px 20px 5px 5px
+      font-size: 15px
+      color: #444
+      background: white
+      cursor: pointer
+      background: asset-data-url('arrow.png') no-repeat 100% 50%, linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%)
+      border-radius: 5px
+      font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif
+    & select:hover, a:hover
+      color: #000
+    & select:active
+      background: #e5e5e5
+      background: asset-data-url('arrow.png') no-repeat 100% 50%, linear-gradient(top, #e5e5e5 0%, white 100%)
+    & select:focus
+      outline: none
+    & a
+      float: right
+      padding: 5px 10px
+      font-weight: bold
+      color: #333
+      text-decoration: none
+      background: linear-gradient(top, white 0%, #f6f6f6 47%, #ededed 100%)
+      &:active
+        background: #e5e5e5
+        background: linear-gradient(top, #e5e5e5 0%, white 100%)
+      &.rs-prev
+        margin-right: 10px
+  .rs-wrapper
+    position: relative
+    width: 329px
+    height: 425px
+    -webkit-perspective: 1000px
+    perspective: 1000px
+    .rs-shadow
+      background: transparent asset-data-url('shadow.png') no-repeat center bottom
+      position: absolute
+      top: -15px
+      right: -15px
+      width: 373px
+      height: 470px
+  .rs-bullets
+    position: relative
+    top: 20px
+    margin: 0
+    padding: 0
+    text-align: center
+    li
+      display: inline
+      padding: 0
+      margin: 0px 2px
+      list-style: none
+    a
+      display: inline-block
+      height: 12px
+      width: 12px
+      text-indent: -9999px
+      background: #fff
+      border-radius: 50%
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.55) inset
+      z-index: 25
+      &.shown
+        background: #bd9b83
+  .rs-cover
+    .rs-animation-command
+      position: absolute
+      width: 22px
+      height: 22px
+      top: 25px
+      right: 25px
+      z-index: 10
+      text-indent: -9999px
+      border: 0 none
+      opacity: 0
+    &:hover .rs-pause
+      opacity: 1
+      border: 0 none
+      text-decoration: none
+      background: none
+      -webkit-animation: pause-button-in 1s linear
+      -animation: pause-button-in 1s linear
+    .rs-pause
+      &:after, &:before
+        position: absolute
+        display: block
+        content: " "
+        top: 0
+        width: 38%
+        height: 22px
+        background: rgba(255, 255, 255, 0.5)
+      &:after
+        right: 0
+      &:before
+        left: 0
+    .rs-play
+      width: 1px
+      height: 1px
+      border-top: 10px solid transparent
+      border-left: 20px solid rgba(255, 255, 255, 0.5)
+      border-bottom: 10px solid transparent
+      opacity: 1
+      text-decoration: none
+      background: none
+      -webkit-animation: play-button-in 0.5s linear
+      animation: play-button-in 0.5s linear
+      &:hover, &:focus
+        border-bottom: 10px solid transparent
+
+@-webkit-keyframes play-button-in
+  0%
+    opacity: 0
+  100%
+    opacity: 1
+
+@-webkit-keyframes pause-button-in
+  0%
+    opacity: 0
+  100%
+    opacity: 1
+
+@keyframes play-button-in
+  0%
+    opacity: 0
+  100%
+    opacity: 1
+
+@keyframes pause-button-in
+  0%
+    opacity: 0
+  100%
+    opacity: 1
+

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: railslider
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.1.0
 platform: ruby
 authors:
 - gotqn
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-06-07 00:00:00.000000000 Z
+date: 2014-06-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -38,7 +38,8 @@ dependencies:
     - - '>='
       - !ruby/object:Gem::Version
         version: '0'
-description: Do not download it - just reserving the name
+description: Introduces simple image slider for rails applications using CSS3 animations
+  for image transitions.
 email:
 - george_27@abv.bg
 executables: []
@@ -46,14 +47,34 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
+- .idea/encodings.xml
+- .idea/misc.xml
+- .idea/modules.xml
+- .idea/railslider.iml
+- .idea/scopes/scope_settings.xml
+- .idea/vcs.xml
 - Gemfile
 - LICENSE.txt
 - README.md
 - Rakefile
+- lib/generators/railslider_generator.rb
+- lib/generators/templates/railslider.rb
+- lib/generators/templates/transitions.css.sass.erb
 - lib/railslider.rb
+- lib/railslider/engine.rb
+- lib/railslider/image.rb
 - lib/railslider/version.rb
 - railslider.gemspec
-homepage: ''
+- vendor/assets/images/arrow.png
+- vendor/assets/images/demo/1.jpg
+- vendor/assets/images/demo/2.jpg
+- vendor/assets/images/demo/3.jpg
+- vendor/assets/images/demo/4.jpg
+- vendor/assets/images/demo/5.jpg
+- vendor/assets/images/shadow.png
+- vendor/assets/javascripts/railslider.js
+- vendor/assets/stylesheets/railslider.css.sass
+homepage: https://github.com/gotqn/railslider
 licenses:
 - MIT
 metadata: {}
@@ -76,5 +97,5 @@ rubyforge_project:
 rubygems_version: 2.0.3
 signing_key: 
 specification_version: 4
-summary: The first version will be released soon
+summary: The idea is inspired by [this great codedrops article] (http://tympanus.net/codrops/2011/12/19/experimental-css3-animations-for-image-transitions/).
 test_files: []