partystreusel 1.2.0 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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:
|