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