compass-susy-plugin 0.6.2
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.
- data/LICENSE.txt +28 -0
- data/Manifest +17 -0
- data/README.mkdn +233 -0
- data/Rakefile +22 -0
- data/VERSION +1 -0
- data/compass-susy-plugin.gemspec +36 -0
- data/docs/tutorial/figures/susy_element.png +0 -0
- data/docs/tutorial/figures/susy_grid.png +0 -0
- data/docs/tutorial/index.mkdn +303 -0
- data/lib/susy.rb +2 -0
- data/lib/susy/compass_plugin.rb +5 -0
- data/lib/susy/sass_extensions.rb +79 -0
- data/sass/susy/_grid.sass +115 -0
- data/sass/susy/_susy.sass +18 -0
- data/sass/susy/_text.sass +21 -0
- data/sass/susy/_utils.sass +211 -0
- data/templates/project/_base.sass +162 -0
- data/templates/project/ie.sass +10 -0
- data/templates/project/manifest.rb +4 -0
- data/templates/project/print.sass +12 -0
- data/templates/project/screen.sass +51 -0
- metadata +102 -0
@@ -0,0 +1,162 @@
|
|
1
|
+
//**
|
2
|
+
// Susy: Elastic-Fluid grids without all the math
|
3
|
+
// by Eric Meyer and OddBird Collective
|
4
|
+
// Site: www.oddbird.net/susy/
|
5
|
+
//**
|
6
|
+
|
7
|
+
//**
|
8
|
+
GRID
|
9
|
+
un-comment and override these values as needed for your grid layout
|
10
|
+
(defaults are shown)
|
11
|
+
// !grid_unit = "em"
|
12
|
+
// !total_cols = 16
|
13
|
+
// !col_width = 4
|
14
|
+
// !gutter_width = 1
|
15
|
+
// !side_gutter_width = !gutter_width
|
16
|
+
|
17
|
+
//**
|
18
|
+
HACKS
|
19
|
+
Are you using hacks or conditional comments? Susy makes both possible.
|
20
|
+
Leave this as 'true' to use hacks, set it as false for conditional comments.
|
21
|
+
Conditional comments will require overrides for +omega, +inline-block and
|
22
|
+
several other mixins.
|
23
|
+
!hacks = true
|
24
|
+
|
25
|
+
//**
|
26
|
+
FONT-SIZE
|
27
|
+
un-comment and override these values as needed (defaults are shown)
|
28
|
+
- you set the font and line heights in pixels.
|
29
|
+
- Susy will do the math and give you !base_font_size and !base_line_height
|
30
|
+
variables, set flexibly against the common browser default of 16px
|
31
|
+
// !base_font_size_px = 12
|
32
|
+
// !base_line_height_px = 18
|
33
|
+
|
34
|
+
// SUSY
|
35
|
+
// (don't move this @import above the GRID and FONT-SIZE overrides)
|
36
|
+
@import susy/susy.sass
|
37
|
+
|
38
|
+
// COLORS
|
39
|
+
// set any colors you will need later
|
40
|
+
!dark = #000
|
41
|
+
!light = #fff
|
42
|
+
|
43
|
+
// FONTS
|
44
|
+
// Give yourself some font stacks to work with
|
45
|
+
=sans-family
|
46
|
+
:font-family Futura, sans-serif
|
47
|
+
|
48
|
+
=serif-family
|
49
|
+
:font-family Baskerville, serif
|
50
|
+
|
51
|
+
// Remember to add default styles to everything!
|
52
|
+
|
53
|
+
/* @group links */
|
54
|
+
|
55
|
+
\:focus
|
56
|
+
|
57
|
+
a
|
58
|
+
|
59
|
+
/* @end */
|
60
|
+
|
61
|
+
|
62
|
+
/* @group headers */
|
63
|
+
|
64
|
+
h1, h2, h3, h4, h5, h6
|
65
|
+
|
66
|
+
/* @end */
|
67
|
+
|
68
|
+
|
69
|
+
/* @group forms */
|
70
|
+
|
71
|
+
form
|
72
|
+
|
73
|
+
fieldset
|
74
|
+
|
75
|
+
legend
|
76
|
+
|
77
|
+
label
|
78
|
+
|
79
|
+
textarea
|
80
|
+
|
81
|
+
input
|
82
|
+
|
83
|
+
button
|
84
|
+
|
85
|
+
/* @end */
|
86
|
+
|
87
|
+
|
88
|
+
/* @group tables */
|
89
|
+
|
90
|
+
/* tables still need 'cellspacing="0"' in the markup */
|
91
|
+
|
92
|
+
table
|
93
|
+
|
94
|
+
thead
|
95
|
+
|
96
|
+
tbody
|
97
|
+
|
98
|
+
tfoot
|
99
|
+
|
100
|
+
tr
|
101
|
+
|
102
|
+
th
|
103
|
+
|
104
|
+
td
|
105
|
+
|
106
|
+
/* @end */
|
107
|
+
|
108
|
+
|
109
|
+
/* @group block tags */
|
110
|
+
|
111
|
+
p
|
112
|
+
|
113
|
+
=list-default(!ol = false)
|
114
|
+
@if !ol
|
115
|
+
:list-style decimal
|
116
|
+
:margin 0 1.5em 1.5em 1.5em
|
117
|
+
@else
|
118
|
+
:list-style disc
|
119
|
+
:margin 0 1.5em 1.5em 1.5em
|
120
|
+
|
121
|
+
=no-style-list
|
122
|
+
+no-bullets
|
123
|
+
:margin 0
|
124
|
+
:padding 0
|
125
|
+
|
126
|
+
ol
|
127
|
+
+list-default("ol")
|
128
|
+
|
129
|
+
ul
|
130
|
+
+list-default
|
131
|
+
|
132
|
+
blockquote
|
133
|
+
|
134
|
+
/* @end */
|
135
|
+
|
136
|
+
|
137
|
+
/* @group inline tags */
|
138
|
+
|
139
|
+
cite
|
140
|
+
|
141
|
+
em
|
142
|
+
:font-style italic
|
143
|
+
|
144
|
+
strong
|
145
|
+
:font-weight bold
|
146
|
+
|
147
|
+
ins
|
148
|
+
:text-decoration underline
|
149
|
+
|
150
|
+
del
|
151
|
+
:text-decoration line-through
|
152
|
+
|
153
|
+
q
|
154
|
+
|
155
|
+
/* @end */
|
156
|
+
|
157
|
+
|
158
|
+
/* @group replaced tags */
|
159
|
+
|
160
|
+
img
|
161
|
+
|
162
|
+
/* @end */
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/*
|
2
|
+
Welcome to Susy. Use this file to write IE specific override styles.
|
3
|
+
Import this file using the following HTML or equivalent:
|
4
|
+
<!--[if IE]>
|
5
|
+
<link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
|
6
|
+
<![endif]-->
|
7
|
+
|
8
|
+
/* @group defaults */
|
9
|
+
@import base.sass
|
10
|
+
/* @end */
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/*
|
2
|
+
Welcome to Susy. Use this file to define print styles.
|
3
|
+
Import this file using the following HTML or equivalent:
|
4
|
+
<link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />
|
5
|
+
|
6
|
+
/* @group reset */
|
7
|
+
@import compass/reset.sass
|
8
|
+
/* @end */
|
9
|
+
|
10
|
+
/* @group defaults */
|
11
|
+
@import base.sass
|
12
|
+
/* @end */
|
@@ -0,0 +1,51 @@
|
|
1
|
+
/*
|
2
|
+
Welcome to Susy. Use this file to define screen styles.
|
3
|
+
Import this file using the following HTML or equivalent:
|
4
|
+
<link href="/stylesheets/screen.css" media="screen" rel="stylesheet" type="text/css" />
|
5
|
+
|
6
|
+
/* @group reset */
|
7
|
+
@import compass/reset.sass
|
8
|
+
/* @end */
|
9
|
+
|
10
|
+
/* @group defaults */
|
11
|
+
@import base.sass
|
12
|
+
/* @end */
|
13
|
+
|
14
|
+
|
15
|
+
/* @group STRUCTURE */
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
/* @end */
|
20
|
+
|
21
|
+
|
22
|
+
/* @group COMPONENTS by type */
|
23
|
+
|
24
|
+
|
25
|
+
|
26
|
+
/* @end */
|
27
|
+
|
28
|
+
|
29
|
+
/* @group OVERRIDES by content */
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
/* @end */
|
34
|
+
|
35
|
+
|
36
|
+
/* @group OVERRIDES by page */
|
37
|
+
|
38
|
+
|
39
|
+
|
40
|
+
/* @end */
|
41
|
+
|
42
|
+
|
43
|
+
/* @group DEBUG */
|
44
|
+
|
45
|
+
/* uncomment, adjust and use for debugging */
|
46
|
+
|
47
|
+
/*
|
48
|
+
#page
|
49
|
+
+show-grid("grid.png")
|
50
|
+
|
51
|
+
/* @end */
|
metadata
ADDED
@@ -0,0 +1,102 @@
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
2
|
+
name: compass-susy-plugin
|
3
|
+
version: !ruby/object:Gem::Version
|
4
|
+
version: 0.6.2
|
5
|
+
platform: ruby
|
6
|
+
authors:
|
7
|
+
- Eric Meyer
|
8
|
+
autorequire:
|
9
|
+
bindir: bin
|
10
|
+
cert_chain: []
|
11
|
+
|
12
|
+
date: 2009-07-12 00:00:00 -04:00
|
13
|
+
default_executable:
|
14
|
+
dependencies:
|
15
|
+
- !ruby/object:Gem::Dependency
|
16
|
+
name: chriseppstein-compass
|
17
|
+
type: :runtime
|
18
|
+
version_requirement:
|
19
|
+
version_requirements: !ruby/object:Gem::Requirement
|
20
|
+
requirements:
|
21
|
+
- - ">="
|
22
|
+
- !ruby/object:Gem::Version
|
23
|
+
version: "0"
|
24
|
+
version:
|
25
|
+
- !ruby/object:Gem::Dependency
|
26
|
+
name: echoe
|
27
|
+
type: :development
|
28
|
+
version_requirement:
|
29
|
+
version_requirements: !ruby/object:Gem::Requirement
|
30
|
+
requirements:
|
31
|
+
- - ">="
|
32
|
+
- !ruby/object:Gem::Version
|
33
|
+
version: "0"
|
34
|
+
version:
|
35
|
+
description: Susy is a ground-up native Compass plugin grid system that takes full advantage of Sass' capabilities to remove the tedium from grid-based web design.
|
36
|
+
email: eric@oddbird.net
|
37
|
+
executables: []
|
38
|
+
|
39
|
+
extensions: []
|
40
|
+
|
41
|
+
extra_rdoc_files:
|
42
|
+
- lib/susy/compass_plugin.rb
|
43
|
+
- lib/susy/sass_extensions.rb
|
44
|
+
- lib/susy.rb
|
45
|
+
- README.mkdn
|
46
|
+
files:
|
47
|
+
- lib/susy/compass_plugin.rb
|
48
|
+
- lib/susy/sass_extensions.rb
|
49
|
+
- lib/susy.rb
|
50
|
+
- Manifest
|
51
|
+
- Rakefile
|
52
|
+
- README.mkdn
|
53
|
+
- sass/susy/_grid.sass
|
54
|
+
- sass/susy/_utils.sass
|
55
|
+
- sass/susy/_text.sass
|
56
|
+
- sass/susy/_susy.sass
|
57
|
+
- templates/project/_base.sass
|
58
|
+
- templates/project/screen.sass
|
59
|
+
- templates/project/print.sass
|
60
|
+
- templates/project/ie.sass
|
61
|
+
- templates/project/manifest.rb
|
62
|
+
- VERSION
|
63
|
+
- LICENSE.txt
|
64
|
+
- docs/tutorial/index.mkdn
|
65
|
+
- docs/tutorial/figures/susy_element.png
|
66
|
+
- docs/tutorial/figures/susy_grid.png
|
67
|
+
- compass-susy-plugin.gemspec
|
68
|
+
has_rdoc: true
|
69
|
+
homepage: http://github.com/ericam/compass-susy-plugin
|
70
|
+
licenses: []
|
71
|
+
|
72
|
+
post_install_message:
|
73
|
+
rdoc_options:
|
74
|
+
- --line-numbers
|
75
|
+
- --inline-source
|
76
|
+
- --title
|
77
|
+
- Compass-Susy-plugin
|
78
|
+
- --main
|
79
|
+
- README.mkdn
|
80
|
+
require_paths:
|
81
|
+
- lib
|
82
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
83
|
+
requirements:
|
84
|
+
- - ">="
|
85
|
+
- !ruby/object:Gem::Version
|
86
|
+
version: "0"
|
87
|
+
version:
|
88
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
89
|
+
requirements:
|
90
|
+
- - ">="
|
91
|
+
- !ruby/object:Gem::Version
|
92
|
+
version: "1.2"
|
93
|
+
version:
|
94
|
+
requirements: []
|
95
|
+
|
96
|
+
rubyforge_project: compass-susy-plugin
|
97
|
+
rubygems_version: 1.3.4
|
98
|
+
signing_key:
|
99
|
+
specification_version: 3
|
100
|
+
summary: A Compass grid system plugin.
|
101
|
+
test_files: []
|
102
|
+
|