djmaze-compass-yaml-plugin 0.9.6

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,12 @@
1
+ lib/yaml/compass_plugin.rb
2
+ lib/yaml/sass_extensions.rb
3
+ lib/yaml-css.rb
4
+ Manifest
5
+ Rakefile
6
+ README.mkdn
7
+ sass/yaml/core/_base.sass
8
+ sass/yaml/core/_iehacks.sass
9
+ templates/project/base.sass
10
+ templates/project/manifest.rb
11
+ templates/project/patch_my_layout.sass
12
+ VERSION
@@ -0,0 +1,25 @@
1
+ YAML CSS framework - Compass Plugin
2
+ ================================
3
+
4
+ * Port of Version 3.1
5
+ * 2009-06-23
6
+
7
+ Created by Martin Honermeyer. See the official site for more info: <http://www.yaml.de/en/home.html>
8
+
9
+ ---------
10
+
11
+ This plugin adds the YAML CSS framework to [Compass](http://compass-style.org/).
12
+
13
+ Install
14
+ =======
15
+
16
+ sudo gem install chriseppstein-compass
17
+ sudo gem install djmaze-compass-yaml-plugin
18
+
19
+ Create a YAML-based Compass Project
20
+ ==================================
21
+
22
+ compass -r yaml-css -f yaml <project name>
23
+
24
+ Then edit your `base.sass` and `patch_my_layout.sass` files accordingly.
25
+
@@ -0,0 +1,22 @@
1
+ require 'fileutils'
2
+ require 'sass'
3
+ #require 'lib/yaml/sass_extensions' # TODO Needed?
4
+
5
+ begin
6
+ require 'echoe'
7
+
8
+ Echoe.new('compass-yaml-plugin', open('VERSION').read) do |p|
9
+ # p.rubyforge_name = 'YAML'
10
+ p.summary = "Compass compatible Sass port of the YAML CSS framework."
11
+ p.description = %q{"Yet Another Multicolumn Layout" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users. http://www.yaml.de/en/home.html}
12
+ p.url = "http://github.com/djmaze/compass-yaml-plugin"
13
+ p.author = ['Chris Eppstein', 'Martin Honermeyer']
14
+ p.email = %q{chris@eppsteins.net maze@strahlungsfrei.de}
15
+ p.dependencies = ["chriseppstein-compass"]
16
+ p.has_rdoc = false
17
+ end
18
+
19
+ rescue LoadError => boom
20
+ puts "You are missing a dependency required for meta-operations on this gem."
21
+ puts "#{boom.to_s.capitalize}."
22
+ end
data/VERSION ADDED
@@ -0,0 +1 @@
1
+ 0.9.6
@@ -0,0 +1,36 @@
1
+ # -*- encoding: utf-8 -*-
2
+
3
+ Gem::Specification.new do |s|
4
+ s.name = %q{compass-yaml-plugin}
5
+ s.version = "0.9.6"
6
+
7
+ s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
8
+ s.authors = ["Chris Eppstein", "Martin Honermeyer"]
9
+ s.date = %q{2009-06-23}
10
+ s.description = %q{"Yet Another Multicolumn Layout" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users. http://www.yaml.de/en/home.html}
11
+ s.email = %q{chris@eppsteins.net maze@strahlungsfrei.de}
12
+ s.extra_rdoc_files = ["lib/yaml/compass_plugin.rb", "lib/yaml/sass_extensions.rb", "lib/yaml-css.rb", "README.mkdn"]
13
+ s.files = ["lib/yaml/compass_plugin.rb", "lib/yaml/sass_extensions.rb", "lib/yaml-css.rb", "Manifest", "Rakefile", "README.mkdn", "sass/yaml/core/_base.sass", "sass/yaml/core/_iehacks.sass", "templates/project/base.sass", "templates/project/manifest.rb", "templates/project/patch_my_layout.sass", "VERSION", "compass-yaml-plugin.gemspec"]
14
+ s.homepage = %q{http://github.com/djmaze/compass-yaml-plugin}
15
+ s.rdoc_options = ["--line-numbers", "--inline-source", "--title", "Compass-YAML-plugin", "--main", "README.mkdn"]
16
+ s.require_paths = ["lib"]
17
+ s.rubyforge_project = %q{compass-yaml-plugin}
18
+ s.rubygems_version = %q{1.3.3}
19
+ s.summary = %q{Compass compatible Sass port of the YAML CSS framework.}
20
+
21
+ if s.respond_to? :specification_version then
22
+ current_version = Gem::Specification::CURRENT_SPECIFICATION_VERSION
23
+ s.specification_version = 3
24
+
25
+ if Gem::Version.new(Gem::RubyGemsVersion) >= Gem::Version.new('1.2.0') then
26
+ s.add_runtime_dependency(%q<chriseppstein-compass>, [">= 0"])
27
+ s.add_development_dependency(%q<echoe>, [">= 0"])
28
+ else
29
+ s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
30
+ s.add_dependency(%q<echoe>, [">= 0"])
31
+ end
32
+ else
33
+ s.add_dependency(%q<chriseppstein-compass>, [">= 0"])
34
+ s.add_dependency(%q<echoe>, [">= 0"])
35
+ end
36
+ end
@@ -0,0 +1,2 @@
1
+ require File.join(File.dirname(__FILE__), 'yaml', 'compass_plugin')
2
+ require File.join(File.dirname(__FILE__), 'yaml', 'sass_extensions') # TODO needed?
@@ -0,0 +1,5 @@
1
+ options = Hash.new
2
+ options[:stylesheets_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'sass'))
3
+ options[:templates_directory] = File.expand_path(File.join(File.dirname(__FILE__), '..', '..', 'templates'))
4
+
5
+ Compass::Frameworks.register('yaml', options)
@@ -0,0 +1,7 @@
1
+ require 'sass'
2
+
3
+ module Sass::Script::Functions
4
+ def enumerate(prefix, from_index, to_index)
5
+ Sass::Script::String.new(((from_index.value)..(to_index.value)).map{|i| "#{prefix}#{i}"}.join(", "))
6
+ end
7
+ end
@@ -0,0 +1,253 @@
1
+ /* (en) overflow method for clearing floats */
2
+ /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
3
+ =floatbox
4
+ overflow: hidden
5
+ width: 100% /* IE5-7 */
6
+
7
+ /* (en) clearfix method for clearing floats */
8
+ /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
9
+ / TODO: Replace with clearfix from Compass - is it possible?
10
+ =clearfix
11
+ +has-layout
12
+
13
+ &:after
14
+ content: "."
15
+ display: block
16
+ font-size: 0
17
+ height: 0
18
+ clear: both
19
+ visibility: hidden
20
+
21
+
22
+ @media all
23
+
24
+ /**
25
+ * @section browser reset
26
+ * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
27
+
28
+ /* (en) Global reset of paddings and margins for all HTML elements */
29
+ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
30
+
31
+ *
32
+ margin: 0
33
+ padding: 0
34
+
35
+ /* (en) Correction: margin/padding reset caused too small select boxes. */
36
+ /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
37
+ option
38
+ /* LTR */
39
+ padding-left: 0.4em
40
+
41
+ select
42
+ padding: 1px
43
+
44
+ /**
45
+ * (en) Global fix of the Italics bugs in IE 5.x and IE 6
46
+ * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
47
+ *
48
+ * @bugfix
49
+ * @affected IE 5.x/Win, IE6
50
+ * @css-for IE 5.x/Win, IE6
51
+ * @valid yes
52
+ */
53
+ * html body *
54
+ overflow: visible
55
+ * html iframe, * html frame
56
+ overflow: auto
57
+ * html frameset
58
+ overflow: hidden
59
+
60
+ /* (en) Forcing vertical scrollbars in Netscape, Firefox and Safari browsers */
61
+ /* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
62
+ html
63
+ height: 100%
64
+ margin-bottom: 1px
65
+ body
66
+ /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
67
+ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
68
+ font-size: 100.01%
69
+
70
+ /* (en) Standard values for colors and text alignment */
71
+ /* (de) Vorgabe der Standardfarben und Textausrichtung */
72
+ color: #000
73
+ background: #fff
74
+ /* LTR */
75
+ text-align: left
76
+ }
77
+
78
+ /* (en) Clear borders for <fieldset> and <img> elements */
79
+ /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
80
+ fieldset, img
81
+ border: 0 solid
82
+
83
+ /* (en) new standard values for lists, blockquote and cite */
84
+ /* (de) Neue Standardwerte für Listen & Zitate */
85
+ ul, ol, dl
86
+ /* LTR */
87
+ margin: 0 0 1em 1em
88
+ li
89
+ /* LTR */
90
+ margin-left: 0.8em
91
+ line-height: 1.5em
92
+
93
+ dt
94
+ font-weight: bold
95
+ dd
96
+ /* LTR */
97
+ margin: 0 0 1em 0.8em
98
+
99
+ blockquote
100
+ /* LTR */
101
+ margin: 0 0 1em 0.8em
102
+
103
+ blockquote:before, blockquote:after, q:before, q:after
104
+ content: ""
105
+
106
+ /*------------------------------------------------------------------------------------------------------*/
107
+
108
+ /**
109
+ * @section base layout | Basis Layout
110
+ * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
111
+ *
112
+ * |-------------------------------|
113
+ * | #header |
114
+ * |-------------------------------|
115
+ * | #col1 | #col3 | #col2 |
116
+ * | 200 px | flexible | 200px |
117
+ * |-------------------------------|
118
+ * | #footer |
119
+ * |-------------------------------|
120
+
121
+ #header
122
+ position: relative
123
+
124
+ /* (en) Text Alignment for #topnav content */
125
+ /* (de) Textausrichtung für #topnav Inhalte */
126
+ #topnav
127
+ /* LTR */
128
+ text-align: right
129
+
130
+ /* (en) Absolute positioning only within #header */
131
+ /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
132
+ #header #topnav
133
+ position: absolute
134
+ top: 10px
135
+ /* LTR */
136
+ right: 10px
137
+
138
+ /* (en) Backup for correct positioning */
139
+ /* (de) Absicherung korrekte Positionierung */
140
+ #header, #nav, #main, #footer
141
+ clear: both
142
+
143
+ /* (en/de) Standard: 200 Pixel */
144
+ #col1
145
+ float: left
146
+ width: 200px
147
+ /* (en/de) Standard: 200 Pixel */
148
+ #col2
149
+ float: right
150
+ width: 200px
151
+ /* (en) Standard: center column with flexible width */
152
+ /* (de) Standard: Flexible mittlere Spalte */
153
+ #col3
154
+ width: auto
155
+ margin: 0 200px
156
+
157
+ /* (en) Preparation for absolute positioning within content columns */
158
+ /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
159
+ #col1_content, #col2_content, #col3_content
160
+ position: relative
161
+
162
+ /*------------------------------------------------------------------------------------------------------*/
163
+
164
+ /**
165
+ * @section clearing methods
166
+ * @see http://yaml.de/en/documentation/basics/general.html
167
+
168
+
169
+ /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
170
+ /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
171
+ #ie_clearing
172
+ display: none
173
+
174
+ /*------------------------------------------------------------------------------------------------------*/
175
+
176
+ /**
177
+ * @section subtemplates
178
+ * @see http://www.yaml.de/en/documentation/practice/subtemplates.html
179
+
180
+ .subcolumns
181
+ width: 100%
182
+ overflow: hidden
183
+
184
+ /* (en) alternative class for optional support of old Mozilla/Netscape browers */
185
+ /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
186
+ .subcolumns_oldgecko
187
+ width: 100%
188
+ float: left
189
+
190
+ .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l
191
+ float: left
192
+ .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r
193
+ float: right
194
+ margin-left: -5px
195
+
196
+ .c25l, .c25r
197
+ width: 25%
198
+ .c33l, .c33r
199
+ width: 33.333%
200
+ .c50l, .c50r
201
+ width: 50%
202
+ .c66l, .c66r
203
+ width: 66.666%
204
+ .c75l, .c75r
205
+ width: 75%
206
+ .c38l, .c38r
207
+ width: 38.2%
208
+ .c62l, .c62r
209
+ width: 61.8%
210
+
211
+ .subc
212
+ padding: 0 0.5em
213
+ .subcl
214
+ padding: 0 1em 0 0
215
+ .subcr
216
+ padding: 0 0 0 1em
217
+
218
+ .equalize, .equalize .subcolumns
219
+ overflow: visible
220
+ display: table
221
+ table-layout: fixed
222
+ .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
223
+ .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
224
+ .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r
225
+ display: table-cell
226
+ vertical-align: top
227
+ float: none
228
+ margin: 0
229
+ overflow: hidden
230
+
231
+ /*------------------------------------------------------------------------------------------------------*/
232
+
233
+ /**
234
+ * @section hidden elements | Versteckte Elemente
235
+ * @see http://www.yaml.de/en/documentation/basics/skip-links.html
236
+ *
237
+ * (en) skip links and hidden content
238
+ * (de) Skip-Links und versteckte Inhalte
239
+
240
+ /* (en) classes for invisible elements in the base layout */
241
+ /* (de) Klassen für unsichtbare Elemente im Basislayout */
242
+ .skip, .hideme, .print, dfn
243
+ position: absolute
244
+ /* LTR */
245
+ left: -1000em
246
+ top: -1000em
247
+
248
+ /* (en) make skip links visible when using tab navigation */
249
+ /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
250
+ .skip:focus, .skip:active
251
+ position: static
252
+ left: 0
253
+ top: 0
@@ -0,0 +1,380 @@
1
+ /**
2
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
3
+ *
4
+ * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs
5
+ * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win
6
+ *
7
+ * Don't make any changes in this file!
8
+ * Your changes should be added to a separate patch-file.
9
+ *
10
+ * @copyright Copyright 2005-2009, Dirk Jesse
11
+ * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
12
+ * YAML-C (http://www.yaml.de/en/license/license-conditions.html)
13
+ * @link http://www.yaml.de
14
+ * @package yaml
15
+ * @version 3.1
16
+ * @revision $Revision: 343 $
17
+ * @lastmodified $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
18
+ * @appdef yaml
19
+
20
+ @media all
21
+ /**
22
+ * (en) Debugging: When you see a green background, IE is getting this stylesheet
23
+ * (de) Fehlersuche: Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde
24
+ *
25
+ * @debug
26
+ * @app-yaml-default disabled
27
+
28
+ /* body { background: #0f0; background-image: none; } */
29
+
30
+ /*------------------------------------------------------------------------------------------------------*/
31
+
32
+ /**
33
+ * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari)
34
+ * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari)
35
+ *
36
+ * @workaround
37
+ * @affected IE 5.x/Win, IE6, IE7
38
+ * @css-for IE 5.x/Win, IE6, IE7
39
+ * @valid yes
40
+
41
+ html
42
+ height: auto
43
+ margin-bottom: 0
44
+
45
+ /*------------------------------------------------------------------------------------------------------*/
46
+
47
+ /**
48
+ * (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements
49
+ * (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen
50
+ *
51
+ * @workaround
52
+ * @affected IE 5.x/Win, IE6
53
+ * @css-for IE 5.x/Win, IE6
54
+ * @valid no
55
+
56
+ * html textarea
57
+ overflow: scroll
58
+ overflow-x: hidden
59
+ * html input
60
+ overflow: hidden
61
+
62
+ /*------------------------------------------------------------------------------------------------------*/
63
+
64
+ /**
65
+ * (en) Stability fixes with 'position:relative'
66
+ * (de) Stabilitätsverbesserungen durch 'position:relative'
67
+ *
68
+ * @bugfix
69
+ * @affected IE 5.x/Win, IE6, IE7
70
+ * @css-for IE 5.x/Win, IE6, IE7
71
+ * @valid yes
72
+
73
+ body
74
+ position: relative /* Essential in IE7 for correct layout scaling ... */
75
+ * html body
76
+ position: static /* ... but not for IE5.x and IE6 */
77
+
78
+ #main
79
+ position: relative /* helpful for several problems in older IE versions*/
80
+
81
+ /*------------------------------------------------------------------------------------------------------*/
82
+
83
+ /**
84
+ * (en) Clearfix Method for containing floats in IE
85
+ * (de) Clearfix-Anpassung für diverse IE-Versionen
86
+ *
87
+ * @workaround
88
+ * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28
89
+ * @affected IE 5.x/Win, IE6, IE7
90
+ * @css-for IE 5.x/Win, IE6, IE7
91
+ * @valid yes
92
+
93
+ .clearfix
94
+ display: inline-block /* ... especial for IE7 */
95
+ .clearfix
96
+ display: block /* ... für IE5,IE6,IE7 */
97
+ * html .clearfix
98
+ height: 1% /* ... für IE5 + IE6/Win | hasLayout aktivieren */
99
+
100
+ /*------------------------------------------------------------------------------------------------------*/
101
+
102
+ /**
103
+ * (en) Adjustment of .floatbox class for IE
104
+ * (de) Anpassung der .floatbox-Klasse für IE
105
+ *
106
+ * @workaround
107
+ * @affected IE 5.x/Win, IE6, IE7
108
+ * @css-for IE 5.x/Win, IE6, IE7
109
+ * @valid yes
110
+
111
+ .floatbox
112
+ width: 100%
113
+
114
+ /*------------------------------------------------------------------------------------------------------*/
115
+
116
+ /**
117
+ * (en) Special class for oversized content element
118
+ * (de) Spezielle Klasse für übergroße Inhaltselemente
119
+ *
120
+ * @workaround
121
+ * @affected IE 5.x/Win, IE6
122
+ * @css-for IE 5.x/Win, IE6
123
+ * @valid yes
124
+
125
+ .slidebox
126
+ position: relative
127
+ margin-right: -1000px
128
+ height: 1%
129
+
130
+ /*------------------------------------------------------------------------------------------------------*/
131
+
132
+ /**
133
+ * (en): Bugfix for partially displayed column separators
134
+ * (de): Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner
135
+ *
136
+ * @bugfix
137
+ * @affected IE 5.x/Win, IE6
138
+ * @css-for IE 5.x/Win, IE6
139
+ * @valid yes
140
+
141
+ * html #col1, * html #col2, * html #col3
142
+ position: relative
143
+
144
+ /*------------------------------------------------------------------------------------------------------*/
145
+
146
+ /**
147
+ * (en) Preventing several css bugs by forcing "hasLayout"
148
+ * (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout"
149
+ *
150
+ * @workaround
151
+ * @affected IE 5.x/Win, IE6, IE7
152
+ * @css-for IE 5.x/Win, IE6, IE7
153
+ * @valid no
154
+
155
+ body
156
+ height: 1%
157
+ #page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer
158
+ zoom: 1 /* IE6 & IE7 */
159
+ #page_margins, #page, .page_margins, .page
160
+ height: 1% /* IE 5.x */
161
+ * html #header, * html #nav, * html #main, * html #footer
162
+ width: 100% /* IE 5.x & IE6 */
163
+ * html #header, * html #nav, * html #main, * html #footer
164
+ wid\th: auto /* IE 6 */
165
+
166
+ /*------------------------------------------------------------------------------------------------------*/
167
+
168
+ /**
169
+ * Disappearing List-Background Bug
170
+ * @see http://www.positioniseverything.net/explorer/ie-listbug.html
171
+ *
172
+ * @bugfix
173
+ * @affected IE 5.x/Win, IE6
174
+ * @css-for IE 5.x/Win, IE6
175
+ * @valid yes
176
+
177
+ * html ul, * html ol, * html dl
178
+ position: relative
179
+
180
+ /*------------------------------------------------------------------------------------------------------*/
181
+
182
+ /**
183
+ * List-Numbering Bug
184
+ *
185
+ * @bugfix
186
+ * @affected IE 5.x/Win, IE6, IE7
187
+ * @css-for IE 5.x/Win, IE6, IE7
188
+ * @valid yes
189
+
190
+ body ol li
191
+ display: list-item
192
+
193
+ /**
194
+ * Form related bugfixes
195
+ *
196
+ * @bugfix
197
+ * @affected IE 5.x/Win, IE6, IE7
198
+ * @css-for IE 5.x/Win, IE6, IE7
199
+ * @valid no
200
+
201
+ fieldset, legend
202
+ position: relative
203
+ /* global fixes for YAML's form construction set */
204
+ form.yform, form.yform div, form.yform div *
205
+ zoom: 1
206
+
207
+ /*------------------------------------------------------------------------------------------------------*/
208
+
209
+ /**
210
+ * (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear
211
+ * Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the
212
+ * longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed
213
+ * in YAML.
214
+ *
215
+ * (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear
216
+ * Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout
217
+ * wenn gleichzeitig die rechte Spalte die kürzeste und die rechte die Längste ist. Im IE6 und IE7 lässt
218
+ * sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen.
219
+ *
220
+ * @workaround
221
+ * @affected IE 5.x/Win, IE6, IE7
222
+ * @css-for IE 5.x/Win, IE6, IE7
223
+ * @valid no
224
+
225
+ html #ie_clearing
226
+ /* (en) Only a small help for debugging */
227
+ /* (de) Nur eine kleine Hilfe zur Fehlersuche */
228
+ position: static
229
+
230
+ /* (en) Make container visible in IE */
231
+ /* (de) Container sichtbar machen im IE */
232
+ display: block
233
+
234
+ /* (en) No fix possible in IE5.x, normal clearing used instead */
235
+ /* (de) Kein Fix im IE5.x möglich, daher normales Clearing */
236
+ \clear: both
237
+
238
+ /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7*/
239
+ /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 */
240
+ width: 100%
241
+ font-size: 0px
242
+ margin: -2px 0 -1em 1px
243
+
244
+ * html #ie_clearing
245
+ margin: -2px 0 -1em 0
246
+ #col3_content
247
+ margin-bottom: -2px
248
+
249
+ /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins */
250
+ /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 */
251
+ html
252
+ margin-right: 1px
253
+ * html
254
+ margin-right: 0
255
+
256
+ /* (en) Bugfix: Essential for IE7 */
257
+ /* (de) Bugfix: Notwendig im IE7 */
258
+ #col3
259
+ position: relative
260
+
261
+ /*------------------------------------------------------------------------------------------------------*/
262
+
263
+ /**
264
+ * IE z-index-Fix
265
+ * brings #col1 and #col2 in front of #col3
266
+ *
267
+ * @workaround
268
+ * @affected all IE
269
+ * @css-for all IE
270
+ * @valid yes
271
+
272
+ *+html #col3
273
+ z-index: -1
274
+ * html #col1, * html #col2
275
+ z-index: 1
276
+ * html #col3
277
+ z-index: auto
278
+
279
+ /*------------------------------------------------------------------------------------------------------*/
280
+
281
+ /**
282
+ * IE/Win Guillotine Bug
283
+ * @see http://www.positioniseverything.net/explorer/guillotine.html
284
+ *
285
+ * @workaround
286
+ * @affected IE 5.x/Win, IE6
287
+ * @css-for IE 5.x/Win, IE6
288
+ * @valid yes
289
+
290
+ * html body a, * html body a:hover
291
+ background-color: transparent
292
+
293
+ @media screen, projection
294
+
295
+ /**
296
+ * (en) IE-Adjustments for content columns and subtemplates
297
+ * (de) IE-Anpassung für Spaltencontainer und Subtemplates
298
+ *
299
+ * Doubled Float-Margin Bug
300
+ * @see http://positioniseverything.net/explorer/doubled-margin.html
301
+ *
302
+ * @bugfix
303
+ * @affected IE 5.x/Win, IE6
304
+ * @css-for IE 5.x/Win, IE6, IE7
305
+ * @valid yes
306
+
307
+ #col1, #col2
308
+ display: inline
309
+
310
+ .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,
311
+ .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r
312
+ display: inline
313
+
314
+ /* Fix for: "Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
315
+ * html .equalize, * html .equalize .subcolumns
316
+ overflow: visible
317
+ display: block
318
+ .equalize, .equalize .subcolumns
319
+ overflow: hidden
320
+ display: block
321
+
322
+ /* transform CSS tables back into floats */
323
+ .equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,.equalize .c66l,.equalize .c75l,.equalize .c62l
324
+ float: left
325
+ display: inline
326
+ padding-bottom: 32767px
327
+ margin-bottom: -32767px
328
+
329
+ .equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,.equalize .c66r,.equalize .c75r,.equalize .c62r
330
+ float: right
331
+ margin-left: -5px
332
+ display: inline
333
+ padding-bottom: 32767px
334
+ margin-bottom: -32767px
335
+
336
+ .no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,.no-ie-padding .c66l,.no-ie-padding .c75l,.no-ie-padding .c62l,
337
+ .no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,.no-ie-padding .c66r,.no-ie-padding .c75r,.no-ie-padding .c62r
338
+ padding-bottom: 0
339
+ margin-bottom: 0
340
+
341
+ /*------------------------------------------------------------------------------------------------------*/
342
+
343
+ /**
344
+ * Internet Explorer and the Expanding Box Problem
345
+ * @see http://www.positioniseverything.net/explorer/expandingboxbug.html
346
+ *
347
+ * @workaround
348
+ * @affected IE 5.x/Win, IE6
349
+ * @css-for IE 5.x/Win, IE6
350
+ * @valid yes
351
+
352
+ * html #col1_content,
353
+ * html #col2_content,
354
+ * html #col3_content
355
+ word-wrap: break-word
356
+
357
+ /* trigger hasLayout to force containing content */
358
+ .subc, .subcl, .subcr
359
+ height: 1%
360
+
361
+ /* avoid growing widths */
362
+ * html .subc,
363
+ * html .subcl,
364
+ * html .subcr
365
+ word-wrap: break-word
366
+ overflow: hidden
367
+
368
+ @media print
369
+
370
+ /**
371
+ * (en) Avoid unneeded page breaks of #col3 content in print layout.
372
+ * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3.
373
+ *
374
+ * @bugfix
375
+ * @affected IE7
376
+ * @css-for IE 5.x/Win, IE6, IE7
377
+ * @valid yes
378
+
379
+ #col3
380
+ height: 1%
@@ -0,0 +1,14 @@
1
+ @import compass/reset.sass
2
+ / @import compass/utilities/general/clearfix.sass / TODO: Re-insert when adapted to Compass clearfix!
3
+
4
+
5
+ /* import core styles | Basis-Stylesheets einbinden
6
+ @import yaml/core/base.sass
7
+
8
+ /* import print layout | Druck-Layout einbinden
9
+ / @import yaml/print/print_draft.css / TODO
10
+
11
+ /* import screen layout | Screen-Layout einbinden
12
+ @import navigation
13
+ @import screen/basemod
14
+ @import screen/content
@@ -0,0 +1 @@
1
+ stylesheet 'base.sass', :media => "screen, projection"
@@ -0,0 +1,20 @@
1
+ /* Layout-Independent Adjustments
2
+ @import yaml/core/iehacks.sass
3
+
4
+
5
+ @media screen, projection
6
+
7
+ /*
8
+ min-width/max-width workaround for IE5.x & IE6
9
+
10
+ @workaround
11
+ @affected IE 5.x/Win, IE6
12
+ @css-for IE 5.x/Win, IE6
13
+ @valid no
14
+
15
+ * html div#page_margins
16
+ /* Fallback if JavaScript is disabled
17
+ :width 80em
18
+
19
+ /* JS-Expression for min-/max-width simulation
20
+ :width expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < !min_pixels) ? ! : ((document.documentElement.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (90 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "90em" : "auto" )))
metadata ADDED
@@ -0,0 +1,93 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: djmaze-compass-yaml-plugin
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.9.6
5
+ platform: ruby
6
+ authors:
7
+ - Chris Eppstein
8
+ - Martin Honermeyer
9
+ autorequire:
10
+ bindir: bin
11
+ cert_chain: []
12
+
13
+ date: 2009-06-23 00:00:00 -07:00
14
+ default_executable:
15
+ dependencies:
16
+ - !ruby/object:Gem::Dependency
17
+ name: chriseppstein-compass
18
+ type: :runtime
19
+ version_requirement:
20
+ version_requirements: !ruby/object:Gem::Requirement
21
+ requirements:
22
+ - - ">="
23
+ - !ruby/object:Gem::Version
24
+ version: "0"
25
+ version:
26
+ - !ruby/object:Gem::Dependency
27
+ name: echoe
28
+ type: :development
29
+ version_requirement:
30
+ version_requirements: !ruby/object:Gem::Requirement
31
+ requirements:
32
+ - - ">="
33
+ - !ruby/object:Gem::Version
34
+ version: "0"
35
+ version:
36
+ description: "\"Yet Another Multicolumn Layout\" (YAML) is an (X)HTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users. http://www.yaml.de/en/home.html"
37
+ email: chris@eppsteins.net maze@strahlungsfrei.de
38
+ executables: []
39
+
40
+ extensions: []
41
+
42
+ extra_rdoc_files:
43
+ - lib/yaml/compass_plugin.rb
44
+ - lib/yaml/sass_extensions.rb
45
+ - lib/yaml-css.rb
46
+ - README.mkdn
47
+ files:
48
+ - lib/yaml/compass_plugin.rb
49
+ - lib/yaml/sass_extensions.rb
50
+ - lib/yaml-css.rb
51
+ - Manifest
52
+ - Rakefile
53
+ - README.mkdn
54
+ - sass/yaml/core/_base.sass
55
+ - sass/yaml/core/_iehacks.sass
56
+ - templates/project/base.sass
57
+ - templates/project/manifest.rb
58
+ - templates/project/patch_my_layout.sass
59
+ - VERSION
60
+ - compass-yaml-plugin.gemspec
61
+ has_rdoc: false
62
+ homepage: http://github.com/djmaze/compass-yaml-plugin
63
+ post_install_message:
64
+ rdoc_options:
65
+ - --line-numbers
66
+ - --inline-source
67
+ - --title
68
+ - Compass-YAML-plugin
69
+ - --main
70
+ - README.mkdn
71
+ require_paths:
72
+ - lib
73
+ required_ruby_version: !ruby/object:Gem::Requirement
74
+ requirements:
75
+ - - ">="
76
+ - !ruby/object:Gem::Version
77
+ version: "0"
78
+ version:
79
+ required_rubygems_version: !ruby/object:Gem::Requirement
80
+ requirements:
81
+ - - ">="
82
+ - !ruby/object:Gem::Version
83
+ version: "1.2"
84
+ version:
85
+ requirements: []
86
+
87
+ rubyforge_project: compass-yaml-plugin
88
+ rubygems_version: 1.2.0
89
+ signing_key:
90
+ specification_version: 3
91
+ summary: Compass compatible Sass port of the YAML CSS framework.
92
+ test_files: []
93
+