ellipsis-compass 1.0.1

data/stylesheets/base/_breakpoints.scss

@@ -0,0 +1,64 @@
+/* Screen Breakpoints -----------------------------------------------------------------------------------------------*/
+
+$screen-tablet: 1024px !default;
+$screen-tablet-portrait: 768px !default;
+$screen-tablet-small: 660px !default;
+$screen-smartphone: 480px !default;
+$screen-smartphone-portrait: 320px !default;
+$screen-desktop:$screen-tablet + 1;
+
+
+
+/* Media Queries ----------------------------------------------------------------------------------------------------*/
+
+//screen
+$breakpoint-screen: "only screen" !default;
+
+//smartphone
+$breakpoint-phone: "only screen and (max-width: #{$screen-smartphone})" !default;
+
+//smartphone-landscape
+$breakpoint-phone-landscape: "only screen and (max-width: #{$screen-smartphone}) and (orientation:landscape)" !default;
+
+//smartphone-portrait
+$breakpoint-phone-portrait: "only screen and (max-width: #{$screen-smartphone-portrait}) and (orientation:portrait)" !default;
+
+//tablet
+$breakpoint-tablet: "only screen and (max-width: #{$screen-tablet}) and (min-width: #{$screen-smartphone})" !default;
+
+//tablet-landscape
+$breakpoint-tablet-landscape: "only screen and (max-width: #{$screen-tablet}) and (min-width: #{$screen-smartphone}) " !default;
+
+//tablet-portrait
+$breakpoint-tablet-portrait: "only screen and (max-width: #{$screen-tablet-portrait}) and (min-width: #{$screen-smartphone}) " !default;
+
+//small tablet
+$breakpoint-small-tablet: "only screen and (max-width: #{$screen-tablet-small}) and (min-width: #{$screen-smartphone})" !default;
+
+
+//landscape
+$breakpoint-landscape: "only screen and (orientation: landscape)" !default;
+
+//portrait
+$breakpoint-portrait: "only screen and (orientation: portrait)" !default;
+
+//touch
+$breakpoint-touch: "only screen and (max-width: #{$screen-tablet}) and (min-width: #{$screen-smartphone-portrait})" !default;
+
+//touch landscape
+$breakpoint-touch-landscape: "only screen and (max-width: #{$screen-tablet}) and (min-width: #{$screen-smartphone}) and (orientation:landscape)" !default;
+
+//touch portrait
+$breakpoint-touch-portrait: "only screen and (max-width: #{$screen-tablet}) and (min-width: #{$screen-smartphone-portrait}) and (orientation:portrait)" !default;
+
+// desktop
+$breakpoint-desktop: "only screen and (min-width: #{$screen-desktop})" !default;
+
+// grid contain
+$_grid-width:$grid-width;
+$breakpoint-grid-contain: "only screen and (max-width:#{$_grid-width})" !default;
+
+//grid breakpoints
+$breakpoint-grid-tablet: "only screen and (min-width: #{$screen-tablet-small})" !default;
+$breakpoint-grid-desktop: "only screen and (min-width: #{$screen-tablet})" !default;
+

data/stylesheets/base/_document.scss

