curry-plain 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+