html5-starter 0.1.3b → 0.1.4b

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,18 +3,20 @@ $base-font-size: 13px !default;
3
3
  $base-line-height: 1.231 !default;
4
4
 
5
5
  @mixin html5-boilerplate-fonts($family: $base-font-family, $size: $base-font-size, $line-height: $base-line-height) {
6
- /* font normalization inspired by from the YUI Library's fonts.css: developer.yahoo.com/yui/ */
6
+ /**
7
+ * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
8
+ */
9
+
7
10
  body {
8
11
  font-size: $size;
9
12
  font-family: $family;
10
13
  line-height: $line-height;
11
- /* hack retained to preserve specificity */
12
14
  *font-size: small;
13
- }
15
+ } /* hack retained to preserve specificity */
14
16
  select, input, textarea, button { font: 99% $family; }
15
17
 
16
- /* normalize monospace sizing
17
- * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
18
+ /* Normalize monospace sizing:
19
+ en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
18
20
  pre, code, kbd, samp { font-family: monospace, sans-serif; }
19
21
  }
20
22
 
@@ -1,25 +1,26 @@
1
1
  @mixin html5-boilerplate-helpers {
2
- /*
2
+ /**
3
3
  * Non-semantic helper classes: please define your styles before this section.
4
4
  */
5
5
 
6
- /* for image replacement */
6
+ /* For image replacement. */
7
7
  .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
8
8
 
9
- /* Hide for both screenreaders and browsers
10
- css-discuss.incutio.com/wiki/Screenreader_Visibility */
9
+ /* Hide for both screenreaders and browsers:
10
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
11
11
  .hidden { display: none; visibility: hidden; }
12
12
 
13
- /* Hide only visually, but have it available for screenreaders: by Jon Neal
14
- www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
13
+ /* Hide only visually, but have it available for screenreaders: by Jon Neal.
14
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
15
15
  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
16
16
 
17
- /* Hide visually and from screenreaders, but maintain layout */
17
+ /* Hide visually and from screenreaders, but maintain layout. */
18
18
  .invisible { visibility: hidden; }
19
19
 
20
- /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
20
+ /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
21
+ j.mp/bestclearfix */
21
22
  .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
22
23
  .clearfix:after { clear: both; }
23
- /* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
24
+ /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
24
25
  .clearfix { zoom: 1; }
25
26
  }
@@ -1,15 +1,16 @@
1
1
  @mixin html5-boilerplate-print {
2
- /*
3
- * print styles
4
- * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
2
+ /**
3
+ * Print styles.
4
+ *
5
+ * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
5
6
  */
