compass-pattern-primer 0.1

data/stylesheets/compass-pattern-primer/partials/variables/modules/_control.scss

@@ -0,0 +1,24 @@
+// Controls
+$controls-font-family: $secondary-font !default;
+$controls-font-size: 1.5em !default;
+$controls-padding: 0.5em 0.75em !default;
+$controls-border-pos: false !default; 
+$controls-border-width: 1px !default; 
+$controls-border-style: solid !default;
+$controls-border-color: #666 !default;
+$controls-border-radius: 0.25em !default;
+/// Visited
+$controls-visited-color: $button-color !default;
+$controls-visited-gradient-pos: $button-gradient-pos !default;
+$controls-visited-gradient-stop-1: #47a !default;
+$controls-visited-gradient-stop-2: #258 !default;
+/// Hover
+$controls-hover-color: $button-color !default;
+$controls-hover-gradient-pos: $button-gradient-pos !default;
+$controls-hover-gradient-stop-1: #d04 !default;
+$controls-hover-gradient-stop-2: #b02 !default;
+/// Active
+$controls-active-color: $button-color !default;
+$controls-active-gradient-pos: $button-gradient-pos !default;
+$controls-active-gradient-stop-1: #800 !default;
+$controls-active-gradient-stop-2: #a00 !default;

data/stylesheets/compass-pattern-primer/partials/variables/modules/_feedback.scss

@@ -0,0 +1,22 @@
+// Feedback
+$feedback-background: #d9edf7 !default;
+$feedback-padding: 0.125em 1em !default;
+$feedback-margin: 1em !default;
+$feedback-color: #3A87AD !default;
+$feedback-border-pos: false !default; 
+$feedback-border-width: 1px !default; 
+$feedback-border-style: solid !default;
+$feedback-border-color: #bce8f1 !default;
+$feedback-border-radius: 0.5em !default;
+$feedback-a-font-bold: true !default; // bold
+$feedback-a-font-italic: false !default;
+$feedback-a-font-uppercase: false !default;
+$feedback-a-font-variant: false !default;
+/// Feedback Error
+$feedback-error-background: #fcc !default;
+$feedback-error-color: #B94A48 !default;
+$feedback-error-border-color: #c99 !default;
+/// Feedback Warning
+$feedback-warning-background: #FFF7BD !default;
+$feedback-warning-color: #947D72 !default;
+$feedback-warning-border-color: #947D72 !default;

data/stylesheets/compass-pattern-primer/partials/variables/modules/_options.scss

@@ -0,0 +1,23 @@
+// Options 
+$options-border-pos: top !default;
+$options-border-width: 1px !default;
+$options-border-style: solid !default;
+$options-border-color: #ccc !default;
+$options-list-style: none !default;
+/// Options li
+$options-li-font-family: $secondary-font !default;
+$options-li-text-indent: 0 !default;
+$options-li-text-transform: uppercase !default;
+$options-li-letter-spacing: 0.15em !default;
+$options-li-font-weight: bold !default;
+$options-li-margin: 0 !default;
+$options-li-padding: 0.3125em 0.625em !default;
+$options-li-border-pos: bottom !default;
+$options-li-border-width: 1px !default;
+$options-li-border-style: solid !default;
+$options-li-border-color: #ccc !default;
+/// Options a
+$options-a-border-pos: none !default;
+$options-a-border-width: 0 !default;
+$options-a-border-style: solid !default;
+$options-a-border-color: #ccc !default;

data/stylesheets/compass-pattern-primer/partials/variables/modules/_pagination.scss

