partystreusel 1.1.1 → 1.2.0

data/styleguide/source/stylesheets/partystreusel/small/modules/_switch.sass

@@ -0,0 +1,70 @@
+$switch-width: rem(54)
+$switch-height: rem(30)
+$switch-inner-space: rem(4)
+
+$switch-radius: $switch-height
+$switch-knob-size: $switch-height - ($switch-inner-space * 2)
+
+.switch
+  display: inline-block
+  position: relative
+  margin-bottom: rem(18)
+  cursor: pointer
+  height: $switch-height
+  width: $switch-width
+  +user-select(none)
+  -webkit-tap-highlight-color: rgba(0,0,0,0)
+
+  input
+    display: none
+
+    + label
+      display: block
+      position: relative
+      height: $switch-height
+      width: 100%
+      cursor: pointer
+      background: $grey
+      border-radius: $switch-radius
+      +transition(all .15s ease-out)
+      +transform( translate3d(0, 0, 0) )
+      +hide-text
+
+      &:after
+        content: ""
+        display: block
+        background: $white
+        position: absolute
+        top: $switch-inner-space
+        left: $switch-inner-space
+        width: $switch-knob-size
+        height: $switch-knob-size
+        border-radius: $switch-radius
+        +transition(all .15s ease-out)
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.switch:hover
+  label
+    background: $grey-dark
+
+.switch
+  input:checked
+
+    + label
+      background: $primary-color
+
+      &:after
+        left: $switch-width - $switch-knob-size - ($switch-inner-space)
+
+// ----------------------------------------------------------
+// IE8 Fallback
+// ----------------------------------------------------------
+.lt-ie9
+  .switch
+    input
+      display: block
+
+      + label
+        display: none

data/styleguide/source/stylesheets/partystreusel/small/modules/_tab.sass

@@ -0,0 +1,39 @@
+$tab-space: rem(12)
+.tab__nav
+  +clearfix
+  display: block
+  list-style: none
+  padding: 0 $tab-space $tab-space $tab-space
+  margin: $tab-space 0 $tab-space*2
+  background-color: $secondary-color
+
+.tab__nav-item
+  display: block
+  float: left
+  margin: $tab-space $tab-space 0 0
+
+  &:last-child
+    margin-right: 0
+
+  a
+    display: block
+    background-color: $grey-light
+    color: $grey-dark
+    padding: $tab-space
+
+    &:hover
+      color: $tertiary-color
+
+.tab__panel
+  display: none
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.tab__nav-item--active
+  a
+    background-color: $white
+    color: $primary-color
+
+.tab__panel--active
+  display: block

data/styleguide/source/stylesheets/partystreusel/small/modules/_table.sass

@@ -0,0 +1,43 @@
+$table-space: rem(8)
+
+.sc-table
+  margin: rem(24) 0
+  overflow-x: scroll
+  -webkit-overflow-scrolling: touch
+
+table
+  width: 100%
+
+thead
+  color: $white
+  text-align: left
+
+  th
+    background-color: $primary-color
+
+    &:first-of-type
+      border-radius: $table-space*2 0 0 0
+    &:last-of-type
+      border-radius: 0 $table-space*2 0 0
+
+tbody
+  tr
+    background-color: $secondary-color
+    +transition( all .1s linear )
+
+    &:nth-child(odd)
+      background-color: $grey-light
+      color: $grey-dark
+
+    &:hover
+      background-color: $white
+      color: $body-font-color
+
+td,
+th
+  min-width: rem(100)
+  padding: $table-space $table-space $table-space $table-space
+  border-right: rem(2) solid $grey-dark
+
+  &:last-child
+    border-right: 0

data/styleguide/source/stylesheets/partystreusel/small/modules/_teaser--assets.sass

@@ -0,0 +1,57 @@
+.teaser--assets
+  .teaser__container
+    +display(flex)
+    +flex-direction(row)
+    +flex-wrap(wrap)
+
+  .teaser__item
+    +display(flex)
+    +span-columns(6)
+    +flex(0 1 auto)
+    +omega(2n)
+
+  .teaser__img
+    position: relative
+    margin-bottom: space(.5)
+    overflow: hidden
+
+    img
+      display: block
+
+  .teaser__content
+    display: block
+    width: 100%
+    position: absolute
+    bottom: 0
+    margin-bottom: 0
+    padding: space(1)
+    font-size: rem(16)
+    background-color: rgba($white, 0.5)
+    +transform(translate3d(0,100%,0))
+    +transition(transform 0.35s)
+
+  .teaser__btn
+    display: block
+    margin: 0
+    font: 0/0 a
+    text-shadow: none
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.teaser--assets
+  .teaser__link:hover
+    .teaser__content
+      +transform(translate3d(0,0,0))
+
+// ----------------------------------------------------------
+// NO CSS TRANSFORM Fallback
+// ----------------------------------------------------------
+.no-csstransforms3d
+  .teaser--assets
+    .teaser__content
+      display: none
+
+    .teaser__link:hover
+      .teaser__content
+        display: block

