mindy 0.1

data/stylesheets/mindy/css3/_formalize.scss

@@ -0,0 +1,270 @@
+// Note: This file is dependent on Sass and Compass.
+// Sass = http://sass-lang.com
+// Compass = http://compass-style.org
+
+@import "compass/css3";
+
+// `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,
+select,
+textarea {
+  // Suppress red glow that Firefox
+  // adds to form fields by default.
+  &:invalid {
+    @include box-shadow(none);
+  }
+}
+
+input[type="file"],
+input[type="radio"],
+input[type="checkbox"] {
+  &:focus,
+  &:active {
+    @include box-shadow(none);
+  }
+}
+
+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;
+  }
+}
+
+input[disabled],
+select[disabled],
+select[disabled] option,
+select[disabled] optgroup,
+textarea[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;
+  }
+}
+
+// `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_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;
+}

data/stylesheets/mindy/css3/_multi_line_buttons.sass

@@ -0,0 +1,53 @@
+=multi-line-button($base-color)
+  +background-clip('padding-box')
+  border-width: 1px
+  +border-radius(6px)
+  border-style: solid
+  color: white
+  display: block
+  margin: 0.2em auto
+  padding: 12px 15px
+  text-align: center
+  text-decoration: none
+  .title
+    font-size: 24px
+    font-weight: bold
+    display: block
+    +opacity(0.9)
+  .subtitle
+    font-size: 14px
+    display: block
+    margin-top: 4px
+    +opacity(0.7)
+  &:hover
+    .title
+      +opacity(1)
+    .subtitle
+      +opacity(0.8)
+  &:active
+    padding: 13px 15px 11px
+  @if $base-color != none
+    +color-multi-line-button($base-color)
+
+=color-multi-line-button($base-color)
+  $dark-color: darken($base-color, 10%)
+  $light-color: lighten($base-color, 10%)
+  $border-color: darken($base-color, 20%)
+  $light-border-color: lighten($base-color, 0%)
+  $highlight-color: transparentize(desaturate(lighten($base-color, 40%), 50%), 0.5)
+  $shadow-color: darken($base-color, 15%)
+  $text-shadow-color: darken($base-color, 15%)
+  background-color: $base-color
+  +linear-gradient(color-stops($light-color, $base-color, $dark-color))
+  border-color: $border-color
+  border-left-color: $light-border-color
+  border-top-color: $light-border-color
+  +box-shadow($highlight-color, 1px, 1px, 0, 0, inset)
+  color: white
+  +text-shadow($text-shadow-color, 0, 1px, 2px)
+  &:hover, &:focus
+    +linear-gradient(color-stops(lighten($light-color, 5%), lighten($base-color, 5%), $dark-color))
+  &:active, &.depressed
+    +linear-gradient(color-stops(desaturate(lighten($dark-color, 5%),10%), desaturate($base-color, 10%)))
+    +box-shadow(none)
+    border-color: $border-color

data/stylesheets/mindy/css3/_shadow.scss

@@ -0,0 +1,38 @@
+@mixin shadow() {
+  position:relative;
+  border-radius:4px;
+  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+  -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
+  -moz-border-radius:4px;
+
+  &:before,
+  &:after {
+    content:"";
+    position:absolute;
+    z-index:-2;
+    bottom:15px;
+    left:10px;
+    width:50%;
+    height:20%;
+    max-width:300px;
+    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+    -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
+    -webkit-transform:rotate(-3deg);
+    -moz-transform:rotate(-3deg);
+    -ms-transform:rotate(-3deg);
+    -o-transform:rotate(-3deg);
+    transform:rotate(-3deg);
+  }
+
+  &:after {
+    right:10px;
+    left:auto;
+    -webkit-transform:rotate(3deg);
+    -moz-transform:rotate(3deg);
+    -ms-transform:rotate(3deg);
+    -o-transform:rotate(3deg);
+    transform:rotate(3deg);
+  }
+}

data/stylesheets/mindy/grid/_grid.scss

