style-tiles 0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) hide show
  1. checksums.yaml +7 -0
  2. data/lib/style-tiles.rb +30 -0
  3. data/stylesheets/style-tiles.scss +9 -0
  4. data/stylesheets/style-tiles/core/_content.scss +11 -0
  5. data/stylesheets/style-tiles/core/_mixins.scss +134 -0
  6. data/stylesheets/style-tiles/core/_structure.scss +168 -0
  7. data/stylesheets/style-tiles/core/_typography.scss +69 -0
  8. data/stylesheets/style-tiles/core/_variables.scss +160 -0
  9. data/templates/project/config.rb +50 -0
  10. data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.eot +0 -0
  11. data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.svg +150 -0
  12. data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.ttf +0 -0
  13. data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.woff +0 -0
  14. data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.eot +0 -0
  15. data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.svg +150 -0
  16. data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.ttf +0 -0
  17. data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.woff +0 -0
  18. data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.eot +0 -0
  19. data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.svg +150 -0
  20. data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.ttf +0 -0
  21. data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.woff +0 -0
  22. data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.eot +0 -0
  23. data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.svg +150 -0
  24. data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.ttf +0 -0
  25. data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.woff +0 -0
  26. data/templates/project/fonts/DroidSerif/Google Android License.txt +18 -0
  27. data/templates/project/fonts/Pacifico/Pacifico SIL OFL Font License 1.1.txt +94 -0
  28. data/templates/project/fonts/Pacifico/Pacifico-webfont.eot +0 -0
  29. data/templates/project/fonts/Pacifico/Pacifico-webfont.svg +150 -0
  30. data/templates/project/fonts/Pacifico/Pacifico-webfont.ttf +0 -0
  31. data/templates/project/fonts/Pacifico/Pacifico-webfont.woff +0 -0
  32. data/templates/project/fonts/Peralta/OFL.txt +93 -0
  33. data/templates/project/fonts/Peralta/peralta-regular-webfont.eot +0 -0
  34. data/templates/project/fonts/Peralta/peralta-regular-webfont.svg +243 -0
  35. data/templates/project/fonts/Peralta/peralta-regular-webfont.ttf +0 -0
  36. data/templates/project/fonts/Peralta/peralta-regular-webfont.woff +0 -0
  37. data/templates/project/html/screen-v1.html +550 -0
  38. data/templates/project/html/screen-v2.html +538 -0
  39. data/templates/project/html/screen-v3.html +529 -0
  40. data/templates/project/html/template.html +84 -0
  41. data/templates/project/images/logos/sample-logo.png +0 -0
  42. data/templates/project/images/logos/sassy-style-tiles-logo.png +0 -0
  43. data/templates/project/images/textures/asphalt.png +0 -0
  44. data/templates/project/images/textures/concrete.png +0 -0
  45. data/templates/project/images/textures/cotton-shirt.png +0 -0
  46. data/templates/project/images/textures/dark-concrete.png +0 -0
  47. data/templates/project/images/textures/denim.jpg +0 -0
  48. data/templates/project/images/textures/scratched-metal.png +0 -0
  49. data/templates/project/images/textures/scratched-metal2.png +0 -0
  50. data/templates/project/index.html +53 -0
  51. data/templates/project/manifest.rb +83 -0
  52. data/templates/project/sass/index.scss +11 -0
  53. data/templates/project/sass/partials/variations/_index.scss +33 -0
  54. data/templates/project/sass/partials/variations/_v1.scss +92 -0
  55. data/templates/project/sass/partials/variations/_v2.scss +69 -0
  56. data/templates/project/sass/partials/variations/_v3.scss +50 -0
  57. data/templates/project/sass/screen-v1.scss +11 -0
  58. data/templates/project/sass/screen-v2.scss +11 -0
  59. data/templates/project/sass/screen-v3.scss +11 -0
  60. metadata +130 -0