data/styleguide/source/stylesheets/partystreusel/small/modules/_teaser--card.sass

@@ -0,0 +1,18 @@
+.teaser--card
+
+  .teaser__container
+    +display(flex)
+    +flex-direction(row)
+    +flex-wrap(wrap)
+
+  .teaser__item
+    position: relative
+    +display(flex)
+    +span-columns(6)
+    +flex(0 1 auto)
+    +omega(2n)
+
+  .teaser__link--secondary
+    position: absolute
+    bottom: 0
+    right: space(1)

data/styleguide/source/stylesheets/partystreusel/small/modules/_teaser--list.sass

@@ -0,0 +1,20 @@
+.teaser--list
+
+  .teaser__img,
+  .teaser__content
+    display: table-cell
+    vertical-align: top
+
+  .teaser__img
+    width: 25%
+    margin-right: space(1)
+    margin-bottom: 0
+
+    img
+      width: 100%
+      display: block
+
+  .teaser__content
+    padding: space(1) space(1) 0 space(1)
+    overflow: hidden
+

data/styleguide/source/stylesheets/partystreusel/small/modules/_teaser.sass

@@ -0,0 +1,50 @@
+.teaser
+  +outer-container
+  background-color: $grey-light
+  padding: space(1) space(1) 0
+
+.teaser__item
+  margin: 0 0 space(1) 0
+  background-color: $white
+  box-shadow: mix($grey, white, 60%) rem(2) rem(2) rem(3) 0
+
+.teaser__content
+  padding: 0 space(1)
+
+  h3,
+  p
+    margin: 0
+
+  p
+    font-size: $paragraph-font-size
+    font-weight: 200
+
+  .teaser__btn
+    padding-left: 0
+    text-align: left
+
+.teaser__subtitle
+  margin-bottom: space(.5)
+  color: $grey-dark
+
+.teaser__link
+  display: block
+  color: currentColor
+
+.teaser__img
+  width: 100%
+  height: auto
+  margin-bottom: space(.5)
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.teaser__item:hover
+  box-shadow: none
+
+  .teaser__link
+    color: currentColor
+
+  .teaser__img
+    opacity: .8
+

data/styleguide/source/stylesheets/partystreusel/small/modules/_topbar.sass

@@ -0,0 +1,80 @@
+$topbar-border: rem(1) solid $grey
+
+.topbar__mobile-menu
+  display: block
+  padding: 0 rem(12)
+  background-color: $grey-light
+  border-bottom: $topbar-border
+  color: $grey-dark
+  text-align: right
+
+  button
+    border: 0
+    background-color: $grey-light
+    position: relative
+    color: $body-font-color
+    padding: rem(7) 0 rem(6) rem(6)
+    outline: none
+
+    &:hover
+      color: $grey-dark
+
+.topbar__list,
+.topbar__sub-list
+  display: none
+  list-style: none
+  padding: 0
+  margin: 0
+
+.topbar__item
+  display: block
+  background-color: $grey-light
+
+  a
+    display: block
+    padding: rem(12)
+    border-bottom: $topbar-border
+
+  > a
+    color: $grey-dark
+
+  &:hover
+    background-color: $white
+    +transition( all .1s linear )
+
+    > a
+      color: $body-font-color
+
+.topbar__sub-list
+  padding: 0
+
+.topbar__sub-item
+  display: block
+
+  > a
+    padding-left: rem(30)
+    background-color: $white
+    border-color: $white
+    color: $grey-dark
+
+    &:hover
+      color: $body-font-color
+
+// ----------------------------------------------------------
+// STATES
+// ----------------------------------------------------------
+.topbar__item--active,
+.topbar__item--active:hover
+  > a
+    background-color: $grey-light
+    color: $primary-color
+
+    &:hover
+      background-color: $white
+
+.topbar--open
+  .topbar__list
+    display: block
+
+.topbar__sub-list--open
+  display: block

data/styleguide/source/stylesheets/partystreusel/small/modules/_two_column.sass

@@ -0,0 +1,2 @@
+.two-column
+  +outer-container

data/styleguide/source/stylesheets/partystreusel/xlarge/modules/_teaser_assets.sass

@@ -0,0 +1,9 @@
+.teaser--assets
+
+  .teaser__item
+    &:nth-child(4n)
+      margin-right: +flex-gutter()
+
+  .teaser__item
+    +span-columns(2)
+    +omega(6n)