@@ -0,0 +1,102 @@
+// Grid System
+// -----------
+
+// Default 978px grid
+// -------------------------
+$gridFluid:         false !default;
+
+$gridColumns:       12 !default;
+$gridColumnWidth:   54px !default;
+$gridGutterWidth:   30px !default;
+$gridRowWidth:      978px !default;
+
+//@debug "$gridFluid is #{$gridFluid}";
+@if $gridFluid == true  {
+  $gridRowWidth:      ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
+  $gridColumnWidth:   percentage($gridColumnWidth/$gridRowWidth);
+  $gridGutterWidth:   percentage($gridGutterWidth/$gridRowWidth);
+} @else {
+  @if       $gridRowWidth == 1378px  { $gridColumns: 16; $gridColumnWidth: 58; $gridGutterWidth: 30; }
+  @else if  $gridRowWidth == 1218px  { $gridColumns: 16; $gridColumnWidth: 48; $gridGutterWidth: 30; }
+  @else if  $gridRowWidth == 748px   { $gridColumns: 12; $gridColumnWidth: 44; $gridGutterWidth: 20; }
+  @else if  $gridRowWidth == 300px   { $gridColumns:  8; $gridColumnWidth: 27; $gridGutterWidth: 12; }
+}
+
+// column mixin
+@mixin column($n,$first:false) {
+  @include float-left;
+
+  @if $gridFluid == true {
+    @include grid-fluid-column($n);
+  } @else {
+    @include grid-column($n);
+  }
+
+  @if $first == true {
+    margin-left: 0;
+  } @else {
+    margin-left: $gridGutterWidth;
+  }
+}
+
+// print layout styles
+@mixin grid($gridColumnWidth) {
+  .column {
+    //float: left;
+    @include float-left;
+
+    @if $gridFluid == true {
+      *margin-left: $gridGutterWidth - (.5 / $gridRowWidth * 100px * 1%);
+      margin-left: $gridGutterWidth;
+    } @else {
+      margin-left: $gridGutterWidth;
+    }
+
+    &:first-child {
+      margin-left: 0;
+    }
+
+    //&:last-child {
+    //  @include clearfix();
+    //}
+  }
+
+  @include grid-generate-column($gridFluid, $gridColumns, $gridColumnWidth, $gridGutterWidth);
+}
+
+// base mixins
+@mixin layout($gridFluid) {
+  @if $gridFluid == true {
+    width: 100%;
+  } @else {
+    width: $gridRowWidth;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  @include clearfix();
+}
+
+@mixin grid-generate-column($gridFluid, $gridColumns, $gridColumnWidth, $gridGutterWidth) {
+  @while $gridColumns > 0 {
+    .column#{$gridColumns} {
+        @extend .column;
+    }
+    .column#{$gridColumns} {
+      @if $gridFluid == true {
+        @include grid-fluid-column($gridColumns, $gridColumnWidth, $gridGutterWidth);
+      } @else {
+        @include grid-column($gridColumns, $gridColumnWidth, $gridGutterWidth);
+      }
+    }
+    $gridColumns: $gridColumns - 1;
+  }
+}
+
+@mixin grid-column($gridColumns, $gridColumnWidth, $gridGutterWidth) {
+  width: ($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns - 1));
+}
+
+@mixin grid-fluid-column($gridColumns, $gridColumnWidth, $gridGutterWidth) {
+  width: ($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns - 1));
+  *width: ($gridColumnWidth * $gridColumns) + ($gridGutterWidth * ($gridColumns - 1)) - (.5 / $gridRowWidth * 100px * 1%);
+}

data/stylesheets/mindy/grid/_respond.scss

@@ -0,0 +1,34 @@
+@mixin respond($media){
+  @if $media == smart {
+    // Smartphones (portrait and landscape)
+    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { @content; }
+  } @else if $media == smart-landscape {
+    // Smartphones (landscape)
+    @media only screen and (min-width: 321px) { @content; }
+  } @else if $media == smart-portait {
+    // Smartphones (portrait)
+    @media only screen and (max-width: 320px) { @content; }
+  } @else if $media == ipad {
+    // iPads (portrait and landscape)
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { @content; }
+  } @else if $media == ipad-landscape {
+    // iPads (landscape)
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) { @content; }
+  } @else if $media == ipad-portait {
+    // iPads (portrait)
+    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) { @content; }
+  } @else if $media == desktop {
+    // Desktops and laptops
+    @media only screen and (min-width: 1224px) { @content; }
+  } @else if $media == large {
+    // Large screens
+    @media only screen and (min-width: 1824px) { @content; }
+  } @else if $media == iphone4 {
+    // iPhone 4
+    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { @content; }
+  } @else if $media == normal {
+    @media only screen and (min-width: 959px) { @content; }
+  } @else if $media == medium {
+    @media only screen and (min-width: 479px) { @content; }
+  }
+}

data/stylesheets/mindy/utils/_deprecated.scss

@@ -0,0 +1 @@
+//deprecated

data/stylesheets/mindy/utils/_mixins.scss

@@ -0,0 +1,94 @@
+@import "compass/css3";
+
+// Add percentage of white to a color
+@function tint($color, $percent){
+  @return mix(white, $color, $percent);
+}
+
+// Add percentage of black to a color
+@function shade($color, $percent){
+  @return mix(black, $color, $percent);
+}
+
+// Convert px to em
+@function pxtoem($target, $context){
+	@return ($target/$context)+0em;
+}
+// Convert em to px
+@function emtopx($target, $context){
+	@return ($target*$context)+0px;
+}
+
+@mixin noOuterDimensions {
+  margin: 0;
+  border: 0 none;
+  outline: 0 none;
+  padding: 0;
+}
+
+@mixin resetList($display: block) {
+  @include noOuterDimensions;
+  display: $display;
+  list-style: none;
+}
+
+@mixin setBackground($color, $size: 1px, $style: solid) {
+  @if $color == none {
+    background-color: transparent;
+    border: 0;
+  } @else {
+    background-color: $color;
+    border: $size $style darken($color,6%);
+  }
+}
+
+@mixin gradient($startColor, $stopColor) {
+  @include background-image(linear-gradient(color-stops($startColor, $stopColor)));
+}
+
+@mixin mopacity($opacity, $hover_opacity: false) {
+  opacity: $opacity;
+  -moz-opacity: $opacity;
+  $opacity: $opacity * 100;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=#{$opacity})";
+  filter: "alpha(opacity=#{$opacity})";
+  @if $hover_opacity {
+    @include mopacity-hover($hover_opacity);
+  }
+}
+
+@mixin mopacity-hover($opacity) {
+  &:hover {
+    @include opacity($opacity)
+  }
+}
+
+@mixin reset-fonts() {
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+}
+
+@mixin reset-spacing() {
+  margin: 0;
+  padding: 0;
+}
+
+// Clearfix
+// --------
+// For clearing floats like a boss h5bp.com/q
+@mixin clearfix {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}