summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/vendor/boilerplate-1.0
diff options
context:
space:
mode:
authorStefan Wintermeyer <stefan.wintermeyer@amooma.de>2012-12-17 12:01:45 +0100
committerStefan Wintermeyer <stefan.wintermeyer@amooma.de>2012-12-17 12:01:45 +0100
commitb80bd744ad873f6fc43018bc4bfb90677de167bd (patch)
tree072c4b0e33d442528555b82c415f5e7a1712b2b0 /app/assets/stylesheets/vendor/boilerplate-1.0
parent3e706c2025ecc5523e81ad649639ef2ff75e7bac (diff)
Start of GS5.
Diffstat (limited to 'app/assets/stylesheets/vendor/boilerplate-1.0')
-rw-r--r--app/assets/stylesheets/vendor/boilerplate-1.0/README15
-rw-r--r--app/assets/stylesheets/vendor/boilerplate-1.0/_reset.scss37
-rw-r--r--app/assets/stylesheets/vendor/boilerplate-1.0/_styles.scss171
3 files changed, 223 insertions, 0 deletions
diff --git a/app/assets/stylesheets/vendor/boilerplate-1.0/README b/app/assets/stylesheets/vendor/boilerplate-1.0/README
new file mode 100644
index 0000000..a5aa5b1
--- /dev/null
+++ b/app/assets/stylesheets/vendor/boilerplate-1.0/README
@@ -0,0 +1,15 @@
+HTML5 ✰ Boilerplate (ac92ae7a)
+
+style.css contains a reset, font normalization and some base styles.
+
+Credit is left where credit is due.
+Much inspiration was taken from these projects:
+- yui.yahooapis.com/2.8.1/build/base/base.css
+- camendesign.com/design/
+- praegnanz.de/weblog/htmlcssjs-kickstart
+
+Implementation to Compass as part of Survival Kit by Mario "Kuroir" Ricalde.
+
+Notes:
+
+ Not implementing Non-semantic helper classes. Use Compass builts-in. \ No newline at end of file
diff --git a/app/assets/stylesheets/vendor/boilerplate-1.0/_reset.scss b/app/assets/stylesheets/vendor/boilerplate-1.0/_reset.scss
new file mode 100644
index 0000000..efd1ac6
--- /dev/null
+++ b/app/assets/stylesheets/vendor/boilerplate-1.0/_reset.scss
@@ -0,0 +1,37 @@
+// html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+// v1.6.1 2010-09-17 | 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;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+blockquote, q { quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after { content: ""; content: none; }
+
+del { text-decoration: line-through; }
+
+abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
+
+table { border-collapse: collapse; border-spacing: 0; }
+
+input, select { vertical-align: middle; }
diff --git a/app/assets/stylesheets/vendor/boilerplate-1.0/_styles.scss b/app/assets/stylesheets/vendor/boilerplate-1.0/_styles.scss
new file mode 100644
index 0000000..3852329
--- /dev/null
+++ b/app/assets/stylesheets/vendor/boilerplate-1.0/_styles.scss
@@ -0,0 +1,171 @@
+// HTML5 ✰ Boilerplate
+//
+// style.css contains a reset, font normalization and some base styles.
+//
+// Credit is left where credit is due.
+// Much inspiration was taken from these projects:
+// - yui.yahooapis.com/2.8.1/build/base/base.css
+// - camendesign.com/design/
+// - praegnanz.de/weblog/htmlcssjs-kickstart
+//
+// Modified to fit Survival ✚ Kit
+
+ html {
+ @include sk-html;
+ overflow-y: scroll;
+ }
+
+
+// Sections (body, section, nav, article, aside, h1..6, header, footer, address)
+// ----------------------------------------
+
+ body, select, input, textarea { color: $font-color; font-family: $base-font-family; }
+
+ body { @include sk-body; font-size: $base-font-size; line-height: $base-line-height; }
+
+
+// Grouping Content (p, hr, pre, blockquote, ol, ul, li, dl, dt, dt, dd, figure, figcaption, div)
+// ----------------------------------------
+
+ p { margin: 0 0 1em 0;}
+ li { margin-bottom: (1em / 2);}
+
+ hr { border: 0; border-top: 1px solid $hr-color; display: block; height: 1px; margin: 1em 0; padding: 0; }
+
+ blockquote { color: #666; font-style: italic; margin: 1.5em; }
+
+ // normalize monospace sizing
+ // meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
+ // en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+ pre {
+ // www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/
+ white-space: pre; white-space: pre-wrap; word-wrap: break-word;
+ padding: 15px;
+ }
+
+ pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+ // Lists
+ ul, ol { margin:$list-margin; padding:$list-padding;}
+
+ ol { list-style-type: decimal; }
+
+ // Remove margin from navigation lists.
+ nav ul,
+ nav li { list-style:none; list-style-image: none; margin: 0; }
+
+ // Lists
+ dl { margin: 0 0 1.5em 0; }
+
+ dl dt { font-weight: bold; }
+
+ dd { margin-left: 1.5em;}
+
+
+// Text Level Semantics (a, em, strong, small, s, cite, q, dfn, abbr, time, code, var, samp, kbd, sub, i, b, u, mark, ruby, rt, rp, bdi, bdo, span, br, wbr)
+// ----------------------------------------
+
+ // Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test
+ a {text-decoration:none;}
+
+ a:hover, a:active { outline: none; text-decoration:underline;}
+
+ a, a:active, a:visited { color: $link-color; }
+
+ a:hover { color: $link-hover-color; }
+
+ // Headers (h1, h2, etc) have no default font-size or margin; define those yourself
+ h1, h2, h3, h4, h5, h6 { @include sk-header-tags; }
+
+ // j.mp/webkit-tap-highlight-color
+ a:link { -webkit-tap-highlight-color: #FF5E99; }
+
+ small { font-size: 85%; }
+
+ strong, b, th, dfn { font-weight: bold; }
+
+ em, i { font-style:italic; }
+
+ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
+
+ abbr,
+ acronym { border-bottom: 1px dotted #666; }
+
+ address { font-style: italic; margin: 0 0 1.5em; }
+
+ // Set sub, sup without affecting line-height: gist.github.com/413930
+ sub, sup { font-size: 75%; line-height: 0; position: relative; }
+
+ sup { top: -0.5em; }
+
+ sub { bottom: -0.25em; }
+
+
+// Embedded Content (img)
+// ----------------------------------------
+
+ // Bicubic resizing for non-native sized IMG:
+ // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ .ie7 img { -ms-interpolation-mode: bicubic; }
+
+
+// Tabular Data (table, caption, colgroup, col, tbody, thead, tfoot, tr, td, th)
+// ----------------------------------------
+
+ table { margin-bottom: 1.4em; width:100%; }
+
+ th { font-weight: bold; }
+
+ th,td,caption { padding: 4px 10px 4px 5px; text-align: left; }
+
+
+// Edits (ins, del)
+// ----------------------------------------
+
+ ins { background-color: #ff9; color: #000; text-decoration: none; }
+
+ del { color:#666; }
+
+
+// Forms
+// ----------------------------------------
+
+ select, input, textarea, button { font: 99% $base-font-family; outline:none;}
+
+ td { vertical-align: top; }
+
+ textarea { overflow: auto; }
+
+ // Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css
+ input[type="radio"] { vertical-align: text-bottom; }
+
+ input[type="checkbox"] { vertical-align: bottom; }
+
+ // Hand cursor on clickable input elements
+
+ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+
+ // Webkit browsers add a 2px margin outside the chrome of form elements
+ button, input, select, textarea { margin: 0; }
+
+
+ // required:valid and required:invalid moved to form.scss
+
+ // Make buttons play nice in IE:
+ // www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
+ button { overflow: visible; width: auto; }
+
+ @if in-compatibility-mode() {
+ .ie7 input[type="checkbox"] { vertical-align: baseline; }
+
+ .ie6 input { vertical-align: text-bottom; }
+
+ .ie6 legend, .ie7 legend { margin-left: -7px; }
+ }
+
+
+// Etc.
+// ----------------------------------------
+
+ ::-moz-selection{ background: $selected-background-color; color:$selected-font-color; text-shadow: none; }
+ ::selection { background:$selected-background-color; color:$selected-font-color; text-shadow: none; }