@@ -0,0 +1,50 @@
1
+ // Project Name and Version Header
2
+ $version-number: "3.0";
3
+
4
+ $footer-text: '\2752\20 Designed by Grey Boxes \2751'; // ❒ Designed by Grey Boxes ❑
5
+
6
+ $para-1: "Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Sed posuere consectetur est at lobortis. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Curabitur blandit tempus porttitor.";
7
+
8
+ $para-2: "Vestibulum id ligula porta felis euismod semper. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Maecenas faucibus mollis interdum. Maecenas sed diam eget risus varius blandit sit amet non magna.";
9
+
10
+ $para-3: "Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula ut id elit.";
11
+
12
+ /// Global Variables
13
+ $standard-spacing: calc-em(20px, $base-font-size);
14
+ //$inline-images: false;
15
+
16
+ /// Design Variables
17
+ // sample 5 colors and 3 textures (add figures to html for more)
18
+ $colors: $link-color, #666666, #999999, #aaaaaa, #eee;
19
+ $textures: "concrete.png", "dark-concrete.png", "asphalt.png";
20
+ $adjectives: dull, conservative, boring, desaturated;
21
+
22
+ $body-background-color: #666;
23
+
24
+ $page-background-color: #eee;
25
+ $page-margin: 0 auto ($standard-spacing * 4) auto;
26
+
27
+
28
+ // Logo is added as a background to a transparent image. Adjust height and width and source
29
+ $header-background-color: #aaa;
30
+
31
+ $aside-width: calc-em(360px, $base-font-size);
32
+ $aside-margin: 0 0 $standard-spacing 0;
33
+ $aside-background-color: #bbb;
34
+ $aside-border: none;
35
+
36
+ // Figure (colors and textures boxes)
37
+ $figure-border: calc-em(1px, $base-font-size) #888 solid;
38
+
39
+ $button-corners: calc-em(10px, $base-font-size);
40
+ $button-background-color: #999;
41
+ $button-text-shadow: 0 calc-em(1px, $base-font-size) calc-em(1px, $base-font-size) rgba(0,0,0,.5);
42
+ $button-border: calc-em(2px, $base-font-size) #eee solid;
43
+ $button-box-shadow: calc-em(1px, $base-font-size) calc-em(1px, $base-font-size) calc-em(2px, $base-font-size) rgba(0,0,0,.5);
44
+ $button-text-color-over: adjust-lightness($button-text-color, 10%);
45
+ $button-background-color-over: tint($button-background-color, 10%);
46
+
47
+ $footer-background-color: #bbb;
48
+ $footer-background-image: false;
49
+ $footer-text-color: rgba(#333,.75);
50
+ $footer-text-shadow:none;
@@ -0,0 +1,11 @@
1
+ @import "compass/reset";
2
+ @import "compass/typography";
3
+ @import "compass/css3";
4
+
5
+ @import "style-tiles";
6
+
7
+ // Override default variables with version specific variables
8
+ @import "partials/variations/_v1";
9
+
10
+ // import the Style Tiles css structure
11
+ @import "style-tiles/core/_structure";
@@ -0,0 +1,11 @@
1
+ @import "compass/reset";
2
+ @import "compass/typography";
3
+ @import "compass/css3";
4
+
5
+ @import "style-tiles";
6
+
7
+ // Override default variables with version specific variables
8
+ @import "partials/variations/_v2";
9
+
10
+ // import the Style Tiles css structure
11
+ @import "style-tiles/core/_structure";
@@ -0,0 +1,11 @@
1
+ @import "compass/reset";
2
+ @import "compass/typography";
3
+ @import "compass/css3";
4
+
5
+ @import "style-tiles";
6
+
7
+ // Override default variables with version specific variables
8
+ @import "partials/variations/_v3";
9
+
10
+ // import the Style Tiles css structure
11
+ @import "style-tiles/core/_structure";
metadata ADDED
@@ -0,0 +1,130 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: style-tiles
3
+ version: !ruby/object:Gem::Version
4
+ version: "0.1"
5
+ platform: ruby
6
+ authors:
7
+ - Mark Reilly
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+
12
+ date: 2013-06-14 00:00:00 Z
13
+ dependencies:
14
+ - !ruby/object:Gem::Dependency
15
+ name: sass
16
+ prerelease: false
17
+ requirement: &id001 !ruby/object:Gem::Requirement
18
+ requirements:
19
+ - - ">="
20
+ - !ruby/object:Gem::Version
21
+ version: 3.2.0
22
+ type: :runtime
23
+ version_requirements: *id001
24
+ - !ruby/object:Gem::Dependency
25
+ name: compass
26
+ prerelease: false
27
+ requirement: &id002 !ruby/object:Gem::Requirement
28
+ requirements:
29
+ - - ">="
30
+ - !ruby/object:Gem::Version
31
+ version: 0.12.1
32
+ type: :runtime
33
+ version_requirements: *id002
34
+ description: Create HTML and CSS Style Tiles with Sass & Compass
35
+ email:
36
+ - mark@alienresident.net
37
+ executables: []
38
+
39
+ extensions: []
40
+
41
+ extra_rdoc_files: []
42
+
43
+ files:
44
+ - lib/style-tiles.rb
45
+ - stylesheets/style-tiles/core/_content.scss
46
+ - stylesheets/style-tiles/core/_mixins.scss
47
+ - stylesheets/style-tiles/core/_structure.scss
48
+ - stylesheets/style-tiles/core/_typography.scss
49
+ - stylesheets/style-tiles/core/_variables.scss
50
+ - stylesheets/style-tiles.scss
51
+ - templates/project/config.rb
52
+ - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.eot
53
+ - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.svg
54
+ - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.ttf
55
+ - templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.woff
56
+ - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.eot
57
+ - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.svg
58
+ - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.ttf
59
+ - templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.woff
60
+ - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.eot
61
+ - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.svg
62
+ - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.ttf
63
+ - templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.woff
64
+ - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.eot
65
+ - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.svg
66
+ - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.ttf
67
+ - templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.woff
68
+ - templates/project/fonts/DroidSerif/Google Android License.txt
69
+ - templates/project/fonts/Pacifico/Pacifico SIL OFL Font License 1.1.txt
70
+ - templates/project/fonts/Pacifico/Pacifico-webfont.eot
71
+ - templates/project/fonts/Pacifico/Pacifico-webfont.svg
72
+ - templates/project/fonts/Pacifico/Pacifico-webfont.ttf
73
+ - templates/project/fonts/Pacifico/Pacifico-webfont.woff
74
+ - templates/project/fonts/Peralta/OFL.txt
75
+ - templates/project/fonts/Peralta/peralta-regular-webfont.eot
76
+ - templates/project/fonts/Peralta/peralta-regular-webfont.svg
77
+ - templates/project/fonts/Peralta/peralta-regular-webfont.ttf
78
+ - templates/project/fonts/Peralta/peralta-regular-webfont.woff
79
+ - templates/project/html/screen-v1.html
80
+ - templates/project/html/screen-v2.html
81
+ - templates/project/html/screen-v3.html
82
+ - templates/project/html/template.html
83
+ - templates/project/images/logos/sample-logo.png
84
+ - templates/project/images/logos/sassy-style-tiles-logo.png
85
+ - templates/project/images/textures/asphalt.png
86
+ - templates/project/images/textures/concrete.png
87
+ - templates/project/images/textures/cotton-shirt.png
88
+ - templates/project/images/textures/dark-concrete.png
89
+ - templates/project/images/textures/denim.jpg
90
+ - templates/project/images/textures/scratched-metal.png
91
+ - templates/project/images/textures/scratched-metal2.png
92
+ - templates/project/index.html
93
+ - templates/project/manifest.rb
94
+ - templates/project/sass/index.scss
95
+ - templates/project/sass/partials/variations/_index.scss
96
+ - templates/project/sass/partials/variations/_v1.scss
97
+ - templates/project/sass/partials/variations/_v2.scss
98
+ - templates/project/sass/partials/variations/_v3.scss
99
+ - templates/project/sass/screen-v1.scss
100
+ - templates/project/sass/screen-v2.scss
101
+ - templates/project/sass/screen-v3.scss
102
+ homepage: http://alienresident.net
103
+ licenses: []
104
+
105
+ metadata: {}
106
+
107
+ post_install_message:
108
+ rdoc_options: []
109
+
110
+ require_paths:
111
+ - lib
112
+ required_ruby_version: !ruby/object:Gem::Requirement
113
+ requirements:
114
+ - - ">="
115
+ - !ruby/object:Gem::Version
116
+ version: "0"
117
+ required_rubygems_version: !ruby/object:Gem::Requirement
118
+ requirements:
119
+ - - ">="
120
+ - !ruby/object:Gem::Version
121
+ version: 1.3.6
122
+ requirements: []
123
+
124
+ rubyforge_project: style-tiles
125
+ rubygems_version: 2.0.3
126
+ signing_key:
127
+ specification_version: 4
128
+ summary: Style Tiles allows you to quickly build style tiles. This allows you to show your clients a number of directions that they could go with in designing a site.
129
+ test_files: []
130
+