@@ -0,0 +1,26 @@
+// Pagination
+$pagination-font-family: $secondary-font !default;
+$pagination-text-indent: 0 !default;
+/// Pagination li
+$pagination-li-margin: 0 !default;
+$pagination-li-margin-pos: left !default;
+$pagination-li-display: inline !default;
+/// Pagination a
+$pagination-a-display: inline-block !default;
+$pagination-a-padding: 0.5em 1em !default;
+$pagination-a-margin: 0.1em !default;
+$pagination-a-border-radius: 0.25em !default;
+$pagination-a-line-height: 1em !default;
+$pagination-a-border-pos: false !default;
+$pagination-a-border-width: 1px !default;
+$pagination-a-border-style: solid !default;
+$pagination-a-border-color: #666 !default;
+/// Pagination links
+$pagination-link-color: #fff !default;
+$pagination-link-background-color: #369 !default;
+//// hover
+$pagination-link-hover-color: $pagination-link-color !default;
+$pagination-link-hover-background-color: #c03 !default;
+//// Active
+$pagination-link-active-color: $pagination-link-color !default;
+$pagination-link-active-background-color: #900 !default;

data/stylesheets/compass-pattern-primer/reset/_reset.scss

@@ -0,0 +1,19 @@
+$use_eric_meyer_reset: false !default;
+$use_formalize_reset: true !default;
+$use_normalize_reset: true !default;
+
+@import "libraries/_eric_meyer_reset";
+@import "libraries/_normalize";
+@import "libraries/_formalize";
+
+@if $use_eric_meyer_reset {
+   @include eric_meyer_reset();
+}
+
+@if $use_formalize_reset {
+   @include formalize();
+}
+
+@if $use_normalize_reset {
+   @include normalize();
+}

data/stylesheets/compass-pattern-primer/reset/libraries/_eric_meyer_reset.scss

@@ -0,0 +1,51 @@
+@mixin eric_meyer_reset() {
+
+  /* http://meyerweb.com/eric/tools/css/reset/ 
+     v2.0 | 20110126
+     License: none (public domain)
+  */
+
+  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, 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,
+  article, aside, canvas, details, embed, 
+  figure, figcaption, footer, header, hgroup, 
+  menu, nav, output, ruby, section, summary,
+  time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+  /* HTML5 display-role reset for older browsers */
+  article, aside, details, figcaption, figure, 
+  footer, header, hgroup, menu, nav, section {
+    display: block;
+  }
+  body {
+    line-height: 1;
+  }
+  ol, ul {
+    list-style: none;
+  }
+  blockquote, q {
+    quotes: none;
+  }
+  blockquote:before, blockquote:after,
+  q:before, q:after {
+    content: '';
+    content: none;
+  }
+  table {
+    border-collapse: collapse;
+    border-spacing: 0;
+  }
+}  

data/stylesheets/compass-pattern-primer/reset/libraries/_formalize.scss

