undercase 0.2.29

data/app/assets/stylesheets/undercase/libraries/_icon_codes.scss

@@ -0,0 +1,369 @@
+$uc-icon-glass: "\f000";
+$uc-icon-music: "\f001";
+$uc-icon-search: "\f002";
+$uc-icon-envelope-o: "\f003";
+$uc-icon-heart: "\f004";
+$uc-icon-star: "\f005";
+$uc-icon-star-o: "\f006";
+$uc-icon-user: "\f007";
+$uc-icon-film: "\f008";
+$uc-icon-th-large: "\f009";
+$uc-icon-th: "\f00a";
+$uc-icon-th-list: "\f00b";
+$uc-icon-check: "\f00c";
+$uc-icon-times: "\f00d";
+$uc-icon-search-plus: "\f00e";
+$uc-icon-search-minus: "\f010";
+$uc-icon-power-off: "\f011";
+$uc-icon-signal: "\f012";
+$uc-icon-cog: "\f013";
+$uc-icon-trash-o: "\f014";
+$uc-icon-home: "\f015";
+$uc-icon-file-o: "\f016";
+$uc-icon-clock-o: "\f017";
+$uc-icon-road: "\f018";
+$uc-icon-download: "\f019";
+$uc-icon-arrow-circle-o-down: "\f01a";
+$uc-icon-arrow-circle-o-up: "\f01b";
+$uc-icon-inbox: "\f01c";
+$uc-icon-play-circle-o: "\f01d";
+$uc-icon-repeat: "\f01e";
+$uc-icon-refresh: "\f021";
+$uc-icon-list-alt: "\f022";
+$uc-icon-lock: "\f023";
+$uc-icon-flag: "\f024";
+$uc-icon-headphones: "\f025";
+$uc-icon-volume-off: "\f026";
+$uc-icon-volume-down: "\f027";
+$uc-icon-volume-up: "\f028";
+$uc-icon-qrcode: "\f029";
+$uc-icon-barcode: "\f02a";
+$uc-icon-tag: "\f02b";
+$uc-icon-tags: "\f02c";
+$uc-icon-book: "\f02d";
+$uc-icon-bookmark: "\f02e";
+$uc-icon-print: "\f02f";
+$uc-icon-camera: "\f030";
+$uc-icon-font: "\f031";
+$uc-icon-bold: "\f032";
+$uc-icon-italic: "\f033";
+$uc-icon-text-height: "\f034";
+$uc-icon-text-width: "\f035";
+$uc-icon-align-left: "\f036";
+$uc-icon-align-center: "\f037";
+$uc-icon-align-right: "\f038";
+$uc-icon-align-justify: "\f039";
+$uc-icon-list: "\f03a";
+$uc-icon-outdent: "\f03b";
+$uc-icon-indent: "\f03c";
+$uc-icon-video-camera: "\f03d";
+$uc-icon-picture-o: "\f03e";
+$uc-icon-pencil: "\f040";
+$uc-icon-map-marker: "\f041";
+$uc-icon-adjust: "\f042";
+$uc-icon-tint: "\f043";
+$uc-icon-pencil-square-o: "\f044";
+$uc-icon-share-square-o: "\f045";
+$uc-icon-check-square-o: "\f046";
+$uc-icon-arrows: "\f047";
+$uc-icon-step-backward: "\f048";
+$uc-icon-fast-backward: "\f049";
+$uc-icon-backward: "\f04a";
+$uc-icon-play: "\f04b";
+$uc-icon-pause: "\f04c";
+$uc-icon-stop: "\f04d";
+$uc-icon-forward: "\f04e";
+$uc-icon-fast-forward: "\f050";
+$uc-icon-step-forward: "\f051";
+$uc-icon-eject: "\f052";
+$uc-icon-chevron-left: "\f053";
+$uc-icon-chevron-right: "\f054";
+$uc-icon-plus-circle: "\f055";
+$uc-icon-minus-circle: "\f056";
+$uc-icon-times-circle: "\f057";
+$uc-icon-check-circle: "\f058";
+$uc-icon-question-circle: "\f059";
+$uc-icon-info-circle: "\f05a";
+$uc-icon-crosshairs: "\f05b";
+$uc-icon-times-circle-o: "\f05c";
+$uc-icon-check-circle-o: "\f05d";
+$uc-icon-ban: "\f05e";
+$uc-icon-arrow-left: "\f060";
+$uc-icon-arrow-right: "\f061";
+$uc-icon-arrow-up: "\f062";
+$uc-icon-arrow-down: "\f063";
+$uc-icon-share: "\f064";
+$uc-icon-expand: "\f065";
+$uc-icon-compress: "\f066";
+$uc-icon-plus: "\f067";
+$uc-icon-minus: "\f068";
+$uc-icon-asterisk: "\f069";
+$uc-icon-exclamation-circle: "\f06a";
+$uc-icon-gift: "\f06b";
+$uc-icon-leaf: "\f06c";
+$uc-icon-fire: "\f06d";
+$uc-icon-eye: "\f06e";
+$uc-icon-eye-slash: "\f070";
+$uc-icon-exclamation-triangle: "\f071";
+$uc-icon-plane: "\f072";
+$uc-icon-calendar: "\f073";
+$uc-icon-random: "\f074";
+$uc-icon-comment: "\f075";
+$uc-icon-magnet: "\f076";
+$uc-icon-chevron-up: "\f077";
+$uc-icon-chevron-down: "\f078";
+$uc-icon-retweet: "\f079";
+$uc-icon-shopping-cart: "\f07a";
+$uc-icon-folder: "\f07b";
+$uc-icon-folder-open: "\f07c";
+$uc-icon-arrows-v: "\f07d";
+$uc-icon-arrows-h: "\f07e";
+$uc-icon-bar-chart-o: "\f080";
+$uc-icon-twitter-square: "\f081";
+$uc-icon-facebook-square: "\f082";
+$uc-icon-camera-retro: "\f083";
+$uc-icon-key: "\f084";
+$uc-icon-cogs: "\f085";
+$uc-icon-comments: "\f086";
+$uc-icon-thumbs-o-up: "\f087";
+$uc-icon-thumbs-o-down: "\f088";
+$uc-icon-star-half: "\f089";
+$uc-icon-heart-o: "\f08a";
+$uc-icon-sign-out: "\f08b";
+$uc-icon-linkedin-square: "\f08c";
+$uc-icon-thumb-tack: "\f08d";
+$uc-icon-external-link: "\f08e";
+$uc-icon-sign-in: "\f090";
+$uc-icon-trophy: "\f091";
+$uc-icon-github-square: "\f092";
+$uc-icon-upload: "\f093";
+$uc-icon-lemon-o: "\f094";
+$uc-icon-phone: "\f095";
+$uc-icon-square-o: "\f096";
+$uc-icon-bookmark-o: "\f097";
+$uc-icon-phone-square: "\f098";
+$uc-icon-twitter: "\f099";
+$uc-icon-facebook: "\f09a";
+$uc-icon-github: "\f09b";
+$uc-icon-unlock: "\f09c";
+$uc-icon-credit-card: "\f09d";
+$uc-icon-rss: "\f09e";
+$uc-icon-hdd-o: "\f0a0";
+$uc-icon-bullhorn: "\f0a1";
+$uc-icon-bell: "\f0f3";
+$uc-icon-certificate: "\f0a3";
+$uc-icon-hand-o-right: "\f0a4";
+$uc-icon-hand-o-left: "\f0a5";
+$uc-icon-hand-o-up: "\f0a6";
+$uc-icon-hand-o-down: "\f0a7";
+$uc-icon-arrow-circle-left: "\f0a8";
+$uc-icon-arrow-circle-right: "\f0a9";
+$uc-icon-arrow-circle-up: "\f0aa";
+$uc-icon-arrow-circle-down: "\f0ab";
+$uc-icon-globe: "\f0ac";
+$uc-icon-wrench: "\f0ad";
+$uc-icon-tasks: "\f0ae";
+$uc-icon-filter: "\f0b0";
+$uc-icon-briefcase: "\f0b1";
+$uc-icon-arrows-alt: "\f0b2";
+$uc-icon-users: "\f0c0";
+$uc-icon-link: "\f0c1";
+$uc-icon-cloud: "\f0c2";
+$uc-icon-flask: "\f0c3";
+$uc-icon-scissors: "\f0c4";
+$uc-icon-files-o: "\f0c5";
+$uc-icon-paperclip: "\f0c6";
+$uc-icon-floppy-o: "\f0c7";
+$uc-icon-square: "\f0c8";
+$uc-icon-bars: "\f0c9";
+$uc-icon-list-ul: "\f0ca";
+$uc-icon-list-ol: "\f0cb";
+$uc-icon-strikethrough: "\f0cc";
+$uc-icon-underline: "\f0cd";
+$uc-icon-table: "\f0ce";
+$uc-icon-magic: "\f0d0";
+$uc-icon-truck: "\f0d1";
+$uc-icon-pinterest: "\f0d2";
+$uc-icon-pinterest-square: "\f0d3";
+$uc-icon-google-plus-square: "\f0d4";
+$uc-icon-google-plus: "\f0d5";
+$uc-icon-money: "\f0d6";
+$uc-icon-caret-down: "\f0d7";
+$uc-icon-caret-up: "\f0d8";
+$uc-icon-caret-left: "\f0d9";
+$uc-icon-caret-right: "\f0da";
+$uc-icon-columns: "\f0db";
+$uc-icon-sort: "\f0dc";
+$uc-icon-sort-asc: "\f0dd";
+$uc-icon-sort-desc: "\f0de";
+$uc-icon-envelope: "\f0e0";
+$uc-icon-linkedin: "\f0e1";
+$uc-icon-undo: "\f0e2";
+$uc-icon-gavel: "\f0e3";
+$uc-icon-tachometer: "\f0e4";
+$uc-icon-comment-o: "\f0e5";
+$uc-icon-comments-o: "\f0e6";
+$uc-icon-bolt: "\f0e7";
+$uc-icon-sitemap: "\f0e8";
+$uc-icon-umbrella: "\f0e9";
+$uc-icon-clipboard: "\f0ea";
+$uc-icon-lightbulb-o: "\f0eb";
+$uc-icon-exchange: "\f0ec";
+$uc-icon-cloud-download: "\f0ed";
+$uc-icon-cloud-upload: "\f0ee";
+$uc-icon-user-md: "\f0f0";
+$uc-icon-stethoscope: "\f0f1";
+$uc-icon-suitcase: "\f0f2";
+$uc-icon-bell-o: "\f0a2";
+$uc-icon-coffee: "\f0f4";
+$uc-icon-cutlery: "\f0f5";
+$uc-icon-file-text-o: "\f0f6";
+$uc-icon-building-o: "\f0f7";
+$uc-icon-hospital-o: "\f0f8";
+$uc-icon-ambulance: "\f0f9";
+$uc-icon-medkit: "\f0fa";
+$uc-icon-fighter-jet: "\f0fb";
+$uc-icon-beer: "\f0fc";
+$uc-icon-h-square: "\f0fd";
+$uc-icon-plus-square: "\f0fe";
+$uc-icon-angle-double-left: "\f100";
+$uc-icon-angle-double-right: "\f101";
+$uc-icon-angle-double-up: "\f102";
+$uc-icon-angle-double-down: "\f103";
+$uc-icon-angle-left: "\f104";
+$uc-icon-angle-right: "\f105";
+$uc-icon-angle-up: "\f106";
+$uc-icon-angle-down: "\f107";
+$uc-icon-desktop: "\f108";
+$uc-icon-laptop: "\f109";
+$uc-icon-tablet: "\f10a";
+$uc-icon-mobile: "\f10b";
+$uc-icon-circle-o: "\f10c";
+$uc-icon-quote-left: "\f10d";
+$uc-icon-quote-right: "\f10e";
+$uc-icon-spinner: "\f110";
+$uc-icon-circle: "\f111";
+$uc-icon-reply: "\f112";
+$uc-icon-github-alt: "\f113";
+$uc-icon-folder-o: "\f114";
+$uc-icon-folder-open-o: "\f115";
+$uc-icon-smile-o: "\f118";
+$uc-icon-frown-o: "\f119";
+$uc-icon-meh-o: "\f11a";
+$uc-icon-gamepad: "\f11b";
+$uc-icon-keyboard-o: "\f11c";
+$uc-icon-flag-o: "\f11d";
+$uc-icon-flag-checkered: "\f11e";
+$uc-icon-terminal: "\f120";
+$uc-icon-code: "\f121";
+$uc-icon-reply-all: "\f122";
+$uc-icon-mail-reply-all: "\f122";
+$uc-icon-star-half-o: "\f123";
+$uc-icon-location-arrow: "\f124";
+$uc-icon-crop: "\f125";
+$uc-icon-code-fork: "\f126";
+$uc-icon-chain-broken: "\f127";
+$uc-icon-question: "\f128";
+$uc-icon-info: "\f129";
+$uc-icon-exclamation: "\f12a";
+$uc-icon-superscript: "\f12b";
+$uc-icon-subscript: "\f12c";
+$uc-icon-eraser: "\f12d";
+$uc-icon-puzzle-piece: "\f12e";
+$uc-icon-microphone: "\f130";
+$uc-icon-microphone-slash: "\f131";
+$uc-icon-shield: "\f132";
+$uc-icon-calendar-o: "\f133";
+$uc-icon-fire-extinguisher: "\f134";
+$uc-icon-rocket: "\f135";
+$uc-icon-maxcdn: "\f136";
+$uc-icon-chevron-circle-left: "\f137";
+$uc-icon-chevron-circle-right: "\f138";
+$uc-icon-chevron-circle-up: "\f139";
+$uc-icon-chevron-circle-down: "\f13a";
+$uc-icon-html5: "\f13b";
+$uc-icon-css3: "\f13c";
+$uc-icon-anchor: "\f13d";
+$uc-icon-unlock-alt: "\f13e";
+$uc-icon-bullseye: "\f140";
+$uc-icon-ellipsis-h: "\f141";
+$uc-icon-ellipsis-v: "\f142";
+$uc-icon-rss-square: "\f143";
+$uc-icon-play-circle: "\f144";
+$uc-icon-ticket: "\f145";
+$uc-icon-minus-square: "\f146";
+$uc-icon-minus-square-o: "\f147";
+$uc-icon-level-up: "\f148";
+$uc-icon-level-down: "\f149";
+$uc-icon-check-square: "\f14a";
+$uc-icon-pencil-square: "\f14b";
+$uc-icon-external-link-square: "\f14c";
+$uc-icon-share-square: "\f14d";
+$uc-icon-compass: "\f14e";
+$uc-icon-caret-square-o-down: "\f150";
+$uc-icon-caret-square-o-up: "\f151";
+$uc-icon-caret-square-o-right: "\f152";
+$uc-icon-eur: "\f153";
+$uc-icon-gbp: "\f154";
+$uc-icon-usd: "\f155";
+$uc-icon-inr: "\f156";
+$uc-icon-jpy: "\f157";
+$uc-icon-rub: "\f158";
+$uc-icon-krw: "\f159";
+$uc-icon-btc: "\f15a";
+$uc-icon-file: "\f15b";
+$uc-icon-file-text: "\f15c";
+$uc-icon-sort-alpha-asc: "\f15d";
+$uc-icon-sort-alpha-desc: "\f15e";
+$uc-icon-sort-amount-asc: "\f160";
+$uc-icon-sort-amount-desc: "\f161";
+$uc-icon-sort-numeric-asc: "\f162";
+$uc-icon-sort-numeric-desc: "\f163";
+$uc-icon-thumbs-up: "\f164";
+$uc-icon-thumbs-down: "\f165";
+$uc-icon-youtube-square: "\f166";
+$uc-icon-youtube: "\f167";
+$uc-icon-xing: "\f168";
+$uc-icon-xing-square: "\f169";
+$uc-icon-youtube-play: "\f16a";
+$uc-icon-dropbox: "\f16b";
+$uc-icon-stack-overflow: "\f16c";
+$uc-icon-instagram: "\f16d";
+$uc-icon-flickr: "\f16e";
+$uc-icon-adn: "\f170";
+$uc-icon-bitbucket: "\f171";
+$uc-icon-bitbucket-square: "\f172";
+$uc-icon-tumblr: "\f173";
+$uc-icon-tumblr-square: "\f174";
+$uc-icon-long-arrow-down: "\f175";
+$uc-icon-long-arrow-up: "\f176";
+$uc-icon-long-arrow-left: "\f177";
+$uc-icon-long-arrow-right: "\f178";
+$uc-icon-apple: "\f179";
+$uc-icon-windows: "\f17a";
+$uc-icon-android: "\f17b";
+$uc-icon-linux: "\f17c";
+$uc-icon-dribbble: "\f17d";
+$uc-icon-skype: "\f17e";
+$uc-icon-foursquare: "\f180";
+$uc-icon-trello: "\f181";
+$uc-icon-female: "\f182";
+$uc-icon-male: "\f183";
+$uc-icon-gittip: "\f184";
+$uc-icon-sun-o: "\f185";
+$uc-icon-moon-o: "\f186";
+$uc-icon-archive: "\f187";
+$uc-icon-bug: "\f188";
+$uc-icon-vk: "\f189";
+$uc-icon-weibo: "\f18a";
+$uc-icon-renren: "\f18b";
+$uc-icon-pagelines: "\f18c";
+$uc-icon-stack-exchange: "\f18d";
+$uc-icon-arrow-circle-o-right: "\f18e";
+$uc-icon-arrow-circle-o-left: "\f190";
+$uc-icon-caret-square-o-left: "\f191";
+$uc-icon-dot-circle-o: "\f192";
+$uc-icon-wheelchair: "\f193";
+$uc-icon-vimeo-square: "\f194";
+$uc-icon-try: "\f195";
+$uc-icon-plus-square-o: "\f196";

