Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

HTML5 Boilerplate #17

Merged
1 commit merged into from

1 participant

@croaky
Owner

Can I get a review of this commit, please? I've added some HTML5 Boilerplate stuff.

This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Nov 17, 2010
  1. @croaky
This page is out of date. Refresh to see the latest.
View
67 public/stylesheets/sass/_defaults.scss
@@ -80,16 +80,57 @@ hr.space {
color: #fff;
}
-/* Clearfix hack I love you */
-.clearfix:after {
- content:".";
- display:block;
- height:0;
- clear:both;
- visibility:hidden;
-}
-
-.clearfix {display:inline-block;}
-/* Hide from IE Mac \*/
-.clearfix {display:block;}
-/* End hide from IE Mac */
+/* for image replacement */
+.ir {
+ display: block;
+ text-indent: -999em;
+ overflow: hidden;
+ background-repeat:
+ no-repeat;
+ text-align: left;
+ direction: ltr;
+}
+
+/* Hide for both screenreaders and browsers
+ css-discuss.incutio.com/wiki/Screenreader_Visibility */
+.hidden {
+ display: none;
+ visibility: hidden;
+}
+
+/* Hide only visually, but have it available for screenreaders
+ www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
+.visuallyhidden { position: absolute !important;
+ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
+ clip: rect(1px, 1px, 1px, 1px); }
+
+/* Hide visually and from screenreaders, but maintain layout */
+.invisible { visibility: hidden; }
+
+/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
+.clearfix:before, .clearfix:after {
+ content: "\0020";
+ display: block;
+ height: 0;
+ visibility: hidden;
+}
+
+.clearfix:after { clear: both; }
+/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
+.clearfix { zoom: 1; }
+
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+@media print {
+ * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
+ a, a:visited { color: #444 !important; text-decoration: underline; }
+ a:after { content: " (" attr(href) ")"; }
+ abbr:after { content: " (" attr(title) ")"; }
+ .ir a:after { content: ""; } /* Don't show links for images */
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+ tr, img { page-break-inside: avoid; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3{ page-break-after: avoid; }
+}
View
8 public/stylesheets/sass/_forms.scss
@@ -83,6 +83,7 @@ fieldset fieldset fieldset {
legend {
font-weight: bold;
}
+.ie6 legend, .ie7 legend { margin-left: -7px; }
fieldset.buttons {
background: inherit;
@@ -119,6 +120,9 @@ input[type="week"] {
padding: 3px 2px;
width: 300px;
}
+.ie6 input {
+ vertical-align: text-bottom;
+}
input[disabled='disabled'] {
background-color: #fcfcfc;
@@ -131,6 +135,9 @@ input[type="checkbox"] {
top: -2px;
vertical-align: middle;
}
+.ie7 input[type="checkbox"] {
+ vertical-align: baseline;
+}
input[type="radio"] {
margin: 0 3px 0 0;
@@ -156,6 +163,7 @@ textarea {
margin: 0 0.5em 0.5em 0;
padding: 5px;
width: 440px;
+ overflow: auto;
}
/* Select fields */
View
92 public/stylesheets/sass/_reset.scss
@@ -1,53 +1,55 @@
-/* http://meyerweb.com/eric/tools/css/reset/ */
-/* v1.0 | 20080212 */
-html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
-blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
-font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
-b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
-caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
-}
+/*
+ html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+ v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+ html5doctor.com/html-5-reset-stylesheet/
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin:0;
+ padding:0;
+ border:0;
+ outline:0;
+ font-size:100%;
+ vertical-align:baseline;
+ background:transparent;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display:block;
+}
+
+nav ul { list-style:none; }
+
+blockquote, q { quotes:none; }
-body {
- line-height: 1;
-}
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
-ol, ul {
- list-style: none;
-}
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
-blockquote, q {
- quotes: none;
-}
+ins { background-color:#ff9; color:#000; text-decoration:none; }
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
-}
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
-/* remember to define focus styles! */
-:focus {
- outline: 0;
-}
+del { text-decoration: line-through; }
-/* remember to highlight inserts somehow! */
-ins {
- text-decoration: none;
-}
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
-del {
- text-decoration: line-through;
-}
+/* tables still need cellspacing="0" in the markup */
+table { border-collapse:collapse; border-spacing:0; }
-/* tables still need 'cellspacing="0"' in the markup */
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+
+input, select { vertical-align:middle; }
View
7 public/stylesheets/sass/_type.scss
@@ -116,7 +116,10 @@ dfn {
pre, code {
margin: 1.5em 0;
- white-space: pre;
+ white-space: pre; /* CSS2 */
+ white-space: pre-wrap; /* CSS 2.1 */
+ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
+ word-wrap: break-word; /* IE */
}
pre, code, tt {
@@ -134,4 +137,4 @@ tt {
display: block;
line-height: 1.5;
margin: 1.5em 0;
-}
+}
Something went wrong with that request. Please try again.