partystreusel 1.2.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +6 -0
- data/README.md +11 -0
- data/app/controllers/partystreusel/styleguide_controller.rb +4 -0
- data/config/routes.rb +3 -2
- data/lib/partystreusel/version.rb +1 -1
- data/partystreusel.gemspec +3 -3
- data/styleguide/source/layouts/application.html.haml +1 -2
- data/styleguide/source/layouts/partystreusel.html.haml +57 -0
- data/styleguide/source/stylesheets/partystreusel/_settings.sass +2 -2
- data/styleguide/source/stylesheets/partystreusel/application.css.sass +1 -1
- data/styleguide/source/stylesheets/partystreusel/medium/modules/_form.sass +1 -0
- data/styleguide/source/stylesheets/partystreusel/small/modules/_offcanvas.sass +16 -4
- metadata +6 -5
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 2b541a2383fb4ec409ec6c9e0478a6586817be80
|
|
4
|
+
data.tar.gz: 9f01ff467088ed9db1876daf40d4134502047e21
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 23ee1d68383d395e50e66f48f8bfd14fbde019c76b8126ff6159e3306cf904c31acce85217b0e9b3d28b20cd6ea85232816ff86be74111a3bf8d73e3b0f51e90
|
|
7
|
+
data.tar.gz: 8e957d55135fd0c493e21920d7f6afad1573636869edbb7892f66da53e50631c53a3130f44debc374f0745b2d7ec6aaa6aaf098a7809aab2354be197bd53c1d2
|
data/CHANGELOG.md
CHANGED
data/README.md
CHANGED
|
@@ -34,6 +34,17 @@ If you only want to initialize readmore for a part of the document:
|
|
|
34
34
|
|
|
35
35
|
Streusel.Readmore.init($('body article.loadedwithajax'))
|
|
36
36
|
|
|
37
|
+
### Partystreusel Generator
|
|
38
|
+
|
|
39
|
+
If you need to change the partystreusel views and/or stylesheets, run
|
|
40
|
+
the generator:
|
|
41
|
+
|
|
42
|
+
```
|
|
43
|
+
rails generate partystreusel:styleguide
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
This will copy the views and stylesheets into your rails app.
|
|
47
|
+
|
|
37
48
|
## JS <-> DOM
|
|
38
49
|
|
|
39
50
|
If you have the JS object use
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
module Partystreusel
|
|
2
|
+
class ApplicationController < ActionController::Base
|
|
3
|
+
|
|
4
|
+
end
|
|
2
5
|
class StyleguideController < ApplicationController
|
|
6
|
+
layout 'partystreusel'
|
|
3
7
|
def show
|
|
4
8
|
template = File.join(params[:controller].gsub('partystreusel/',''), params[:page])
|
|
5
9
|
render template
|
data/config/routes.rb
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
Partystreusel::Engine.routes.draw do
|
|
2
2
|
unless Rails.env.production?
|
|
3
|
-
get '
|
|
4
|
-
|
|
3
|
+
get ':page', to: 'styleguide#show', as: :styleguide, constraints: { page: /[a-zA-Z\-_\/]+/ }
|
|
4
|
+
|
|
5
|
+
root to: "styleguide#show", page: 'index'
|
|
5
6
|
end
|
|
6
7
|
end
|
data/partystreusel.gemspec
CHANGED
|
@@ -5,9 +5,9 @@ require "partystreusel/version"
|
|
|
5
5
|
Gem::Specification.new do |s|
|
|
6
6
|
s.name = "partystreusel"
|
|
7
7
|
s.version = Partystreusel::VERSION
|
|
8
|
-
s.authors = ["Flavio Pellanda"]
|
|
9
|
-
s.email = ["
|
|
10
|
-
s.homepage = "http://www.screenconcept.
|
|
8
|
+
s.authors = ["Flavio Pellanda, Pascal Kuster"]
|
|
9
|
+
s.email = ["info@screenconcept.com"]
|
|
10
|
+
s.homepage = "http://www.screenconcept.com"
|
|
11
11
|
s.summary = %q{A collection uf reusable javascript components by Screen Concept}
|
|
12
12
|
s.description = %q{Contains sliders, accordions, expandable contents and any other component we deem worthy of joining this collection of awesomeness.}
|
|
13
13
|
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
|
|
34
34
|
= csrf_meta_tags
|
|
35
35
|
|
|
36
|
-
%body.js-offcanvas
|
|
36
|
+
%body.js-offcanvas
|
|
37
37
|
.offcanvas__outer
|
|
38
38
|
.offcanvas__inner
|
|
39
39
|
%header.page__header{role: "banner"}
|
|
@@ -50,7 +50,6 @@
|
|
|
50
50
|
= render 'layouts/typekit'
|
|
51
51
|
|
|
52
52
|
-# Application JavaScripts
|
|
53
|
-
!= google_analytics_code
|
|
54
53
|
= javascript_include_tag 'application'#, async: !ScreenConcept.config.assets.debug
|
|
55
54
|
|
|
56
55
|
<!--[if lte IE 8]>
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
!!! 5
|
|
2
|
+
/[if IE 8]
|
|
3
|
+
%html.no-js.lt-ie10.lt-ie9{ lang: I18n.locale }
|
|
4
|
+
/[if IE 9]
|
|
5
|
+
%html.no-js.lt-ie10{ lang: I18n.locale }
|
|
6
|
+
<!--[if gt IE 9]><!-->
|
|
7
|
+
%html.no-js{ lang: I18n.locale }
|
|
8
|
+
<!--<![endif]-->
|
|
9
|
+
%head
|
|
10
|
+
%meta{ charset: 'utf-8' }
|
|
11
|
+
%meta{ 'http-equiv' => 'X-UA-Compatible', content: 'IE=edge' }
|
|
12
|
+
- if content_for?(:head)
|
|
13
|
+
= yield(:head)
|
|
14
|
+
- else
|
|
15
|
+
%title 'Untitled'
|
|
16
|
+
%meta{ name: 'keywords', content: '' }
|
|
17
|
+
%meta{ name: 'description', content: '' }
|
|
18
|
+
|
|
19
|
+
%meta{ name: 'viewport', content: 'width=device-width, initial-scale=1.0' }
|
|
20
|
+
|
|
21
|
+
-# Favicons
|
|
22
|
+
= render 'layouts/favicons'
|
|
23
|
+
|
|
24
|
+
= stylesheet_link_tag 'partystreusel/application', media: 'all'
|
|
25
|
+
|
|
26
|
+
<!--[if (lt IE 9) & (!IEMobile)]>
|
|
27
|
+
= javascript_include_tag 'html5shiv-printshiv'
|
|
28
|
+
= stylesheet_link_tag 'ie8', media: 'screen'
|
|
29
|
+
<![endif]-->
|
|
30
|
+
|
|
31
|
+
-# JavaScripts
|
|
32
|
+
= render 'layouts/icons'
|
|
33
|
+
|
|
34
|
+
= csrf_meta_tags
|
|
35
|
+
|
|
36
|
+
%body.js-offcanvas
|
|
37
|
+
.offcanvas__outer
|
|
38
|
+
.offcanvas__inner
|
|
39
|
+
%header.page__header{role: "banner"}
|
|
40
|
+
= render 'partials/header'
|
|
41
|
+
= render 'partials/offcanvas'
|
|
42
|
+
%main#maincontent{role: "content"}
|
|
43
|
+
= yield
|
|
44
|
+
|
|
45
|
+
%footer{role: "contentinfo"}
|
|
46
|
+
= render 'partials/footer'
|
|
47
|
+
.offcanvas__overlay
|
|
48
|
+
|
|
49
|
+
-# Typekit
|
|
50
|
+
= render 'layouts/typekit'
|
|
51
|
+
|
|
52
|
+
-# Application JavaScripts
|
|
53
|
+
= javascript_include_tag 'application'#, async: !ScreenConcept.config.assets.debug
|
|
54
|
+
|
|
55
|
+
<!--[if lte IE 8]>
|
|
56
|
+
= javascript_include_tag 'rem'
|
|
57
|
+
<![endif]-->
|
|
@@ -76,7 +76,7 @@ $header-font-family: $body-font-family
|
|
|
76
76
|
$header-font-weight: 900
|
|
77
77
|
$header-font-style: normal
|
|
78
78
|
$header-font-color: $body-font-color
|
|
79
|
-
$header-text-rendering:
|
|
79
|
+
$header-text-rendering: auto
|
|
80
80
|
|
|
81
81
|
// HEADINGS sizes
|
|
82
82
|
// Set here the font-sizes for small,
|
|
@@ -98,7 +98,7 @@ $paragraph-font-weight: normal
|
|
|
98
98
|
$paragraph-font-size: rem(16)
|
|
99
99
|
$paragraph-line-height: 1.5
|
|
100
100
|
$paragraph-margin-bottom: rem(12)
|
|
101
|
-
$paragraph-text-rendering:
|
|
101
|
+
$paragraph-text-rendering: auto
|
|
102
102
|
|
|
103
103
|
// <SMALL>
|
|
104
104
|
$small-font-color: $grey-dark
|
|
@@ -3,6 +3,7 @@ $offcanvas-width: rem(300)
|
|
|
3
3
|
.offcanvas__outer
|
|
4
4
|
position: relative
|
|
5
5
|
height: 100%
|
|
6
|
+
overflow-x: hidden
|
|
6
7
|
|
|
7
8
|
.offcanvas__inner
|
|
8
9
|
height: 100%
|
|
@@ -24,9 +25,10 @@ $offcanvas-width: rem(300)
|
|
|
24
25
|
+transition(opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s)
|
|
25
26
|
|
|
26
27
|
.offcanvas__container
|
|
27
|
-
position:
|
|
28
|
+
position: fixed
|
|
28
29
|
top: 0
|
|
29
|
-
|
|
30
|
+
right: 0
|
|
31
|
+
left: auto
|
|
30
32
|
overflow-y: auto
|
|
31
33
|
width: $offcanvas-width
|
|
32
34
|
height: 100%
|
|
@@ -34,7 +36,7 @@ $offcanvas-width: rem(300)
|
|
|
34
36
|
background-color: $primary-color
|
|
35
37
|
color: $body-font-color
|
|
36
38
|
+backface-visibility(hidden)
|
|
37
|
-
+transform( translate3d(
|
|
39
|
+
+transform( translate3d(100%, 0, 0) )
|
|
38
40
|
|
|
39
41
|
.offcanvas__container-inner
|
|
40
42
|
opacity: .7
|
|
@@ -69,13 +71,23 @@ $offcanvas-width: rem(300)
|
|
|
69
71
|
// ----------------------------------------------------------
|
|
70
72
|
// STATES
|
|
71
73
|
// ----------------------------------------------------------
|
|
74
|
+
.offcanvas--left // add class to body
|
|
75
|
+
.offcanvas__container
|
|
76
|
+
left: 0
|
|
77
|
+
right: auto
|
|
78
|
+
+transform( translate3d(-100%, 0, 0) )
|
|
79
|
+
|
|
72
80
|
.offcanvas--open
|
|
73
81
|
|
|
74
82
|
.offcanvas__outer
|
|
75
83
|
overflow: hidden
|
|
76
84
|
|
|
77
85
|
.offcanvas__inner
|
|
78
|
-
+transform(translate3d(
|
|
86
|
+
+transform(translate3d(-$offcanvas-width, 0, 0) scale3d(1, 1, 1))
|
|
87
|
+
|
|
88
|
+
&.offcanvas--left
|
|
89
|
+
.offcanvas__inner
|
|
90
|
+
+transform(translate3d($offcanvas-width, 0, 0) scale3d(1, 1, 1))
|
|
79
91
|
|
|
80
92
|
.offcanvas__container
|
|
81
93
|
-webkit-overflow-scrolling: touch
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: partystreusel
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 2.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
|
-
- Flavio Pellanda
|
|
7
|
+
- Flavio Pellanda, Pascal Kuster
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2015-
|
|
11
|
+
date: 2015-09-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: i18n-js
|
|
@@ -27,7 +27,7 @@ dependencies:
|
|
|
27
27
|
description: Contains sliders, accordions, expandable contents and any other component
|
|
28
28
|
we deem worthy of joining this collection of awesomeness.
|
|
29
29
|
email:
|
|
30
|
-
-
|
|
30
|
+
- info@screenconcept.com
|
|
31
31
|
executables: []
|
|
32
32
|
extensions: []
|
|
33
33
|
extra_rdoc_files: []
|
|
@@ -106,6 +106,7 @@ files:
|
|
|
106
106
|
- styleguide/source/layouts/_icons.html.erb
|
|
107
107
|
- styleguide/source/layouts/_typekit.html.haml
|
|
108
108
|
- styleguide/source/layouts/application.html.haml
|
|
109
|
+
- styleguide/source/layouts/partystreusel.html.haml
|
|
109
110
|
- styleguide/source/partials/_footer.html.haml
|
|
110
111
|
- styleguide/source/partials/_google_analytics.html.erb
|
|
111
112
|
- styleguide/source/partials/_header.html.haml
|
|
@@ -212,7 +213,7 @@ files:
|
|
|
212
213
|
- styleguide/source/stylesheets/partystreusel/xlarge/modules/_teaser_card.sass
|
|
213
214
|
- vendor/assets/javascripts/jquery.cycle2.js
|
|
214
215
|
- vendor/assets/javascripts/jquery.cycle2.swipe.js
|
|
215
|
-
homepage: http://www.screenconcept.
|
|
216
|
+
homepage: http://www.screenconcept.com
|
|
216
217
|
licenses: []
|
|
217
218
|
metadata: {}
|
|
218
219
|
post_install_message:
|