data/styleguide/source/stylesheets/partystreusel/xlarge/modules/_teaser_card.sass

@@ -0,0 +1,8 @@
+.teaser--card
+  .teaser__item
+    &:nth-of-type(3n)
+      margin-right: +flex-gutter()
+
+  .teaser__item
+    +span-columns(3)
+    +omega(4n)

metadata

@@ -1,46 +1,27 @@
 --- !ruby/object:Gem::Specification
 name: partystreusel
 version: !ruby/object:Gem::Version
-  version: 1.1.1
-  prerelease: 
+  version: 1.2.0
 platform: ruby
 authors:
 - Flavio Pellanda
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-12 00:00:00.000000000 Z
+date: 2015-04-20 00:00:00.000000000 Z
 dependencies:
-- !ruby/object:Gem::Dependency
-  name: railties
-  requirement: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    none: false
-    requirements:
-    - - ! '>='
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: i18n-js
   requirement: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
-    none: false
     requirements:
-    - - ! '>='
+    - - '>='
       - !ruby/object:Gem::Version
         version: '0'
 description: Contains sliders, accordions, expandable contents and any other component
@@ -55,10 +36,24 @@ files:
 - .ruby-version
 - .travis.yml
 - CHANGELOG.md
-- Gemfile
-- Guardfile
+- Gruntfile.coffee
 - README.md
 - Rakefile
+- app/assets/images/icons/icon-sprite.svg
+- app/assets/images/icons/png/arrow-left.png
+- app/assets/images/icons/png/arrow-right.png
+- app/assets/images/icons/png/close.png
+- app/assets/images/icons/png/download.png
+- app/assets/images/icons/png/folder.png
+- app/assets/images/icons/png/menu.png
+- app/assets/images/icons/png/search.png
+- app/assets/images/icons/source/arrow-left.svg
+- app/assets/images/icons/source/arrow-right.svg
+- app/assets/images/icons/source/close.svg
+- app/assets/images/icons/source/download.svg
+- app/assets/images/icons/source/folder.svg
+- app/assets/images/icons/source/menu.svg
+- app/assets/images/icons/source/search.svg
 - app/assets/javascripts/partystreusel.js.coffee
 - app/assets/javascripts/partystreusel/accordion.js.coffee
 - app/assets/javascripts/partystreusel/all.js.coffee
@@ -74,11 +69,19 @@ files:
 - app/assets/javascripts/partystreusel/topbar.js.coffee
 - app/assets/javascripts/partystreusel/translations.js.coffee
 - app/assets/stylesheets/partystreusel.css.sass
-- config.ru
+- app/controllers/partystreusel/styleguide_controller.rb
+- config/routes.rb
+- jasmine/Gemfile
+- jasmine/Guardfile
+- jasmine/config.ru
+- lib/generators/partystreusel/styleguide_generator.rb
 - lib/partystreusel.rb
+- lib/partystreusel/engine.rb
 - lib/partystreusel/helpers.rb
+- lib/partystreusel/helpers/icon_helper.rb
 - lib/partystreusel/helpers/readmore_helper.rb
 - lib/partystreusel/version.rb
+- package.json
 - partystreusel.gemspec
 - spec/javascripts/helpers/.gitkeep
 - spec/javascripts/helpers/jasmine-fixture.js
@@ -93,37 +96,144 @@ files:
 - spec/javascripts/spec.css
 - spec/javascripts/spec.js.coffee
 - spec/javascripts/support/jasmine_helper.rb