@@ -0,0 +1,378 @@
+$legacy-support-for-ie6: true !default;  
+
+@import "compass/css3";
+
+@mixin formalize() {
+
+// FORMALIZE
+// Note: This file is dependent on Sass and Compass.
+// Sass = http://sass-lang.com
+// Compass = http://compass-style.org
+
+// `Widths
+  //----------------------------------------------------------------------------------------------------
+
+  .input_tiny {
+    width: 50px;
+  }
+
+  .input_small {
+    width: 100px;
+  }
+
+  .input_medium {
+    width: 150px;
+  }
+
+  .input_large {
+    width: 200px;
+  }
+
+  .input_xlarge {
+    width: 250px;
+  }
+
+  .input_xxlarge {
+    width: 300px;
+  }
+
+  .input_full {
+    width: 100%;
+  }
+
+  // Added via JS to <textarea> and class="input-full".
+  // Applies only to IE7. Other browsers don't need it.
+
+  .input_full_wrap {
+    display: block;
+    padding-right: 8px;
+  }
+
+  // `UI Consistency
+  //----------------------------------------------------------------------------------------------------
+
+  input[type="search"]::-webkit-search-decoration {
+    display: none;
+  }
+
+  input,
+  button,
+  a.button,
+  select,
+  textarea {
+    // Suppress red glow that Firefox
+    // adds to form fields by default.
+    &:invalid {
+      @include box-shadow(none);
+    }
+    // Add blue glow.
+    &:focus {
+      @include box-shadow(#0066ff 0 0 5px 0);
+      // for Opera
+      z-index: 1;
+    }
+  }
+
+  input[type="file"],
+  input[type="radio"],
+  input[type="checkbox"] {
+    &:focus,
+    &:active {
+      @include box-shadow(none);
+    }
+  }
+
+  button,
+  a.button,
+  input[type="reset"],
+  input[type="submit"],
+  input[type="button"] {
+    -webkit-appearance: none;
+    @include border-radius(4px);
+    @include background-clip(padding-box);
+    background: #ddd;
+    @include background-image(linear-gradient(white, #dddddd));
+    border: 1px solid;
+    border-color: #dddddd #bbbbbb #999999;
+    cursor: pointer;
+    color: #333333;
+    display: inline-block;
+    // Helvetica Neue present, because it works better
+    // for line-height on buttons than Arial, on OS X.
+    font: bold 12px / 1.3 "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
+    outline: 0;
+    overflow: visible;
+    margin: 0;
+    padding: 3px 10px;
+    text-shadow: white 0 1px 1px;
+    text-decoration: none;
+    vertical-align: top;
+    width: auto;
+    &:hover {
+      @include background-image(linear-gradient(white, #eeeeee 1px, #cccccc));
+    }
+    &:active {
+      @include background-image(linear-gradient(white, #dddddd 1px, #eeeeee));
+      @include box-shadow(inset rgba(black, 0.25) 0 1px 2px 0);
+      border-color: #999999 #bbbbbb #dddddd;
+    }
+    // IE7
+    *padding-top: 2px;
+    *padding-bottom: 0;
+    // Kill phantom spacing and dotted
+    // border that appears in Firefox.
+    &::-moz-focus-inner {
+      border: 0;
+      padding: 0;
+    }
+  }
+
+  a.button {
+    // IE7
+    *padding-bottom: 3px;
+  }
+
+  button {
+    // IE7
+    *padding-top: 1px;
+    *padding-bottom: 1px;
+  }
+
+  textarea,
+  select,
+  input[type="date"],
+  input[type="datetime"],
+  input[type="datetime-local"],
+  input[type="email"],
+  input[type="month"],
+  input[type="number"],
+  input[type="password"],
+  input[type="search"],
+  input[type="tel"],
+  input[type="text"],
+  input[type="time"],
+  input[type="url"],
+  input[type="week"] {
+    @include box-sizing(border-box);
+    @include background-clip(padding-box);
+    @include border-radius(0);
+    -webkit-appearance: none;
+    background-color: white;
+    border: 1px solid;
+    border-color: #848484 #c1c1c1 #e1e1e1;
+    color: black;
+    outline: 0;
+    margin: 0;
+    padding: 2px 3px;
+    text-align: left;
+    font-size: 13px;
+    // Leaving out Helvetica Neue, to not throw off size="..."
+    // on inputs. Arial is more reliable, on Windows and OS X.
+    font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
+    height: 1.8em;
+    vertical-align: top;
+    // IE7
+    *padding-top: 2px;
+    *padding-bottom: 1px;
+    *height: auto;
+    &[disabled] {
+      background-color: #eeeeee;
+    }
+  }
+
+  button[disabled],
+  input[disabled],
+  select[disabled],
+  select[disabled] option,
+  select[disabled] optgroup,
+  textarea[disabled],
+  a.button_disabled {
+    @include box-shadow(none);
+    -moz-user-select: -moz-none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    user-select: none;
+    color: #888888;
+    cursor: default;
+  }
+
+  // Separate rule for Firefox.
+  // Separate rule for IE, too.
+  // Cannot stack with WebKit's.
+  input::-webkit-input-placeholder,
+  textarea::-webkit-input-placeholder {
+    color: #888888;
+  }
+
+  input:-moz-placeholder,
+  textarea:-moz-placeholder {
+    color: #888888;
+  }
+
+  input.placeholder_text,
+  textarea.placeholder_text {
+    color: #888888;
+  }
+
+  textarea,
+  select[size],
+  select[multiple] {
+    height: auto;
+  }
+
+  // Set height back to normal,
+  // for Opera, WebKit, and IE.
+  select[size="0"],
+  select[size="1"] {
+    height: 1.8em;
+    // IE7
+    *height: auto;
+  }
+
+  // Tweaks for Safari + Chrome.
+  @media (-webkit-min-device-pixel-ratio: 0) {
+    select[size],
+    select[multiple],
+    select[multiple][size] {
+      background-image: none;
+      padding-right: 3px;
+    }
+    select,
+    select[size="0"],
+    select[size="1"] {
+      // Base64 encoded "../images/select_arrow.gif"
+      background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
+      background-repeat: no-repeat;
+      background-position: right center;
+      padding-right: 20px;
+    }
+    ::-webkit-validation-bubble-message {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
+      border: 1px solid;
+      border-color: #747474 #5e5e5e #4f4f4f;
+      color: white;
+      font: 13px / 17px "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
+      overflow: hidden;
+      padding: 15px 15px 17px;
+      text-shadow: black 0 0 1px;
+      height: 16px;
+    }
+    ::-webkit-validation-bubble-arrow,
+    ::-webkit-validation-bubble-top-outer-arrow,
+    ::-webkit-validation-bubble-top-inner-arrow {
+      -webkit-box-shadow: none;
+      box-shadow: none;
+      background: #666666;
+      border: 0;
+    }
+  }
+
+  textarea {
+    min-height: 40px;
+    overflow: auto;
+    resize: vertical;
+    width: 100%;
+  }
+
+  optgroup {
+    color: black;
+    font-style: normal;
+    font-weight: normal;
+    // Font family repeated, for Firefox.
+    font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
+    // Kill phantom spacing and dotted
+    // border that appears in Firefox.
+    &::-moz-focus-inner {
+      border: 0;
+      padding: 0;
+    }
+  } 
+
+  @if $legacy-support-for-ie6 { 
+
+    // Note: This file is dependent on Sass and Compass.
+    // Sass = http://sass-lang.com
+    // Compass = http://compass-style.org
+
+    // `IE6
+    //----------------------------------------------------------------------------------------------------
+
+    // Everything below this line is for IE6.
+    // Delete it if you don't support it! :)
+
+    // Classes are added dynamically via JS,
+    // because IE6 doesn't support attribute
+    // selectors: .ie6_button, .ie6_input, etc.
+
+    // Note: These style rules are somewhat
+    // duplicated because IE6 bombs out when
+    // it sees attribute selectors. Example:
+
+    //   .ie6_button {
+    //     This works in IE6.
+    //   }
+
+    //   .ie6_button,
+    //   input[type=submit] {
+    //     This doesn't work.
+    //   }
+
+    .ie6_button,
+    * html button,
+    * html a.button {
+      //background: #dddddd image-url("button.png") repeat-x;
+      background: #dddddd;
+      border: 1px solid;
+      border-color: #dddddd #bbbbbb #999999;
+      cursor: pointer;
+      color: #333333;
+      font: bold 12px / 1.2 Arial, sans-serif;
+      padding: 2px 10px 0px;
+      text-decoration: none;
+      overflow: visible;
+      vertical-align: top;
+      width: auto;
+    }
+
+    * html a.button {
+      position: relative;
+      top: 3px;
+      padding-bottom: 2px;
+    }
+
+    * html button {
+      padding-top: 1px;
+      padding-bottom: 1px;
+    }
+
+    .ie6_input,
+    * html textarea,
+    * html select {
+      background: white;
+      border: 1px solid;
+      border-color: #848484 #c1c1c1 #e1e1e1;
+      color: black;
+      padding: 2px 3px 1px;
+      font-size: 13px;
+      font-family: Arial, sans-serif;
+      vertical-align: top;
+    }
+
+    * html select {
+      margin-top: 1px;
+    }
+
+    .placeholder_text,
+    .ie6_input_disabled,
+    .ie6_button_disabled {
+      color: #888888;
+    }
+
+    .ie6_input_disabled {
+      background: #eeeeee;
+    }
+
+  }
+}