Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

bringing in some HTML5 Boilerplate styles

  • Loading branch information...
commit 61dcf054c4b2ce44588889be491c3bcb88c3bbdf 1 parent 90cdcb7
@croaky croaky authored
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;
-}
+}
Please sign in to comment.
Something went wrong with that request. Please try again.