data/app/assets/stylesheets/undercase/libraries/_mixins.scss

@@ -0,0 +1,49 @@
+@mixin drop-shadow {
+  -moz-box-shadow: 1px 2px 3px $middle-gray;
+  -webkit-box-shadow: 1px 2px 3px $middle-gray;
+  box-shadow: 1px 2px 3px $middle-gray;
+}
+
+@mixin offset-drop-shadow {
+  -moz-box-shadow: 1px 2px 3px $light-gray;
+  -webkit-box-shadow: 1px 2px 3px $light-gray;
+  box-shadow: 1px 2px 3px $light-gray;
+}
+@mixin dark-gray-background {
+  background-color: $dark-gray;
+  color: $white;
+  @include colored-links($yellow);
+}
+@mixin middle-blue-2-background {
+  background-color: $middle-blue-2;
+  color: $white;
+  @include colored-links($yellow);
+}
+@mixin middle-gray-background {
+  background-color: $middle-gray;
+  color: $white;
+  @include colored-links($yellow);
+}
+@mixin colored-links($color) {
+  a, .uc-faux-link {
+    color: $color;
+    fill: $color;
+    @include dotted-underline;
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+@mixin dotted-underline {
+  text-decoration: underline;
+  @include experimental("text-decoration-style", dotted, true, false, false, false, false, true);
+}
+@mixin hide-accessible {
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+  padding:0;
+  border:0;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+}

data/app/assets/stylesheets/undercase/libraries/mixins/_button.scss

@@ -0,0 +1,124 @@
+//
+// BUTTON RESET
+//
+@mixin button-reset {
+  display: inline-block;
+  word-wrap: break-word;
+  text-decoration: none !important; //Needs to override card styles
+  cursor: pointer;
+  width: auto;
+  height: auto;
+  text-align: center;
+  font-size: $font-size;
+  font-family: $font-family;
+  line-height: 28px;
+  font-variant: normal;
+  vertical-align: middle;
+  background-image: none;
+  border: $light-border-width solid transparent;
+  background-color: transparent;
+  white-space: nowrap;
+  color: $black;
+  padding: 0;
+  text-transform: none;
+  -webkit-appearance: none;
+}
+
+//
+// BUTTON GENERATORS
+//
+@mixin cc-button {
+  @include button-reset;
+  @include border-radius(4px);
+  @include transition(all 150ms);
+  height: 30px;
+  text-transform: uppercase;
+}
+@mixin cc-button-min-width {
+  padding: 0 $gutter*1.5;
+  min-width: 100px;
+}
+@mixin cc-button-color-fade($color, $background-color, $border-color, $background-color-bottom, $background-color-top) {
+  color: $color !important; //Remove important after 60635512 is done
+  border: $light-border-width solid $border-color;
+  background-color: $background-color;
+  &:not([disabled]) {
+    @include box-shadow(inset $background-color-bottom 0 -13px 10px, inset $background-color-top 0 9px 10px);
+    &:hover,
+    &:active {
+      @include box-shadow(inset darken($background-color-bottom, 7%) 0 -13px 10px, inset darken($background-color-top, 7%) 0 9px 10px);
+      background-color: darken($background-color-bottom, 7%);
+      background: darken($background-color-bottom, 7%) !important; // Override JqueryUI
+      border: $light-border-width solid $border-color !important; // Override JqueryUI
+    }
+  }
+  &[disabled] {
+    background-color: mix($light-gray, lighten($background-color, 35%), 25%);
+    color: contrast-color(mix($light-gray, lighten($background-color, 35%), 25%), $light-gray, white, 90%);
+    border-color: lighten($border-color, 25%);
+    cursor: default;
+  }
+}
+
+@mixin cc-button-flat-primary($color, $background-color, $border-color, $inset1-color: $border-color, $inset2-color: $border-color) {
+  @include button-reset;
+  @include box-shadow(inset 0 1px $inset1-color, inset 0 -1px $inset2-color);
+  @include font-size-px-to-rem($font-size, true);
+  @include border-radius(3px);
+  text-transform: uppercase;
+  background-color: $background-color;
+  color: $color;
+  border: $light-border-width solid $border-color;
+  padding: 9px 19px;
+  text-transform: uppercase;
+  min-width: 90px;
+  &:hover:not([disabled]) {
+    background-color: lighten($background-color, 5);
+    border-color: lighten($border-color, 5);
+  }
+  &:active:not([disabled]) {
+    background-color: $background-color;
+    border-color: $border-color;
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+}
+
+@mixin cc-button-flat-secondary($color, $background-color, $border-color, $inset1-color: $border-color, $inset2-color: $border-color) {
+  @include button-reset;
+  @include box-shadow(inset 0 1px $inset1-color, inset 0 -1px $inset2-color);
+  @include font-size-px-to-rem(13px, true);
+  @include border-radius(3px);
+  text-transform: uppercase;
+  background-color: $background-color;
+  color: $color;
+  border: $light-border-width solid $border-color;
+  padding: 5px 14px;
+  text-transform: capitalize;
+  min-width: 70px;
+  &:hover:not([disabled]) {
+    background-color: lighten($background-color, 5);
+  }
+  &:active:not([disabled]) {
+    background-color: $background-color;
+  }
+  &:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+}
+
+@mixin cc-button-wire($color, $background-color, $border-color) {
+  @include button-reset;
+  @include border-radius(4px);
+  @include transition(all 150ms);
+  border: 1px solid $border-color;
+  background-color: $background-color;
+  text-transform: uppercase;
+  color: $color;
+  padding: 0 15px;
+  min-width: 100px;
+}
+