+- styleguide/Gemfile
+- styleguide/config.rb
+- styleguide/source/index.html.haml
+- styleguide/source/javascripts/application.js.coffee
+- styleguide/source/javascripts/modernizr.js
+- styleguide/source/javascripts/views/_initializer.js.coffee
+- styleguide/source/layouts/_favicons.html.haml
+- styleguide/source/layouts/_icons.html.erb
+- styleguide/source/layouts/_typekit.html.haml
+- styleguide/source/layouts/application.html.haml
+- styleguide/source/partials/_footer.html.haml
+- styleguide/source/partials/_google_analytics.html.erb
+- styleguide/source/partials/_header.html.haml
+- styleguide/source/partials/_offcanvas.html.haml
+- styleguide/source/partials/_offcanvas_nav.html.haml
+- styleguide/source/styleguide/_styleguide_nav.html.haml
+- styleguide/source/styleguide/accordion.html.haml
+- styleguide/source/styleguide/breadcrumb.html.haml
+- styleguide/source/styleguide/buttons.html.haml
+- styleguide/source/styleguide/content.html.haml
+- styleguide/source/styleguide/dropdowns.html.haml
+- styleguide/source/styleguide/embeds.html.haml
+- styleguide/source/styleguide/form.html.haml
+- styleguide/source/styleguide/iconbar.html.haml
+- styleguide/source/styleguide/icons.html.haml
+- styleguide/source/styleguide/image.html.haml
+- styleguide/source/styleguide/index.html.haml
+- styleguide/source/styleguide/linklist.html.haml
+- styleguide/source/styleguide/options.html.haml
+- styleguide/source/styleguide/readmore.html.haml
+- styleguide/source/styleguide/slider.html.haml
+- styleguide/source/styleguide/switches.html.haml
+- styleguide/source/styleguide/tab.html.haml
+- styleguide/source/styleguide/table.html.haml
+- styleguide/source/styleguide/teaser.html.haml
+- styleguide/source/styleguide/teaser_assets.html.haml
+- styleguide/source/styleguide/teaser_card.html.haml
+- styleguide/source/styleguide/teaser_list.html.haml
+- styleguide/source/styleguide/topbar.html.haml
+- styleguide/source/styleguide/two_column.html.haml
+- styleguide/source/styleguide/typo.html.haml
+- styleguide/source/stylesheets/fallbacks/grunticon.loader.js
+- styleguide/source/stylesheets/partystreusel/_helpers.sass
+- styleguide/source/stylesheets/partystreusel/_mixins.sass
+- styleguide/source/stylesheets/partystreusel/_settings.sass
+- styleguide/source/stylesheets/partystreusel/_styleguide.sass
+- styleguide/source/stylesheets/partystreusel/all.css
+- styleguide/source/stylesheets/partystreusel/application.css.sass
+- styleguide/source/stylesheets/partystreusel/fallbacks/_icons_preview_template.hbs
+- styleguide/source/stylesheets/partystreusel/fallbacks/_icons_stylesheet_template.hbs
+- styleguide/source/stylesheets/partystreusel/fallbacks/icons.data.png.css
+- styleguide/source/stylesheets/partystreusel/fallbacks/icons.data.svg.css
+- styleguide/source/stylesheets/partystreusel/fallbacks/icons.fallback.css.scss
+- styleguide/source/stylesheets/partystreusel/ie8.css.sass
+- styleguide/source/stylesheets/partystreusel/large/_layout.sass
+- styleguide/source/stylesheets/partystreusel/large/_states.sass
+- styleguide/source/stylesheets/partystreusel/large/_typo.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_accordion.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_breadcrumb.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_content.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_form.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_image.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_links.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_readmore.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_slider.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_tab.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_teaser--assets.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_teaser--card.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_teaser--list.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_teaser.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_topbar.sass
+- styleguide/source/stylesheets/partystreusel/large/modules/_two_column.sass
+- styleguide/source/stylesheets/partystreusel/medium/_typo.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_content.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_form.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_iconbar.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_links.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_teaser--assets.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_teaser--card.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_teaser--list.sass
+- styleguide/source/stylesheets/partystreusel/medium/modules/_teaser.sass
+- styleguide/source/stylesheets/partystreusel/normalize.css
+- styleguide/source/stylesheets/partystreusel/partystreusel.css.sass
+- styleguide/source/stylesheets/partystreusel/small/_layout.sass
+- styleguide/source/stylesheets/partystreusel/small/_states.sass
+- styleguide/source/stylesheets/partystreusel/small/_typo.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_accordion.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_breadcrumb.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_button.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_content.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_dropdown.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_embeds.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_form.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_grid.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_iconbar.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_icons.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_image.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_links.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_offcanvas.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_offcanvas_nav.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_options.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_readmore.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_slider.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_switch.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_tab.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_table.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_teaser--assets.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_teaser--card.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_teaser--list.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_teaser.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_topbar.sass
+- styleguide/source/stylesheets/partystreusel/small/modules/_two_column.sass
+- styleguide/source/stylesheets/partystreusel/xlarge/modules/_teaser_assets.sass
+- styleguide/source/stylesheets/partystreusel/xlarge/modules/_teaser_card.sass
 - vendor/assets/javascripts/jquery.cycle2.js
 - vendor/assets/javascripts/jquery.cycle2.swipe.js
 homepage: http://www.screenconcept.ch
 licenses: []
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
-      segments:
-      - 0
-      hash: 8148936645550381
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
-      segments:
-      - 0
-      hash: 8148936645550381
 requirements: []
 rubyforge_project: partystreusel
-rubygems_version: 1.8.23
+rubygems_version: 2.0.14
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: A collection uf reusable javascript components by Screen Concept
 test_files:
 - spec/javascripts/helpers/.gitkeep