djmaze-compass-yaml-plugin 0.9.6
Sign up to get free protection for your applications and to get access to all the features.
- data/Manifest +12 -0
- data/README.mkdn +25 -0
- data/Rakefile +22 -0
- data/VERSION +1 -0
- data/compass-yaml-plugin.gemspec +36 -0
- data/lib/yaml-css.rb +2 -0
- data/lib/yaml/compass_plugin.rb +5 -0
- data/lib/yaml/sass_extensions.rb +7 -0
- data/sass/yaml/core/_base.sass +253 -0
- data/sass/yaml/core/_iehacks.sass +380 -0
- data/templates/project/base.sass +14 -0
- data/templates/project/manifest.rb +1 -0
- data/templates/project/patch_my_layout.sass +20 -0
- metadata +93 -0
data/Manifest
ADDED
@@ -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
|
data/README.mkdn
ADDED
@@ -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
|
+
|
data/Rakefile
ADDED
@@ -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
|
data/lib/yaml-css.rb
ADDED
@@ -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,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
|
+
|