html5-starter 0.1.3b → 0.1.4b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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-->