@@ -0,0 +1,219 @@
+/*-----Variables --------------------------------------------------------------------*/
+
+$document-background: #fff !default;
+$document-font-weight: normal !default;
+$document-margin: 0 !default;
+$document-padding: 0 !default;
+$document-font-smoothing: antialiased !default;
+$document-link-font-size: $global-font-size !default;
+$document-link-text-decoration: none !default;
+$document-link-line-height: inherit !default;
+$document-link-text-decoration: none !default;
+$document-link-text-transform:none !default;
+$document-link-font-weight: normal !default;
+$document-link-font-weight-hover: normal !default;
+$document-link-text-decoration-hover: none !default;
+$document-link-text-transform-hover: none !default;
+$document-list-margin-text-direction: 1em !default;
+$document-highlight-color:#c7254e !default;
+$document-highlight-background:#eee !default;
+$document-code-font-weight:normal !default;
+
+/* Document Reset & Standards -------------------------------------------------------- */
+@mixin document-reset() {
+
+  *, *:before, *:after {
+    @include box-sizing(border-box);
+  }
+
+  html {
+    font-size: $global-font-size;
+  }
+
+  body {
+    background-color: $document-background;
+    font-family: $global-font-family;
+    font-weight: $document-font-weight;
+    font-size: $global-font-size;
+    line-height: $global-line-height;
+    color: $global-font-color;
+    position: relative;
+    -webkit-font-smoothing: $document-font-smoothing;
+    margin: $document-margin;
+    padding: $document-padding;
+  }
+
+/* Links ---------------------- */
+
+  a img {
+    border: none;
+  }
+
+  a {
+    color: $global-link-color;
+    text-decoration: $document-link-text-decoration;
+    line-height: $document-link-line-height;
+    font-size: $document-link-font-size;
+    font-weight: $document-link-font-weight;
+    text-transform:$document-link-text-transform;
+
+    &:hover, &:focus {
+      color: $global-link-color-hover;
+      text-decoration: $document-link-text-decoration-hover;
+      text-transform: $document-link-text-transform-hover;
+      font-weight: $document-link-font-weight-hover;
+      cursor: pointer;
+    }
+    &:focus{
+      @include tab-focus();
+    }
+    &.disabled,&[disabled]{
+      @extend %ui-disabled-component;
+      background:none !important;
+    }
+
+  }
+
+  p a, p a:visited {
+    line-height: inherit;
+  }
+
+  span{
+   &:focus,&.focus{
+     @include tab-focus();
+   }
+  }
+
+/* lists */
+  ul, ol, dl {
+    line-height: $global-list-line-height;
+    list-style-position: $global-list-style-position;
+    &:focus{
+      @include tab-focus();
+    }
+  }
+
+  ul {
+    li {
+      ul, ol {
+        margin-left: $document-list-margin-text-direction;
+        margin-bottom: 0;
+      }
+    }
+    &.square, &.circle, &.disc {
+      margin-left: $document-list-margin-text-direction;
+    }
+    &.square {
+      list-style-type: square;
+      li ul {
+        list-style: inherit;
+      }
+    }
+    &.circle {
+      list-style-type: circle;
+      li ul {
+        list-style: inherit;
+      }
+    }
+    &.disc {
+      list-style-type: disc;
+      li ul {
+        list-style: inherit;
+      }
+    }
+    &.no-bullet {
+      list-style: none;
+    }
+  }
+
+  ol {
+    margin-left: $document-list-margin-text-direction;
+    li {
+      ul, ol {
+        margin-left: $document-list-margin-text-direction;
+        margin-bottom: 0;
+      }
+    }
+  }
+
+/* images, objects */
+  img,
+  object,
+  embed {
+    max-width: 100%;
+    height: auto;
+  }
+
+  object,
+  embed {
+    height: 100%;
+  }
+
+  img {
+    -ms-interpolation-mode: bicubic;
+  }
+
+  #map_canvas,
+  .map_canvas {
+    img,
+    embed,
+    object {
+      max-width: none !important;
+    }
+  }
+
+  img {
+    display: inline-block;
+    vertical-align: middle;
+  }
+  code {
+    font-weight:$document-code-font-weight;
+    background: $document-highlight-background;
+    color:$document-highlight-color !important;
+    white-space: nowrap;
+    border-radius:3px;
+    &.white{
+      opacity:.8;
+      background:#fff;
+    }
+    &.transparent{
+      opacity:.8;
+      background:#fff;
+      color:inherit !important;
+    }
+    &.black{
+      opacity:.8;
+      background:#fff;
+      color:$black !important;
+    }
+  }
+
+/* Forms ---------------------------------------- */
+  textarea {
+    height: auto;
+    min-height: 50px;
+  }
+
+/* Misc -------------------------------------------- */
+
+
+  button {
+    line-height: $global-button-line-height;
+    &:focus {
+      @include tab-focus();
+    }
+  }
+
+/* Reset for strange margins by default on <figure> elements */
+  figure {
+    margin: 0;
+  }
+
+  @media #{$breakpoint-touch}{
+  /* stop long touch from triggering dialog */
+    a {
+      -webkit-touch-callout: none !important;
+    }
+  }
+
+}