6
7
  @media print {
7
8
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
8
- -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
9
+ -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
9
10
  a, a:visited { color: #444 !important; text-decoration: underline; }
10
11
  a[href]:after { content: " (" attr(href) ")"; }
11
12
  abbr[title]:after { content: " (" attr(title) ")"; }
12
- .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* don't show links for images, or javascript/internal links */
13
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links. */
13
14
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
14
15
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
15
16
  tr, img { page-break-inside: avoid; }
@@ -1,10 +1,10 @@
1
1
  @mixin html5-boilerplate-reset {
2
- /*
3
- html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
4
- v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
5
- html5doctor.com/html-5-reset-stylesheet/
6
- */
7
-
2
+ /**
3
+ * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
4
+ * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
5
+ * html5doctor.com/html-5-reset-stylesheet/
6
+ */
7
+
8
8
  html, body, div, span, object, iframe,
9
9
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
10
10
  abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
@@ -14,37 +14,35 @@
14
14
  article, aside, canvas, details, figcaption, figure,
15
15
  footer, header, hgroup, menu, nav, section, summary,
16
16
  time, mark, audio, video {
17
- margin:0;
18
- padding:0;
19
- border:0;
20
- font-size:100%;
21
- font: inherit;
22
- vertical-align:baseline;
17
+ margin: 0;
18
+ padding: 0;
19
+ border: 0;
20
+ font-size: 100%;
21
+ font: inherit;
22
+ vertical-align: baseline;
23
23
  }
24
24
 
25
25
  article, aside, details, figcaption, figure,
26
26
  footer, header, hgroup, menu, nav, section {
27
- display:block;
27
+ display: block;
28
28
  }
29
29
 
30
- blockquote, q { quotes:none; }
30
+ blockquote, q { quotes: none; }
31
31
 
32
32
  blockquote:before, blockquote:after,
33
- q:before, q:after { content:''; content:none; }
33
+ q:before, q:after { content: ''; content: none; }
34
34
 
35
- ins { background-color:#ff9; color:#000; text-decoration:none; }
35
+ ins { background-color: #ff9; color: #000; text-decoration: none; }
36
36
 
37
- mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
37
+ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
38
38
 
39
39
  del { text-decoration: line-through; }
40
40
 
41
- abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
41
+ abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
42
42
 
43
- table { border-collapse:collapse; border-spacing:0; }
43
+ table { border-collapse: collapse; border-spacing: 0; }
44
44
 
45
- hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
45
+ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
46
46
 
47
- input, select { vertical-align:middle; }
48
-
49
- /* END RESET CSS */
47
+ input, select { vertical-align: middle; }
50
48
  }
@@ -9,26 +9,25 @@ $list-left-margin: 2em !default;
9
9
 
10
10
 
11
11
  @mixin html5-boilerplate-styles {
12
- /*
13
- * minimal base styles
12
+ /**
13
+ * Minimal base styles.
14
14
  */
15
15
 
16
-
17
16
  body, select, input, textarea {
18
17
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
19
18
  color: $font-color;
20
- /* set your base font here, to apply evenly */
19
+ /* Set your base font here, to apply evenly. */
21
20
  font-family: $base-font-family;
22
21
  }
23
22
 
24
- /* headers (h1,h2,etc) have no default font-size or margin. define those yourself. */
23
+ /* Headers (h1, h2, etc) have no default font-size or margin. Define those yourself. */
25
24
  h1,h2,h3,h4,h5,h6 { font-weight: bold; }
26
25
 
27
- /* always force a scrollbar in non-IE: */
26
+ /* Always force a scrollbar in non-IE: */
28
27
  html { overflow-y: scroll; }
29
28
 
30
29
 
31
- /* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
30
+ /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
32
31
  a:hover, a:active { outline: none; }
33
32
 
34
33
  a, a:active, a:visited { color: $link-color; }
@@ -38,7 +37,7 @@ $list-left-margin: 2em !default;
38
37
  ul, ol { margin-left: $list-left-margin; }
39
38
  ol { list-style-type: decimal; }
40
39
 
41
- /* remove margins for navigation lists */
40
+ /* Remove margins for navigation lists. */
42
41
  nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
43
42
 
44
43
  small { font-size: 85%; }
@@ -46,7 +45,7 @@ $list-left-margin: 2em !default;
46
45
 
47
46
  td { vertical-align: top; }
48
47
 
49
- /* set sub, sup without affecting line-height: gist.github.com/413930 */
48
+ /* Set sub, sup without affecting line-height: gist.github.com/413930 */
50
49
  sub, sup { font-size: 75%; line-height: 0; position: relative; }
51
50
  sup { top: -0.5em; }
52
51
  sub { bottom: -0.25em; }
@@ -61,19 +60,19 @@ $list-left-margin: 2em !default;
61
60
 
62
61
  .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
63
62
 
64
- /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
63
+ /* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */
65
64
  input[type="radio"] { vertical-align: text-bottom; }
66
65
  input[type="checkbox"] { vertical-align: bottom; }
67
66
  .ie7 input[type="checkbox"] { vertical-align: baseline; }
68
67
  .ie6 input { vertical-align: text-bottom; }
69
68
 
70
- /* hand cursor on clickable input elements */
69
+ /* Hand cursor on clickable input elements. */
71
70
  label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
72
71
 
73
- /* webkit browsers add a 2px margin outside the chrome of form elements */
72
+ /* Webkit browsers add a 2px margin outside the chrome of form elements. */
74
73
  button, input, select, textarea { margin: 0; }
75
74
 
76
- /* colors for form validity */
75
+ /* Colors for form validity. */
77
76
  input:invalid, textarea:invalid {
78
77
  @include border-radius(1px);
79
78
  @include box-shadow(red, 0, 0, 5px, 0);
@@ -90,11 +89,11 @@ $list-left-margin: 2em !default;
90
89
  /* j.mp/webkit-tap-highlight-color */
91
90
  a:link { -webkit-tap-highlight-color: $selected-background-color; }
92
91
 
93
- /* make buttons play nice in IE:
92
+ /* Make buttons play nice in IE:
94
93
  www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
95
94
  button { width: auto; overflow: visible; }
96
95
 
97
- /* bicubic resizing for non-native sized IMG:
96
+ /* Bicubic resizing for non-native sized IMG:
98
97
  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
99
98
  .ie7 img { -ms-interpolation-mode: bicubic; }
100
99
  }
@@ -34,6 +34,12 @@ file.pages =
34
34
  file.exclude =
35
35
 
36
36
 
37
+ # Specify an environment to build
38
+ #
39
+ # By Default, it builds a production environment
40
+ # Set to dev if buidling a development environment
41
+ # Set to test if building a test environment
42
+ env =
37
43
 
38
44
 
39
45
  # Directory Structure
@@ -53,8 +53,8 @@
53
53
  <!-- Javascript at the bottom for fast page loading -->
54
54
 
55
55
  <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
56
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js"></script>
57
- <script>!window.jQuery && document.write(unescape('%3Cscript src="assets/js/libs/jquery-1.4.4.js"%3E%3C/script%3E'))</script>
56
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
57
+ <script>!window.jQuery && document.write(unescape('%3Cscript src="assets/js/libs/jquery-1.5.0.js"%3E%3C/script%3E'))</script>
58
58
 
59
59
 
60
60
  <!-- scripts concatenated and minified via ant build script-->