curry-plain 0.4.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.
@@ -0,0 +1,33 @@
1
+ # -*- encoding: utf-8 -*-
2
+
3
+ Gem::Specification.new do |s|
4
+ s.name = %q{curry-plain}
5
+ s.version = "0.4.0"
6
+
7
+ s.required_rubygems_version = Gem::Requirement.new(">= 1.3.5")
8
+ s.authors = ["Andrea Campi"]
9
+ s.date = %q{2011-08-23}
10
+ s.description = %q{A Compass plugin that provides a "plain" theme for Treesaver.}
11
+ s.email = %w{andrea.campi@zephirworks.com}
12
+ s.has_rdoc = false
13
+ s.files = [
14
+ "curry-plain.gemspec",
15
+ "lib/curry-plain.rb",
16
+ "stylesheets/curry/_plain.scss",
17
+ "stylesheets/curry/plain/_base.scss",
18
+ "stylesheets/curry/plain/_config.scss",
19
+ "stylesheets/curry/plain/_grid.scss",
20
+ "stylesheets/curry/plain/_smallscreen.scss",
21
+ "stylesheets/curry/plain/_typography.scss",
22
+ "stylesheets/curry/plain/_utils.scss",
23
+ "templates/project/manifest.rb",
24
+ "templates/project/style.scss"
25
+ ]
26
+ s.homepage = %q{http://zephirworks.com/}
27
+ s.require_paths = ["lib"]
28
+ s.rubyforge_project = %q{curry-plain}
29
+ s.rubygems_version = %q{1.3.6}
30
+ s.summary = %q{Plain Curry, a simple theme for Treesaver}
31
+ s.add_dependency(%q<compass>, ["~> 0.11"])
32
+ s.add_dependency(%q<curry-powder>, ["~> 0.4.0"])
33
+ end
@@ -0,0 +1,3 @@
1
+ require 'compass'
2
+
3
+ Compass::Frameworks.register("curry-plain", :path => File.expand_path("..", File.dirname(__FILE__)))
@@ -0,0 +1,21 @@
1
+ //
2
+ // Simple style, meant as a starting point for further customization.
3
+ //
4
+
5
+ @import "curry";
6
+ @import "curry/plain/config";
7
+
8
+ @include curry-chrome-viewer-with-bottom-controls(40px);
9
+ @include curry-layout-setup($curry-plain-grid-outer-width, $curry-plain-grid-margin, 3);
10
+
11
+ @import "curry/plain/base";
12
+ @import "curry/plain/grid";
13
+ @import "curry/plain/smallscreen";
14
+ @import "curry/plain/typography";
15
+
16
+ @include -curry-plain-body;
17
+ @include -curry-plain-grid;
18
+ @include -curry-plain-grid-vertical-padding;
19
+ @include -curry-plain-grid-smallscreen;
20
+ @include -curry-plain-misc-smallscreen;
21
+
@@ -0,0 +1,19 @@
1
+ //
2
+ // Basic styling for the whole "site"
3
+ //
4
+ @mixin -curry-plain-body {
5
+ // fallback used when JavaScript is disabled
6
+ body {
7
+ background-color: $curry-plain-fallback-body-background-color;
8
+ }
9
+
10
+ .treesaver {
11
+ body {
12
+ background-color: $curry-plain-body-background-color;
13
+ }
14
+
15
+ a {
16
+ text-decoration: none;
17
+ }
18
+ }
19
+ }
@@ -0,0 +1,59 @@
1
+ @import "curry/config";
2
+ @import "curry/plain/utils";
3
+
4
+ //
5
+ // Grid (page) layout
6
+ //
7
+ $curry-plain-grid-outer-width: 320px !default;
8
+ $curry-plain-grid-margin: 20px !default;
9
+
10
+ //
11
+ // Overall styling
12
+ //
13
+ $curry-plain-body-background-color: #eee !default; // background color
14
+ $curry-plain-fallback-body-background-color: #eee !default; // fallback background color
15
+
16
+ //
17
+ // Grid (page) styling
18
+ //
19
+ $curry-plain-grid-background-color: white !default; // background color of regular pages
20
+ $curry-plain-grid-shadow-color: #bbb !default; // the color of the page shadow
21
+ $curry-plain-grid-outer-margins: 8px 0 8px 20px !default; // margins around pages
22
+
23
+ $curry-plain-grid-padding-horizontal: 20px !default; // padding inside the page
24
+
25
+ //
26
+ // Smallscreen styling
27
+ //
28
+ $curry-plain-smallscreen-width: $curry-grid-smallscreen-width !default; // deprecate?
29
+ $curry-plain-smallscreen-grid-padding: 10px !default;
30
+
31
+ //
32
+ // Mobile
33
+ //
34
+ $curry-plain-mobile-base-font-size: 14px !default;
35
+ $curry-plain-mobile-h1-font-size: $curry-line-height !default; // Font size for h1
36
+ $curry-plain-mobile-h2-font-size: $curry-plain-mobile-base-font-size * 1.1 !default; // Font size for h2
37
+ $curry-plain-mobile-h3-font-size: $curry-plain-mobile-base-font-size * 1.1 !default; // Font size for h3
38
+ $curry-plain-mobile-h4-font-size: $curry-plain-mobile-base-font-size !default; // Font size for h4
39
+ $curry-plain-mobile-h5-font-size: $curry-plain-mobile-base-font-size !default; // Font size for h5
40
+ $curry-plain-mobile-h6-font-size: $curry-plain-mobile-base-font-size !default; // Font size for h6
41
+
42
+ //
43
+ // Typography
44
+ //
45
+ $curry-plain-font-family: Georgia, serif !default;
46
+ $curry-plain-base-font-size: 14px !default; // Font size for regular paragraphs;
47
+ $curry-plain-h1-font-size: $curry-line-height * 2 !default; // Font size for h1
48
+ $curry-plain-h2-font-size: $curry-plain-base-font-size * 1.1 !default; // Font size for h2
49
+ $curry-plain-h3-font-size: $curry-plain-base-font-size !default; // Font size for h3
50
+ $curry-plain-h4-font-size: $curry-plain-base-font-size !default; // Font size for h4
51
+ $curry-plain-h5-font-size: $curry-plain-base-font-size !default; // Font size for h5
52
+ $curry-plain-h6-font-size: $curry-plain-base-font-size !default; // Font size for h6
53
+
54
+ $curry-plain-h1-line-height: -curry-plain-font-size-to-line-height($curry-plain-h1-font-size) !default;
55
+ $curry-plain-h2-line-height: -curry-plain-font-size-to-line-height($curry-plain-h2-font-size) !default;
56
+ $curry-plain-h3-line-height: -curry-plain-font-size-to-line-height($curry-plain-h3-font-size) !default;
57
+ $curry-plain-h4-line-height: -curry-plain-font-size-to-line-height($curry-plain-h4-font-size) !default;
58
+ $curry-plain-h5-line-height: -curry-plain-font-size-to-line-height($curry-plain-h5-font-size) !default;
59
+ $curry-plain-h6-line-height: -curry-plain-font-size-to-line-height($curry-plain-h6-font-size) !default;
@@ -0,0 +1,28 @@
1
+ @import "compass/css3/box-shadow";
2
+
3
+ @mixin -curry-plain-grid {
4
+ .grid {
5
+ background-color: $curry-plain-grid-background-color;
6
+ @include single-box-shadow($curry-plain-grid-shadow-color, 0, 2px, 5px);
7
+
8
+ margin: $curry-plain-grid-outer-margins;
9
+ padding: 0 $curry-plain-grid-padding-horizontal;
10
+
11
+ opacity: .25;
12
+ }
13
+
14
+ #currentPage {
15
+ opacity: 1;
16
+ }
17
+ }
18
+
19
+ @mixin -curry-plain-grid-vertical-padding($height: 24px) {
20
+ .grid {
21
+ min-height: $height * 2;
22
+ }
23
+
24
+ .column, .container {
25
+ top: $height;
26
+ bottom: $height;
27
+ }
28
+ }
@@ -0,0 +1,46 @@
1
+ @import "compass/css3/box-shadow";
2
+
3
+ @mixin -curry-plain-grid-smallscreen {
4
+ .smallscreen.mobile {
5
+ .mobile.grid {
6
+ margin: 0;
7
+ padding: $curry-plain-smallscreen-grid-padding;
8
+ border: none;
9
+ @include box-shadow(none);
10
+
11
+ .column {
12
+ top: $curry-line-height / 2;
13
+ bottom: $curry-line-height / 2;
14
+ }
15
+
16
+ .container {
17
+ top: $curry-line-height / 2;
18
+ bottom: $curry-line-height;
19
+ }
20
+ }
21
+ }
22
+ }
23
+
24
+ @mixin -curry-plain-misc-smallscreen {
25
+ .smallscreen.mobile {
26
+ background: white;
27
+
28
+ .column, .container, p {
29
+ width: $curry-plain-smallscreen-width;
30
+ min-width: $curry-plain-smallscreen-width;
31
+ }
32
+
33
+ .column {
34
+ h1, h2, h3, h4, h5, h6 {
35
+ margin: 0;
36
+ padding: 0;
37
+ }
38
+ h1 { font-size: $curry-plain-mobile-h1-font-size; }
39
+ h2 { font-size: $curry-plain-mobile-h2-font-size; }
40
+ h3 { font-size: $curry-plain-mobile-h3-font-size; }
41
+ h4 { font-size: $curry-plain-mobile-h4-font-size; }
42
+ h5 { font-size: $curry-plain-mobile-h5-font-size; }
43
+ h6 { font-size: $curry-plain-mobile-h6-font-size; }
44
+ }
45
+ }
46
+ }
@@ -0,0 +1,35 @@
1
+ div, p, button {
2
+ font-family: $curry-plain-font-family;
3
+ font-size: $curry-plain-base-font-size;
4
+ }
5
+
6
+ h1 {
7
+ font-family: $curry-plain-font-family;
8
+ font-size: $curry-plain-h1-font-size;
9
+ line-height: $curry-plain-h1-line-height;
10
+ }
11
+
12
+ h2 {
13
+ font-size: $curry-plain-h2-font-size;
14
+ line-height: $curry-plain-h2-line-height;
15
+ }
16
+
17
+ h3 {
18
+ font-size: $curry-plain-h3-font-size;
19
+ line-height: $curry-plain-h3-line-height;
20
+ }
21
+
22
+ h4 {
23
+ font-size: $curry-plain-h4-font-size;
24
+ line-height: $curry-plain-h4-line-height;
25
+ }
26
+
27
+ h5 {
28
+ font-size: $curry-plain-h5-font-size;
29
+ line-height: $curry-plain-h5-line-height;
30
+ }
31
+
32
+ h6 {
33
+ font-size: $curry-plain-h6-font-size;
34
+ line-height: $curry-plain-h6-line-height;
35
+ }
@@ -0,0 +1,8 @@
1
+ @function -curry-plain-font-size-to-line-height($font-size) {
2
+ @each $mult in (6, 5, 4, 3, 2) {
3
+ @if ($font-size > $curry-line-height * ($mult - 1)) {
4
+ @return $curry-line-height * $mult;
5
+ }
6
+ }
7
+ @return $curry-line-height;
8
+ }
@@ -0,0 +1 @@
1
+ stylesheet 'style.scss', :media => 'screen'
@@ -0,0 +1 @@
1
+ @import "curry/plain";
metadata ADDED
@@ -0,0 +1,88 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: curry-plain
3
+ version: !ruby/object:Gem::Version
4
+ prerelease:
5
+ version: 0.4.0
6
+ platform: ruby
7
+ authors:
8
+ - Andrea Campi
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+
13
+ date: 2011-08-23 00:00:00 +02:00
14
+ default_executable:
15
+ dependencies:
16
+ - !ruby/object:Gem::Dependency
17
+ name: compass
18
+ prerelease: false
19
+ requirement: &id001 !ruby/object:Gem::Requirement
20
+ none: false
21
+ requirements:
22
+ - - ~>
23
+ - !ruby/object:Gem::Version
24
+ version: "0.11"
25
+ type: :runtime
26
+ version_requirements: *id001
27
+ - !ruby/object:Gem::Dependency
28
+ name: curry-powder
29
+ prerelease: false
30
+ requirement: &id002 !ruby/object:Gem::Requirement
31
+ none: false
32
+ requirements:
33
+ - - ~>
34
+ - !ruby/object:Gem::Version
35
+ version: 0.4.0
36
+ type: :runtime
37
+ version_requirements: *id002
38
+ description: A Compass plugin that provides a "plain" theme for Treesaver.
39
+ email:
40
+ - andrea.campi@zephirworks.com
41
+ executables: []
42
+
43
+ extensions: []
44
+
45
+ extra_rdoc_files: []
46
+
47
+ files:
48
+ - curry-plain.gemspec
49
+ - lib/curry-plain.rb
50
+ - stylesheets/curry/_plain.scss
51
+ - stylesheets/curry/plain/_base.scss
52
+ - stylesheets/curry/plain/_config.scss
53
+ - stylesheets/curry/plain/_grid.scss
54
+ - stylesheets/curry/plain/_smallscreen.scss
55
+ - stylesheets/curry/plain/_typography.scss
56
+ - stylesheets/curry/plain/_utils.scss
57
+ - templates/project/manifest.rb
58
+ - templates/project/style.scss
59
+ has_rdoc: true
60
+ homepage: http://zephirworks.com/
61
+ licenses: []
62
+
63
+ post_install_message:
64
+ rdoc_options: []
65
+
66
+ require_paths:
67
+ - lib
68
+ required_ruby_version: !ruby/object:Gem::Requirement
69
+ none: false
70
+ requirements:
71
+ - - ">="
72
+ - !ruby/object:Gem::Version
73
+ version: "0"
74
+ required_rubygems_version: !ruby/object:Gem::Requirement
75
+ none: false
76
+ requirements:
77
+ - - ">="
78
+ - !ruby/object:Gem::Version
79
+ version: 1.3.5
80
+ requirements: []
81
+
82
+ rubyforge_project: curry-plain
83
+ rubygems_version: 1.5.2
84
+ signing_key:
85
+ specification_version: 3
86
+ summary: Plain Curry, a simple theme for Treesaver
87
+ test_files: []
88
+