data/stylesheets/base/_global.scss

@@ -0,0 +1,88 @@
+$white:#fff !default;
+$gray: #ccc !default;
+$black:#000 !default;
+$off-black: #222 !default;
+$dark-gray: #333 !default;
+$light-gray:#ddd !default;
+$zero: 0 !important !default;
+
+//core component colors
+$default-color:null !default;
+$primary-color:null !default;
+$secondary-color:null !default;
+$inverse-color:null !default;
+
+//semantic colors
+$error-color:null !default;
+$info-color:null !default;
+$warning-color:null !default;
+$success-color:null !default;
+
+$global-background:$white;
+$global-font-family: 'ubunturegular' !default;
+$global-font-size: 16px !default;
+$global-font-size-small: 10px !default;
+$global-font-size-large: 24px !default;
+$global-font-color: #777 !default;
+$global-header-font-color:$dark-gray !default;
+$global-link-color:#888 !default;
+$global-link-color-hover:darken($global-link-color, 15%)  !default;
+
+$global-radius:5px !default;
+$global-z-index: 999 !default;
+$global-outline:thin dotted $gray !default;
+$global-touch-outline:thin solid transparent !default;
+$global-line-height: 150% !default;
+$global-button-line-height:1 !default;
+$global-list-line-height: 1.25 !default;
+$global-list-style-position: inside !default;
+$global-inset: 0 1px 0 $white !default;
+$global-outline:thin dotted $gray !default;
+$global-touch-search-radius:2px !default;
+
+
+$grid-width: 1160px !default;
+$grid-column-gutter:30px !default;
+$grid-columns: 12 !default;
+
+
+
+//icons
+$global-icon-font-family:ellipsis !default;
+$global-icon-search:\e01a !default;
+$global-icon-check:\e035 !default;
+$global-icon-radio:\e158 !default;
+$global-icon-dropdown:\e1a9 !default;
+$global-icon-hide:\e1aa !default;
+$global-icon-toggle:\e137 !default;
+$global-icon-down-arrow:\e1b3 !default;
+$global-icon-up-arrow:\e1b4 !default;
+$global-icon-down-arrow-2:\e00e  !default;
+$global-icon-up-arrow-2:\e00c !default;
+$global-icon-next:\e0f9  !default;
+$global-icon-prev:\e0fa  !default;
+$global-icon-down:\e1a9 !default;
+$global-icon-up:\e1aa !default;
+$global-icon-dashboard:\e065 !default;
+$global-icon-expand:\e08b !default;
+$global-icon-contract:\e1b0 !default;
+$global-icon-back:\e0f6 !default;
+$global-icon-forward:\e037 !default;
+$global-icon-facebook:\e14a !default;
+$global-icon-facebook-2:\e14b !default;
+$global-icon-pinterest:\e197 !default;
+$global-icon-pinterest-2:\e193 !default;
+$global-icon-twitter:\e14e !default;
+$global-icon-twitter-2:\e047 !default;
+$global-icon-flickr:\e15c !default;
+$global-icon-flickr-2:\e16d !default;
+$global-icon-google:\e145 !default;
+$global-icon-google-2:\e147 !default;
+$global-icon-github:\e160 !default;
+$global-icon-github:\e16f !default;
+$global-icon-remove:\e0db !default;
+$global-icon-plus:\e095 !default;
+$global-icon-minus:\e093 !default;
+
+
+

data/stylesheets/base/_normalize.scss

@@ -0,0 +1,406 @@
+/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+  display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+  display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+  font-family: sans-serif; /* 1 */
+  -ms-text-size-adjust: 100%; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+  margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+  background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+  outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+  font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+  font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, serif;
+  font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+  white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+  quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+  font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+  border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+  margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+  border: 0; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit; /* 1 */
+  font-size: 100%; /* 2 */
+  margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+  line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+  text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; /* 2 */
+  cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box; /* 1 */
+  padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+  -webkit-appearance: textfield; /* 1 */
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; /* 2 */
+  box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+  overflow: auto; /* 1 */
+  vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}