compass-52-plugin 0.1 → 0.2
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.rdoc +8 -0
- data/MIT-LICENSE +21 -0
- data/README.rdoc +39 -0
- data/stylesheets/52/_forms.scss +77 -0
- data/stylesheets/52/_general.scss +65 -193
- data/stylesheets/52/_grid.scss +34 -33
- data/stylesheets/52/_reset.scss +64 -53
- data/templates/project/index.html +192 -0
- data/templates/project/manifest.rb +3 -2
- data/templates/project/modernizr.js +3 -0
- data/templates/project/selectivizr.js +6 -0
- data/templates/project/styles.scss +22 -17
- metadata +38 -47
- data/.gitignore +0 -5
- data/Gemfile +0 -4
- data/Gemfile.lock +0 -18
- data/README.mkdn +0 -42
- data/Rakefile +0 -2
- data/compass-52-plugin.gemspec +0 -22
- data/templates/project/html5.js +0 -2
- data/templates/project/index.html.haml +0 -221
data/stylesheets/52/_reset.scss
CHANGED
|
@@ -1,96 +1,107 @@
|
|
|
1
|
-
/*
|
|
1
|
+
/*
|
|
2
2
|
html5doctor.com Reset Stylesheet
|
|
3
|
-
v1.
|
|
4
|
-
|
|
3
|
+
v1.5
|
|
4
|
+
Last Updated: 2010-08-12
|
|
5
5
|
Author: Richard Clark - http://richclarkdesign.com
|
|
6
|
+
Twitter: @rich_clark
|
|
6
7
|
*/
|
|
7
8
|
|
|
8
|
-
html, body, div, span, object, iframe,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
html, body, div, span, object, iframe,
|
|
10
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
11
|
+
abbr, address, cite, code,
|
|
12
|
+
del, dfn, em, img, ins, kbd, q, samp,
|
|
13
|
+
small, strong, sub, sup, var,
|
|
14
|
+
b, i,
|
|
15
|
+
dl, dt, dd, ol, ul, li,
|
|
16
|
+
fieldset, form, label, legend,
|
|
17
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
18
|
+
article, aside, canvas, details, figcaption, figure,
|
|
19
|
+
footer, header, hgroup, menu, nav, section, summary,
|
|
20
|
+
time, mark, audio, video {
|
|
21
|
+
margin:0;
|
|
22
|
+
padding:0;
|
|
23
|
+
border:0;
|
|
24
|
+
outline:0;
|
|
25
|
+
vertical-align:baseline;
|
|
26
|
+
background:transparent;
|
|
16
27
|
}
|
|
17
28
|
|
|
18
29
|
body {
|
|
19
|
-
|
|
20
|
-
font: 75% / 1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
|
|
30
|
+
line-height:1;
|
|
21
31
|
}
|
|
22
32
|
|
|
23
|
-
article,
|
|
24
|
-
|
|
33
|
+
article,aside,canvas,details,figcaption,figure,
|
|
34
|
+
footer,header,hgroup,menu,nav,section,summary {
|
|
35
|
+
display:block;
|
|
25
36
|
}
|
|
26
37
|
|
|
27
38
|
nav ul {
|
|
28
|
-
|
|
39
|
+
list-style:none;
|
|
29
40
|
}
|
|
30
41
|
|
|
31
42
|
blockquote, q {
|
|
32
|
-
|
|
43
|
+
quotes:none;
|
|
33
44
|
}
|
|
34
45
|
|
|
35
|
-
blockquote
|
|
36
|
-
|
|
37
|
-
content:
|
|
38
|
-
content:
|
|
39
|
-
}
|
|
46
|
+
blockquote:before, blockquote:after,
|
|
47
|
+
q:before, q:after {
|
|
48
|
+
content:'';
|
|
49
|
+
content:none;
|
|
40
50
|
}
|
|
41
51
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
52
|
+
a {
|
|
53
|
+
margin:0;
|
|
54
|
+
padding:0;
|
|
55
|
+
font-size:100%;
|
|
56
|
+
vertical-align:baseline;
|
|
57
|
+
background:transparent;
|
|
47
58
|
}
|
|
48
59
|
|
|
49
60
|
a {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
background: transparent;
|
|
61
|
+
margin:0;
|
|
62
|
+
padding:0;
|
|
63
|
+
font-size:100%;
|
|
64
|
+
vertical-align:baseline;
|
|
65
|
+
background:transparent;
|
|
56
66
|
}
|
|
57
67
|
|
|
58
68
|
ins {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
69
|
+
background-color:#ff9;
|
|
70
|
+
color:#000;
|
|
71
|
+
text-decoration:none;
|
|
62
72
|
}
|
|
63
73
|
|
|
64
74
|
mark {
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
75
|
+
background-color:#ff9;
|
|
76
|
+
color:#000;
|
|
77
|
+
font-style:italic;
|
|
78
|
+
font-weight:bold;
|
|
69
79
|
}
|
|
70
80
|
|
|
71
81
|
del {
|
|
72
|
-
|
|
82
|
+
text-decoration: line-through;
|
|
73
83
|
}
|
|
74
84
|
|
|
75
85
|
abbr[title], dfn[title] {
|
|
76
|
-
|
|
77
|
-
|
|
86
|
+
border-bottom:1px dotted #000;
|
|
87
|
+
cursor:help;
|
|
78
88
|
}
|
|
79
89
|
|
|
80
90
|
table {
|
|
81
|
-
|
|
82
|
-
|
|
91
|
+
border-collapse:collapse;
|
|
92
|
+
border-spacing:0;
|
|
83
93
|
}
|
|
84
94
|
|
|
85
95
|
hr {
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
96
|
+
display:block;
|
|
97
|
+
height:1px;
|
|
98
|
+
border:0;
|
|
99
|
+
border-top:1px solid #cccccc;
|
|
100
|
+
margin:1em 0;
|
|
101
|
+
padding:0;
|
|
92
102
|
}
|
|
93
103
|
|
|
94
104
|
input, select {
|
|
95
|
-
|
|
96
|
-
}
|
|
105
|
+
vertical-align:middle;
|
|
106
|
+
}
|
|
107
|
+
|
|
@@ -0,0 +1,192 @@
|
|
|
1
|
+
<!DOCTYPE HTML>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset=utf-8>
|
|
5
|
+
<title>52framework - The framework from the future, HTML5, CSS3, and more!</title>
|
|
6
|
+
|
|
7
|
+
<script src="modernizr.js"></script><!-- this is the javascript allowing html5 to run in older browsers -->
|
|
8
|
+
|
|
9
|
+
<link rel="stylesheet" type="text/css" href="stylesheets/styles.css" media="screen" />
|
|
10
|
+
|
|
11
|
+
<!-- this script is needed for using advanced css selectors in your css -->
|
|
12
|
+
<!--[if (gte IE 6)&(lte IE 8)]>
|
|
13
|
+
<script src="selectivizr.js"></script>
|
|
14
|
+
<![endif]-->
|
|
15
|
+
|
|
16
|
+
<!-- the following style is for demonstartion purposes only and is not needed for anything but inspiration -->
|
|
17
|
+
<style>
|
|
18
|
+
header {padding-top:25px; border-bottom:1px solid #ccc; padding-bottom:20px;}
|
|
19
|
+
header .logo {font-size:3.52em;}
|
|
20
|
+
header nav ul li {float:left; margin-top:12px;}
|
|
21
|
+
header nav ul li a {display:block; padding:5px 15px; border-right:1px solid #eee; font-size:1.52em; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none;}
|
|
22
|
+
header nav ul li a:hover {background-color:#eee; border-right:1px solid #ccc; text-shadow:-1px -1px 0px #fff;}
|
|
23
|
+
header nav ul li.last a {border-right:none;}
|
|
24
|
+
|
|
25
|
+
#css3 div.samples > div > div {margin:0px 0px 50px 0px; padding:6px; border:1px solid #eee;}
|
|
26
|
+
#grid div {text-align:center; }
|
|
27
|
+
#grid div > .col {border-bottom:1px solid #ccc; padding:10px 0px; outline:1px solid #eee;}
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
.vim-css {margin:10px auto;}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
h2 {border-bottom:1px dashed #ccc; margin-top:15px;}
|
|
34
|
+
|
|
35
|
+
.documentation {display:block; background-color:#eee; padding:6px 13px; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-align:right; text-shadow:-1px -1px 0px #fff;}
|
|
36
|
+
|
|
37
|
+
footer {text-align:center; color:#666; font-size:0.9em; padding:4px 0px;}
|
|
38
|
+
</style>
|
|
39
|
+
</head>
|
|
40
|
+
|
|
41
|
+
<body>
|
|
42
|
+
<header>
|
|
43
|
+
<div class="logo">52framework</div>
|
|
44
|
+
<nav>
|
|
45
|
+
<ul>
|
|
46
|
+
<li><a href="#forms">forms</a></li>
|
|
47
|
+
<li><a href="#grid">grid</a></li>
|
|
48
|
+
<li><a href="#styled">styled</a></li>
|
|
49
|
+
<li class="last"><a href="http://www.enavu.com">enavu network</a></li>
|
|
50
|
+
</ul>
|
|
51
|
+
</nav>
|
|
52
|
+
<div class="clear"></div>
|
|
53
|
+
</header>
|
|
54
|
+
|
|
55
|
+
<!-- html5 form -->
|
|
56
|
+
<section id="forms">
|
|
57
|
+
<h2 class="fontface">Forms Demo</h2>
|
|
58
|
+
<form>
|
|
59
|
+
<fieldset>
|
|
60
|
+
<legend>HTML5 Validation Form</legend>
|
|
61
|
+
<div>
|
|
62
|
+
<label>email</label>
|
|
63
|
+
<input type="email" required="required" class="box_shadow" />
|
|
64
|
+
</div>
|
|
65
|
+
<div>
|
|
66
|
+
<label>phone</label>
|
|
67
|
+
<input type="number" required="required" class="box_shadow" min="10" />
|
|
68
|
+
</div>
|
|
69
|
+
<div>
|
|
70
|
+
<label>name</label>
|
|
71
|
+
<input type="text" class="box_shadow" />
|
|
72
|
+
</div>
|
|
73
|
+
<div>
|
|
74
|
+
<label>url</label>
|
|
75
|
+
<input type="url" class="box_shadow" />
|
|
76
|
+
</div>
|
|
77
|
+
<input type="submit" value="submit form →" />
|
|
78
|
+
</fieldset>
|
|
79
|
+
</form>
|
|
80
|
+
<div class="clear" style="height:15px;"></div>
|
|
81
|
+
</section>
|
|
82
|
+
|
|
83
|
+
<!-- this section shows off the grid and how it can be used -->
|
|
84
|
+
<section id="grid">
|
|
85
|
+
<h2>Grid Framework</h2>
|
|
86
|
+
<div class="col col_8">
|
|
87
|
+
col_8
|
|
88
|
+
<div class="row">
|
|
89
|
+
<div class="col col_1">col_1</div>
|
|
90
|
+
<div class="col col_7">col_7
|
|
91
|
+
<div class="row">
|
|
92
|
+
<div class="col col_3">col_3</div>
|
|
93
|
+
<div class="col col_4">col_4</div>
|
|
94
|
+
</div>
|
|
95
|
+
</div>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="col col_8">
|
|
99
|
+
col_8
|
|
100
|
+
<div class="row">
|
|
101
|
+
<div class="col col_4">4</div>
|
|
102
|
+
<div class="col col_4">4</div>
|
|
103
|
+
</div>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="col_16 col" style="margin-top:15px;">
|
|
106
|
+
<div class="row">
|
|
107
|
+
<div class="col col_9">col_9</div>
|
|
108
|
+
<div class="col col_7">col_7</div>
|
|
109
|
+
</div>
|
|
110
|
+
</div>
|
|
111
|
+
<div class="info">
|
|
112
|
+
<a href="http://www.52framework.com/documentation/" class="documentation">Grid Framework Documentation</a>
|
|
113
|
+
</div>
|
|
114
|
+
</section>
|
|
115
|
+
|
|
116
|
+
<!-- this section shows you most of the styled elements from the general stylesheet -->
|
|
117
|
+
<section id="styled">
|
|
118
|
+
<h2>Styled Elements</h2>
|
|
119
|
+
<div class="left">
|
|
120
|
+
<article>
|
|
121
|
+
<h1>This is a title h1</h1>
|
|
122
|
+
<blockquote class="right">This is what a blockquote will look like, floated right.<br />Testing a second line inside the blockquote.</blockquote>
|
|
123
|
+
<p>Lorem ipsum <a href="#">link one</a> dolor sit amet, consectetur adipiscing elit. Nullam a purus ac est dapibus feugiat eu eget nulla. Sed molestie feugiat viverra. Pellentesque consectetur, leo in faucibus congue, elit purus bibendum tellus, non tincidunt tortor mauris in sem. Suspendisse sodales metus eget sem suscipit eleifend. Proin porttitor, ante vel egestas pretium, nulla eros mollis eros, dapibus molestie lacus mi at sapien. Fusce risus risus, vulputate vel bibendum nec, accumsan non lacus.Fusce viverra mollis sapien non mattis. Suspendisse id est sapien. Aliquam quis tellus sed lorem fermentum rutrum in eget urna. Mauris ac dolor sit amet tellus tristique eleifend. Morbi venenatis ultricies eleifend. Nunc arcu lorem, feugiat pulvinar laoreet convallis, consequat sed elit. Suspendisse potenti.Vivamus a turpis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi blandit erat eget purus gravida nec aliquam lectus sollicitudin. Aenean semper tortor nunc, dignissim malesuada arcu. Nunc nec massa a erat consectetur porta vitae eu mauris. Donec a orci dolor. Sed ac erat sed ipsum imperdiet accumsan.
|
|
124
|
+
</p>
|
|
125
|
+
</article>
|
|
126
|
+
<article>
|
|
127
|
+
<h2>This is an h2</h2>
|
|
128
|
+
<p>Nulla facilisi. Etiam eget laoreet turpis. Duis magna odio, volutpat eu varius vitae, interdum eu felis. Pellentesque luctus tincidunt urna vel dictum. Etiam facilisis purus ut lorem aliquet eleifend. Sed porttitor semper turpis mattis iaculis. Vivamus a turpis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi blandit erat eget purus gravida nec aliquam lectus sollicitudin.
|
|
129
|
+
<code>
|
|
130
|
+
|
|
131
|
+
css {<br />
|
|
132
|
+
-moz-border-radius: 5px; <br />
|
|
133
|
+
-webkit-border-radius: 5px;<br />
|
|
134
|
+
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br />
|
|
135
|
+
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);<br />
|
|
136
|
+
}<br />
|
|
137
|
+
|
|
138
|
+
</code>
|
|
139
|
+
<p>
|
|
140
|
+
Aenean semper tortor nunc, dignissim malesuada arcu. Nunc nec massa a erat consectetur porta vitae eu mauris. Donec a orci dolor. Sed ac erat sed ipsum imperdiet accumsan. Nullam commodo neque adipiscing lacus sagittis sit amet dictum urna vestibulum. Nulla sapien turpis, laoreet in lacinia sed, malesuada sit amet odio. Maecenas cursus mauris vel nunc adipiscing id bibendum ipsum faucibus.
|
|
141
|
+
</p>
|
|
142
|
+
</article>
|
|
143
|
+
<article>
|
|
144
|
+
<h3>This is an h3</h3>
|
|
145
|
+
<p>
|
|
146
|
+
Duis ac arcu ante, at lacinia dui. Ut eget justo in nulla rutrum mollis. Mauris euismod justo et quam bibendum laoreet volutpat lorem mollis. In hac habitasse platea dictumst.
|
|
147
|
+
<pre>This is a pre tag</pre>
|
|
148
|
+
Mauris ut eleifend neque. Duis nulla metus, tempus nec varius quis, tincidunt consectetur nisi. Donec rhoncus quam vel quam bibendum rutrum. Mauris et commodo felis. Nam varius eleifend nulla quis sagittis. Quisque id tortor at dolor dictum interdum.
|
|
149
|
+
</p>
|
|
150
|
+
</article>
|
|
151
|
+
</div>
|
|
152
|
+
<div class="right">
|
|
153
|
+
<article>
|
|
154
|
+
<h2>List Elements</h2>
|
|
155
|
+
<ul>
|
|
156
|
+
<li>List item 1</li>
|
|
157
|
+
<li>List item 2</li>
|
|
158
|
+
</ul>
|
|
159
|
+
<div class="clear" style="height:20px;"></div>
|
|
160
|
+
<h2>Other Elements Styling</h2>
|
|
161
|
+
<p>
|
|
162
|
+
This is <abbr title="title">abbreviation</abbr><br />
|
|
163
|
+
This is <strong>strong</strong><br />
|
|
164
|
+
This is <em>emphasis</em><br />
|
|
165
|
+
This is <b>bold text</b><br />
|
|
166
|
+
This is <i>italic text</i><br />
|
|
167
|
+
This is <cite>cite</cite><br />
|
|
168
|
+
This is <small>small text</small><br />
|
|
169
|
+
This is <big>big text</big><br />
|
|
170
|
+
This is <del>deleted text</del><br />
|
|
171
|
+
This is <ins>inserted text</ins><br />
|
|
172
|
+
This is <dfn>defining instance</dfn><br />
|
|
173
|
+
This is <kbd>user input</kbd><br />
|
|
174
|
+
This is <samp>sample output</samp><br />
|
|
175
|
+
This is <q>inline quotation</q> <br />
|
|
176
|
+
These are <sub>subscript</sub> and <sup>superscript</sup><br />
|
|
177
|
+
This is <var>a variable</var>
|
|
178
|
+
</p>
|
|
179
|
+
</article>
|
|
180
|
+
</div>
|
|
181
|
+
|
|
182
|
+
<div class="info">
|
|
183
|
+
<a href="http://www.52framework.com/documentation/" class="documentation">General Documentation</a>
|
|
184
|
+
</div>
|
|
185
|
+
</section>
|
|
186
|
+
|
|
187
|
+
<footer>
|
|
188
|
+
all rights reserved © <a href="http://www.enavu.com">enavu network</a> | 52framework the framework from the future
|
|
189
|
+
</footer>
|
|
190
|
+
</body>
|
|
191
|
+
</html>
|
|
192
|
+
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
// Modernizr v1.7 www.modernizr.com
|
|
2
|
+
window.Modernizr=function(a,b,c){function G(){e.input=function(a){for(var b=0,c=a.length;b<c;b++)t[a[b]]=!!(a[b]in l);return t}("autocomplete autofocus list placeholder max min multiple pattern required step".split(" ")),e.inputtypes=function(a){for(var d=0,e,f,h,i=a.length;d<i;d++)l.setAttribute("type",f=a[d]),e=l.type!=="text",e&&(l.value=m,l.style.cssText="position:absolute;visibility:hidden;",/^range$/.test(f)&&l.style.WebkitAppearance!==c?(g.appendChild(l),h=b.defaultView,e=h.getComputedStyle&&h.getComputedStyle(l,null).WebkitAppearance!=="textfield"&&l.offsetHeight!==0,g.removeChild(l)):/^(search|tel)$/.test(f)||(/^(url|email)$/.test(f)?e=l.checkValidity&&l.checkValidity()===!1:/^color$/.test(f)?(g.appendChild(l),g.offsetWidth,e=l.value!=m,g.removeChild(l)):e=l.value!=m)),s[a[d]]=!!e;return s}("search tel url email datetime date month week time datetime-local number range color".split(" "))}function F(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+" "+p.join(c+" ")+c).split(" ");return!!E(d,b)}function E(a,b){for(var d in a)if(k[a[d]]!==c&&(!b||b(a[d],j)))return!0}function D(a,b){return(""+a).indexOf(b)!==-1}function C(a,b){return typeof a===b}function B(a,b){return A(o.join(a+";")+(b||""))}function A(a){k.cssText=a}var d="1.7",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l=b.createElement("input"),m=":)",n=Object.prototype.toString,o=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),p="Webkit Moz O ms Khtml".split(" "),q={svg:"http://www.w3.org/2000/svg"},r={},s={},t={},u=[],v,w=function(a){var c=b.createElement("style"),d=b.createElement("div"),e;c.textContent=a+"{#modernizr{height:3px}}",h.appendChild(c),d.id="modernizr",g.appendChild(d),e=d.offsetHeight===3,c.parentNode.removeChild(c),d.parentNode.removeChild(d);return!!e},x=function(){function d(d,e){e=e||b.createElement(a[d]||"div");var f=(d="on"+d)in e;f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=C(e[d],"function"),C(e[d],c)||(e[d]=c),e.removeAttribute(d))),e=null;return f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),y=({}).hasOwnProperty,z;C(y,c)||C(y.call,c)?z=function(a,b){return b in a&&C(a.constructor.prototype[b],c)}:z=function(a,b){return y.call(a,b)},r.flexbox=function(){function c(a,b,c,d){a.style.cssText=o.join(b+":"+c+";")+(d||"")}function a(a,b,c,d){b+=":",a.style.cssText=(b+o.join(c+";"+b)).slice(0,-b.length)+(d||"")}var d=b.createElement("div"),e=b.createElement("div");a(d,"display","box","width:42px;padding:0;"),c(e,"box-flex","1","width:10px;"),d.appendChild(e),g.appendChild(d);var f=e.offsetWidth===42;d.removeChild(e),g.removeChild(d);return f},r.canvas=function(){var a=b.createElement("canvas");return a.getContext&&a.getContext("2d")},r.canvastext=function(){return e.canvas&&C(b.createElement("canvas").getContext("2d").fillText,"function")},r.webgl=function(){return!!a.WebGLRenderingContext},r.touch=function(){return"ontouchstart"in a||w("@media ("+o.join("touch-enabled),(")+"modernizr)")},r.geolocation=function(){return!!navigator.geolocation},r.postmessage=function(){return!!a.postMessage},r.websqldatabase=function(){var b=!!a.openDatabase;return b},r.indexedDB=function(){for(var b=-1,c=p.length;++b<c;){var d=p[b].toLowerCase();if(a[d+"_indexedDB"]||a[d+"IndexedDB"])return!0}return!1},r.hashchange=function(){return x("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},r.history=function(){return !!(a.history&&history.pushState)},r.draganddrop=function(){return x("dragstart")&&x("drop")},r.websockets=function(){return"WebSocket"in a},r.rgba=function(){A("background-color:rgba(150,255,150,.5)");return D(k.backgroundColor,"rgba")},r.hsla=function(){A("background-color:hsla(120,40%,100%,.5)");return D(k.backgroundColor,"rgba")||D(k.backgroundColor,"hsla")},r.multiplebgs=function(){A("background:url(//:),url(//:),red url(//:)");return(new RegExp("(url\\s*\\(.*?){3}")).test(k.background)},r.backgroundsize=function(){return F("backgroundSize")},r.borderimage=function(){return F("borderImage")},r.borderradius=function(){return F("borderRadius","",function(a){return D(a,"orderRadius")})},r.boxshadow=function(){return F("boxShadow")},r.textshadow=function(){return b.createElement("div").style.textShadow===""},r.opacity=function(){B("opacity:.55");return/^0.55$/.test(k.opacity)},r.cssanimations=function(){return F("animationName")},r.csscolumns=function(){return F("columnCount")},r.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";A((a+o.join(b+a)+o.join(c+a)).slice(0,-a.length));return D(k.backgroundImage,"gradient")},r.cssreflections=function(){return F("boxReflect")},r.csstransforms=function(){return!!E(["transformProperty","WebkitTransform","MozTransform","OTransform","msTransform"])},r.csstransforms3d=function(){var a=!!E(["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPerspective"]);a&&"webkitPerspective"in g.style&&(a=w("@media ("+o.join("transform-3d),(")+"modernizr)"));return a},r.csstransitions=function(){return F("transitionProperty")},r.fontface=function(){var a,c,d=h||g,e=b.createElement("style"),f=b.implementation||{hasFeature:function(){return!1}};e.type="text/css",d.insertBefore(e,d.firstChild),a=e.sheet||e.styleSheet;var i=f.hasFeature("CSS2","")?function(b){if(!a||!b)return!1;var c=!1;try{a.insertRule(b,0),c=/src/i.test(a.cssRules[0].cssText),a.deleteRule(a.cssRules.length-1)}catch(d){}return c}:function(b){if(!a||!b)return!1;a.cssText=b;return a.cssText.length!==0&&/src/i.test(a.cssText)&&a.cssText.replace(/\r+|\n+/g,"").indexOf(b.split(" ")[0])===0};c=i('@font-face { font-family: "font"; src: url(data:,); }'),d.removeChild(e);return c},r.video=function(){var a=b.createElement("video"),c=!!a.canPlayType;if(c){c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"');var d='video/mp4; codecs="avc1.42E01E';c.h264=a.canPlayType(d+'"')||a.canPlayType(d+', mp4a.40.2"'),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"')}return c},r.audio=function(){var a=b.createElement("audio"),c=!!a.canPlayType;c&&(c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"'),c.mp3=a.canPlayType("audio/mpeg;"),c.wav=a.canPlayType('audio/wav; codecs="1"'),c.m4a=a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;"));return c},r.localstorage=function(){try{return!!localStorage.getItem}catch(a){return!1}},r.sessionstorage=function(){try{return!!sessionStorage.getItem}catch(a){return!1}},r.webWorkers=function(){return!!a.Worker},r.applicationcache=function(){return!!a.applicationCache},r.svg=function(){return!!b.createElementNS&&!!b.createElementNS(q.svg,"svg").createSVGRect},r.inlinesvg=function(){var a=b.createElement("div");a.innerHTML="<svg/>";return(a.firstChild&&a.firstChild.namespaceURI)==q.svg},r.smil=function(){return!!b.createElementNS&&/SVG/.test(n.call(b.createElementNS(q.svg,"animate")))},r.svgclippaths=function(){return!!b.createElementNS&&/SVG/.test(n.call(b.createElementNS(q.svg,"clipPath")))};for(var H in r)z(r,H)&&(v=H.toLowerCase(),e[v]=r[H](),u.push((e[v]?"":"no-")+v));e.input||G(),e.crosswindowmessaging=e.postmessage,e.historymanagement=e.history,e.addTest=function(a,b){a=a.toLowerCase();if(!e[a]){b=!!b(),g.className+=" "+(b?"":"no-")+a,e[a]=b;return e}},A(""),j=l=null,f&&a.attachEvent&&function(){var a=b.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}()&&function(a,b){function p(a,b){var c=-1,d=a.length,e,f=[];while(++c<d)e=a[c],(b=e.media||b)!="screen"&&f.push(p(e.imports,b),e.cssText);return f.join("")}function o(a){var b=-1;while(++b<e)a.createElement(d[b])}var c="abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",d=c.split("|"),e=d.length,f=new RegExp("(^|\\s)("+c+")","gi"),g=new RegExp("<(/*)("+c+")","gi"),h=new RegExp("(^|[^\\n]*?\\s)("+c+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),i=b.createDocumentFragment(),j=b.documentElement,k=j.firstChild,l=b.createElement("body"),m=b.createElement("style"),n;o(b),o(i),k.insertBefore(m,k.firstChild),m.media="print",a.attachEvent("onbeforeprint",function(){var a=-1,c=p(b.styleSheets,"all"),k=[],o;n=n||b.body;while((o=h.exec(c))!=null)k.push((o[1]+o[2]+o[3]).replace(f,"$1.iepp_$2")+o[4]);m.styleSheet.cssText=k.join("\n");while(++a<e){var q=b.getElementsByTagName(d[a]),r=q.length,s=-1;while(++s<r)q[s].className.indexOf("iepp_")<0&&(q[s].className+=" iepp_"+d[a])}i.appendChild(n),j.appendChild(l),l.className=n.className,l.innerHTML=n.innerHTML.replace(g,"<$1font")}),a.attachEvent("onafterprint",function(){l.innerHTML="",j.removeChild(l),j.appendChild(n),m.styleSheet.cssText=""})}(a,b),e._enableHTML5=f,e._version=d,g.className=g.className.replace(/\bno-js\b/,"")+" js "+u.join(" ");return e}(this,this.document)
|
|
3
|
+
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*
|
|
2
|
+
selectivizr v1.0.0 - (c) 2009 by Keith Clark, freely distributable under the terms of the MIT license.
|
|
3
|
+
selectivizr.com
|
|
4
|
+
*/
|
|
5
|
+
(function(x){function K(a){return a.replace(L,o).replace(M,function(b,e,c){b=c.split(",");c=0;for(var g=b.length;c<g;c++){var j=N(b[c].replace(O,o).replace(P,o))+t,f=[];b[c]=j.replace(Q,function(d,k,l,i,h){if(k){if(f.length>0){d=f;var u;h=j.substring(0,h).replace(R,n);if(h==n||h.charAt(h.length-1)==t)h+="*";try{u=v(h)}catch(da){}if(u){h=0;for(l=u.length;h<l;h++){i=u[h];for(var y=i.className,z=0,S=d.length;z<S;z++){var q=d[z];if(!RegExp("(^|\\s)"+q.className+"(\\s|$)").test(i.className))if(q.b&&(q.b===true||q.b(i)===true))y=A(y,q.className,true)}i.className=y}}f=[]}return k}else{if(k=l?T(l):!B||B.test(i)?{className:C(i),b:true}:null){f.push(k);return"."+k.className}return d}})}return e+b.join(",")})}function T(a){var b=true,e=C(a.slice(1)),c=a.substring(0,5)==":not(",g,j;if(c)a=a.slice(5,-1);var f=a.indexOf("(");if(f>-1)a=a.substring(0,f);if(a.charAt(0)==":")switch(a.slice(1)){case "root":b=function(d){return c?d!=D:d==D};break;case "target":if(p==8){b=function(d){function k(){var l=location.hash,i=l.slice(1);return c?l==""||d.id!=i:l!=""&&d.id==i}x.attachEvent("onhashchange",function(){r(d,e,k())});return k()};break}return false;case "checked":b=function(d){U.test(d.type)&&d.attachEvent("onpropertychange",function(){event.propertyName=="checked"&&r(d,e,d.checked!==c)});return d.checked!==c};break;case "disabled":c=!c;case "enabled":b=function(d){if(V.test(d.tagName)){d.attachEvent("onpropertychange",function(){event.propertyName=="$disabled"&&r(d,e,d.a===c)});w.push(d);d.a=d.disabled;return d.disabled===c}return a==":enabled"?c:!c};break;case "focus":g="focus";j="blur";case "hover":if(!g){g="mouseenter";j="mouseleave"}b=function(d){d.attachEvent("on"+(c?j:g),function(){r(d,e,true)});d.attachEvent("on"+(c?g:j),function(){r(d,e,false)});return c};break;default:if(!W.test(a))return false;break}return{className:e,b:b}}function C(a){return E+"-"+(p==6&&X?Y++:a.replace(Z,function(b){return b.charCodeAt(0)}))}function N(a){return a.replace(F,o).replace($,t)}function r(a,b,e){var c=a.className;b=A(c,b,e);if(b!=c){a.className=b;a.parentNode.className+=n}}function A(a,b,e){var c=RegExp("(^|\\s)"+b+"(\\s|$)"),g=c.test(a);return e?g?a:a+t+b:g?a.replace(c,o).replace(F,o):a}function G(a,b){if(/^https?:\/\//i.test(a))return b.substring(0,b.indexOf("/",8))==a.substring(0,a.indexOf("/",8))?a:null;if(a.charAt(0)=="/")return b.substring(0,b.indexOf("/",8))+a;var e=b.split("?")[0];if(a.charAt(0)!="?"&&e.charAt(e.length-1)!="/")e=e.substring(0,e.lastIndexOf("/")+1);return e+a}function H(a){if(a){s.open("GET",a,false);s.send();return(s.status==200?s.responseText:n).replace(aa,n).replace(ba,function(b,e,c){return H(G(c,a))})}return n}function ca(){var a,b;a=m.getElementsByTagName("BASE");for(var e=a.length>0?a[0].href:m.location.href,c=0;c<m.styleSheets.length;c++){b=m.styleSheets[c];if(b.href!=n)if(a=G(b.href,e))b.cssText=K(H(a))}w.length>0&&setInterval(function(){for(var g=0,j=w.length;g<j;g++){var f=w[g];if(f.disabled!==f.a)if(f.disabled){f.disabled=false;f.a=true;f.disabled=true}else f.a=f.disabled}},250)}if(!/*@cc_on!@*/true){var m=document,D=m.documentElement,s=function(){if(x.XMLHttpRequest)return new XMLHttpRequest;try{return new ActiveXObject("Microsoft.XMLHTTP")}catch(a){return null}}(),p=/MSIE ([\d])/.exec(navigator.userAgent)[1];if(!(m.compatMode!="CSS1Compat"||p<6||p>8||!s)){var I={NW:"*.Dom.select",DOMAssistant:"*.$",Prototype:"$$",YAHOO:"*.util.Selector.query",MooTools:"$$",Sizzle:"*",jQuery:"*",dojo:"*.query"},v,w=[],Y=0,X=true,E="slvzr",J=E+"DOMReady",aa=/(\/\*[^*]*\*+([^\/][^*]*\*+)*\/)\s*/g,ba=/@import\s*url\(\s*(["'])?(.*?)\1\s*\)[\w\W]*?;/g,W=/^:(empty|(first|last|only|nth(-last)?)-(child|of-type))$/,L=/:(:first-(?:line|letter))/g,M=/(^|})\s*([^\{]*?[\[:][^{]+)/g,Q=/([ +~>])|(:[a-z-]+(?:\(.*?\)+)?)|(\[.*?\])/g,R=/(:not\()?:(hover|enabled|disabled|focus|checked|target|active|visited|first-line|first-letter)\)?/g,Z=/[^\w-]/g,V=/^(INPUT|SELECT|TEXTAREA|BUTTON)$/,U=/^(checkbox|radio)$/,B=p==8?/[\$\^]=(['"])\1/:p==7?/[\$\^*]=(['"])\1/:null,O=/([(\[+~])\s+/g,P=/\s+([)\]+~])/g,$=/\s+/g,F=/^\s*((?:[\S\s]*\S)?)\s*$/,n="",t=" ",o="$1";m.write("<script id="+J+" defer src='//:'><\/script>");m.getElementById(J).onreadystatechange=function(){if(this.readyState=="complete"){a:{var a;for(var b in I)if(x[b]&&(a=eval(I[b].replace("*",b)))){v=a;break a}v=false}if(v){ca();this.parentNode.removeChild(this)}}}}}})(this);
|
|
6
|
+
|
|
@@ -7,31 +7,36 @@
|
|
|
7
7
|
@import "52/reset";
|
|
8
8
|
@import "52/general";
|
|
9
9
|
@import "52/grid";
|
|
10
|
+
@import "52/forms";
|
|
10
11
|
|
|
11
12
|
//Your css goes here; Feel free to remove this demo styles!
|
|
12
13
|
|
|
13
|
-
|
|
14
|
+
header, section, footer {
|
|
14
15
|
@include row;
|
|
15
16
|
}
|
|
16
17
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
header {
|
|
19
|
+
.logo {
|
|
20
|
+
@include column(7);
|
|
21
|
+
}
|
|
22
|
+
nav {
|
|
23
|
+
@include column(9);
|
|
24
|
+
}
|
|
22
25
|
}
|
|
23
26
|
|
|
24
27
|
section {
|
|
25
|
-
|
|
28
|
+
&#forms {
|
|
29
|
+
form {
|
|
30
|
+
@include column(7);
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
&#styled {
|
|
34
|
+
div.left {@include column(9);}
|
|
35
|
+
div.right {@include column(7);}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.info {
|
|
40
|
+
@include column(16);
|
|
26
41
|
}
|
|
27
42
|
|
|
28
|
-
footer {
|
|
29
|
-
p {
|
|
30
|
-
&.align_left {
|
|
31
|
-
@include column(8);
|
|
32
|
-
}
|
|
33
|
-
&.align_right {
|
|
34
|
-
@include column(8);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
metadata
CHANGED
|
@@ -1,80 +1,71 @@
|
|
|
1
|
-
--- !ruby/object:Gem::Specification
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: compass-52-plugin
|
|
3
|
-
version: !ruby/object:Gem::Version
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: '0.2'
|
|
4
5
|
prerelease:
|
|
5
|
-
version: "0.1"
|
|
6
6
|
platform: ruby
|
|
7
|
-
authors:
|
|
7
|
+
authors:
|
|
8
8
|
- Fabio Kreusch
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
|
|
13
|
-
date: 2011-02-06 00:00:00 -02:00
|
|
12
|
+
date: 2011-05-14 00:00:00.000000000 -07:00
|
|
14
13
|
default_executable:
|
|
15
|
-
dependencies:
|
|
16
|
-
- !ruby/object:Gem::Dependency
|
|
14
|
+
dependencies:
|
|
15
|
+
- !ruby/object:Gem::Dependency
|
|
17
16
|
name: compass
|
|
18
|
-
|
|
19
|
-
requirement: &id001 !ruby/object:Gem::Requirement
|
|
17
|
+
requirement: &15285420 !ruby/object:Gem::Requirement
|
|
20
18
|
none: false
|
|
21
|
-
requirements:
|
|
22
|
-
- -
|
|
23
|
-
- !ruby/object:Gem::Version
|
|
24
|
-
version:
|
|
19
|
+
requirements:
|
|
20
|
+
- - ! '>='
|
|
21
|
+
- !ruby/object:Gem::Version
|
|
22
|
+
version: '0.10'
|
|
25
23
|
type: :runtime
|
|
26
|
-
|
|
24
|
+
prerelease: false
|
|
25
|
+
version_requirements: *15285420
|
|
27
26
|
description: 52 is an HTML5 and CSS3 grid cross-browser framework.
|
|
28
|
-
email:
|
|
27
|
+
email:
|
|
29
28
|
- fabio@kreusch.com.br
|
|
30
29
|
executables: []
|
|
31
|
-
|
|
32
30
|
extensions: []
|
|
33
|
-
|
|
34
31
|
extra_rdoc_files: []
|
|
35
|
-
|
|
36
|
-
files:
|
|
37
|
-
- .gitignore
|
|
38
|
-
- Gemfile
|
|
39
|
-
- Gemfile.lock
|
|
40
|
-
- README.mkdn
|
|
41
|
-
- Rakefile
|
|
42
|
-
- compass-52-plugin.gemspec
|
|
32
|
+
files:
|
|
43
33
|
- lib/fiftytwo.rb
|
|
44
|
-
- stylesheets/52/
|
|
45
|
-
- stylesheets/52/_grid.scss
|
|
34
|
+
- stylesheets/52/_forms.scss
|
|
46
35
|
- stylesheets/52/_reset.scss
|
|
47
|
-
-
|
|
48
|
-
-
|
|
36
|
+
- stylesheets/52/_grid.scss
|
|
37
|
+
- stylesheets/52/_general.scss
|
|
38
|
+
- templates/project/modernizr.js
|
|
49
39
|
- templates/project/manifest.rb
|
|
40
|
+
- templates/project/index.html
|
|
50
41
|
- templates/project/styles.scss
|
|
51
|
-
|
|
42
|
+
- templates/project/selectivizr.js
|
|
43
|
+
- MIT-LICENSE
|
|
44
|
+
- README.rdoc
|
|
45
|
+
- CHANGELOG.rdoc
|
|
46
|
+
has_rdoc: true
|
|
52
47
|
homepage: http://github.com/fabiokr/compass-52-framework
|
|
53
48
|
licenses: []
|
|
54
|
-
|
|
55
49
|
post_install_message:
|
|
56
50
|
rdoc_options: []
|
|
57
|
-
|
|
58
|
-
require_paths:
|
|
51
|
+
require_paths:
|
|
59
52
|
- lib
|
|
60
|
-
required_ruby_version: !ruby/object:Gem::Requirement
|
|
53
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
61
54
|
none: false
|
|
62
|
-
requirements:
|
|
63
|
-
- -
|
|
64
|
-
- !ruby/object:Gem::Version
|
|
65
|
-
version:
|
|
66
|
-
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
55
|
+
requirements:
|
|
56
|
+
- - ! '>='
|
|
57
|
+
- !ruby/object:Gem::Version
|
|
58
|
+
version: '0'
|
|
59
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
67
60
|
none: false
|
|
68
|
-
requirements:
|
|
69
|
-
- -
|
|
70
|
-
- !ruby/object:Gem::Version
|
|
71
|
-
version:
|
|
61
|
+
requirements:
|
|
62
|
+
- - ! '>='
|
|
63
|
+
- !ruby/object:Gem::Version
|
|
64
|
+
version: '0'
|
|
72
65
|
requirements: []
|
|
73
|
-
|
|
74
66
|
rubyforge_project: compass-52-plugin
|
|
75
|
-
rubygems_version: 1.
|
|
67
|
+
rubygems_version: 1.6.2
|
|
76
68
|
signing_key:
|
|
77
69
|
specification_version: 3
|
|
78
70
|
summary: Compass compatible port of 52 Framework
|
|
79
71
|
test_files: []
|
|
80
|
-
|