style-tiles 0.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/lib/style-tiles.rb +30 -0
- data/stylesheets/style-tiles.scss +9 -0
- data/stylesheets/style-tiles/core/_content.scss +11 -0
- data/stylesheets/style-tiles/core/_mixins.scss +134 -0
- data/stylesheets/style-tiles/core/_structure.scss +168 -0
- data/stylesheets/style-tiles/core/_typography.scss +69 -0
- data/stylesheets/style-tiles/core/_variables.scss +160 -0
- data/templates/project/config.rb +50 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Bold-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-BoldItalic-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Italic-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.eot +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.svg +150 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.ttf +0 -0
- data/templates/project/fonts/DroidSerif/DroidSerif-Regular-webfont.woff +0 -0
- data/templates/project/fonts/DroidSerif/Google Android License.txt +18 -0
- data/templates/project/fonts/Pacifico/Pacifico SIL OFL Font License 1.1.txt +94 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.eot +0 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.svg +150 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.ttf +0 -0
- data/templates/project/fonts/Pacifico/Pacifico-webfont.woff +0 -0
- data/templates/project/fonts/Peralta/OFL.txt +93 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.eot +0 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.svg +243 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.ttf +0 -0
- data/templates/project/fonts/Peralta/peralta-regular-webfont.woff +0 -0
- data/templates/project/html/screen-v1.html +550 -0
- data/templates/project/html/screen-v2.html +538 -0
- data/templates/project/html/screen-v3.html +529 -0
- data/templates/project/html/template.html +84 -0
- data/templates/project/images/logos/sample-logo.png +0 -0
- data/templates/project/images/logos/sassy-style-tiles-logo.png +0 -0
- data/templates/project/images/textures/asphalt.png +0 -0
- data/templates/project/images/textures/concrete.png +0 -0
- data/templates/project/images/textures/cotton-shirt.png +0 -0
- data/templates/project/images/textures/dark-concrete.png +0 -0
- data/templates/project/images/textures/denim.jpg +0 -0
- data/templates/project/images/textures/scratched-metal.png +0 -0
- data/templates/project/images/textures/scratched-metal2.png +0 -0
- data/templates/project/index.html +53 -0
- data/templates/project/manifest.rb +83 -0
- data/templates/project/sass/index.scss +11 -0
- data/templates/project/sass/partials/variations/_index.scss +33 -0
- data/templates/project/sass/partials/variations/_v1.scss +92 -0
- data/templates/project/sass/partials/variations/_v2.scss +69 -0
- data/templates/project/sass/partials/variations/_v3.scss +50 -0
- data/templates/project/sass/screen-v1.scss +11 -0
- data/templates/project/sass/screen-v2.scss +11 -0
- data/templates/project/sass/screen-v3.scss +11 -0
- 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
|
+
|