ellipsis-compass 1.0.1

data/stylesheets/imports/elements/_template.scss

@@ -0,0 +1,7 @@
+
+@mixin ui-template(){
+  ui-template,ui-model{
+    display:block;
+    width:100%;
+  }
+}

data/stylesheets/imports/elements/_veneer.scss

@@ -0,0 +1,36 @@
+
+
+@mixin _ui-veneer(
+$top:null,
+$z-index:null
+){
+  position: fixed;
+  top: $top;
+  width: 100%;
+  z-index: $z-index;
+  @include flexbox($justification: center);
+}
+
+@mixin ui-veneer($class:null,
+$top:100px,
+$z-index:$global-z-index + 9999
+){
+  overlay-element{
+    @if $class != null{
+      &.#{$class} {
+        @include _ui-veneer($top,$z-index);
+        @content;
+      }
+
+    } @else {
+      @include _ui-veneer($top,$z-index);
+      @content;
+    }
+    @include tablet-content(){
+      top:60px;
+    }
+    @include phone-content(){
+      top:5px;
+    }
+  }
+}

data/stylesheets/shared/_shared.scss

@@ -0,0 +1,282 @@
+@import "compass/support";
+
+// This mixin provides basic support for CSS3 properties and
+// their corresponding experimental CSS2 properties when
+// the implementations are identical except for the property
+// prefix.
+@mixin experimental($property, $value,
+$moz      : $experimental-support-for-mozilla,
+$webkit   : $experimental-support-for-webkit,
+$o        : $experimental-support-for-opera,
+$ms       : $experimental-support-for-microsoft,
+$khtml    : $experimental-support-for-khtml,
+$official : true
+) {
+  @if $webkit  and $experimental-support-for-webkit    { -webkit-#{$property} : $value; }
+  @if $khtml   and $experimental-support-for-khtml     {  -khtml-#{$property} : $value; }
+  @if $moz     and $experimental-support-for-mozilla   {    -moz-#{$property} : $value; }
+  @if $ms      and $experimental-support-for-microsoft {     -ms-#{$property} : $value; }
+  @if $o       and $experimental-support-for-opera     {      -o-#{$property} : $value; }
+  @if $official                                        {         #{$property} : $value; }
+}
+
+// This mixin is a shortcut for applying only a single experimental value
+@mixin experimental-only-for($property, $value,
+$moz      : false,
+$webkit   : false,
+$o        : false,
+$ms       : false,
+$khtml    : false,
+$official : false
+) {
+  @include experimental($property, $value, $moz, $webkit, $o, $ms, $khtml, $official);
+}
+
+// Same as experimental(), but for cases when the property is the same and the value is vendorized
+@mixin experimental-value($property, $value,
+$moz      : $experimental-support-for-mozilla,
+$webkit   : $experimental-support-for-webkit,
+$o        : $experimental-support-for-opera,
+$ms       : $experimental-support-for-microsoft,
+$khtml    : $experimental-support-for-khtml,
+$official : true
+) {
+  @if $webkit  and $experimental-support-for-webkit    { #{$property} : -webkit-#{$value}; }
+  @if $khtml   and $experimental-support-for-khtml     { #{$property} :  -khtml-#{$value}; }
+  @if $moz     and $experimental-support-for-mozilla   { #{$property} :    -moz-#{$value}; }
+  @if $ms      and $experimental-support-for-microsoft { #{$property} :     -ms-#{$value}; }
+  @if $o       and $experimental-support-for-opera     { #{$property} :      -o-#{$value}; }
+  @if $official                                        { #{$property} :         #{$value}; }
+}
+
+// @private
+// Check a given support list for support of a particular browser
+@function supported(
+$prefix,
+$support-list
+) {
+  $keys: moz, webkit, o, ms, khtml, official;
+  $index: index($keys, $prefix);
+
+  @if $index {
+    @if $index == 6 and length($support-list) == 5 {
+      @return official;
+    } @else {
+      @return nth($support-list, $index);
+    }
+  } @else {
+    @warn 'Please pass a valid browser for $prefix: moz, webkit, o, ms, khtml, or official.';
+  }
+}
+
+// A debug tool for checking browser support
+@mixin debug-support-matrix($experimental: true, $ie: true) {
+  @debug  #{'$moz-'}$experimental-support-for-mozilla
+  #{'$webkit-'}$experimental-support-for-webkit
+  #{'$opera-'}$experimental-support-for-opera
+  #{'$microsoft-'}$experimental-support-for-microsoft
+  #{'$khtml-'}$experimental-support-for-khtml;
+  @debug  #{'$ie6-'}$legacy-support-for-ie6
+  #{'$ie7-'}$legacy-support-for-ie7
+  #{'$ie8-'}$legacy-support-for-ie8;
+}
+
+// Capture the current exerimental support settings
+@function capture-experimental-matrix() {
+  @return $experimental-support-for-mozilla
+  $experimental-support-for-webkit
+  $experimental-support-for-opera
+  $experimental-support-for-microsoft
+  $experimental-support-for-khtml;
+}
+
+// Capture the current legacy-ie support settings
+@function capture-legacy-ie-matrix() {
+  @return $legacy-support-for-ie6
+  $legacy-support-for-ie7
+  $legacy-support-for-ie8;
+}
+
+// Capture and store support
+$experimental-matrix: capture-experimental-matrix();
+$legacy-ie-matrix: capture-legacy-ie-matrix();
+
+@mixin capture-experimental-matrix {
+  $experimental-matrix: capture-experimental-matrix();
+}
+
+@mixin capture-legacy-ie-matrix {
+  $legacy-ie-matrix: capture-legacy-ie-matrix();
+}
+
+@mixin capture-support-matrix {
+  @include capture-experimental-matrix;
+  @include capture-legacy-ie-matrix;
+}
+
+// Change the experimental-support settings in specific contexts.
+@mixin set-experimental-support(
+$moz    : false,
+$webkit : false,
+$o      : false,
+$ms     : false,
+$khtml  : false
+) {
+  $experimental-support-for-mozilla   : $moz;
+  $experimental-support-for-webkit    : $webkit;
+  $experimental-support-for-opera     : $o;
+  $experimental-support-for-microsoft : $ms;
+  $experimental-support-for-khtml     : $khtml;
+}
+
+@mixin capture-and-set-experimental(
+$moz    : false,
+$webkit : false,
+$o      : false,
+$ms     : false,
+$khtml  : false
+) {
+  @include capture-experimental-matrix;
+  @include set-experimental-support($moz, $webkit, $o, $ms, $khtml);
+}
+
+@mixin capture-and-adjust-experimental(
+$moz    : $experimental-support-for-mozilla,
+$webkit : $experimental-support-for-webkit,
+$o      : $experimental-support-for-opera,
+$ms     : $experimental-support-for-microsoft,
+$khtml  : $experimental-support-for-khtml
+) {
+  @include capture-experimental-matrix;
+  @include set-experimental-support($moz, $webkit, $o, $ms, $khtml);
+}
+
+// Change the legacy-support-for-ie* settings in specific contexts.
+@mixin set-legacy-ie-support(
+$ie6: false,
+$ie7: false,
+$ie8: false
+) {
+  $legacy-support-for-ie6: $ie6;
+  $legacy-support-for-ie7: $ie7;
+  $legacy-support-for-ie8: $ie8;
+}
+
+@mixin capture-and-set-legacy-ie(
+$ie6: false,
+$ie7: false,
+$ie8: false
+) {
+  @include capture-legacy-ie-matrix;
+  @include set-legacy-ie-support($ie6, $ie7, $ie8);
+}
+
+@mixin capture-and-adjust-legacy-ie(
+$ie6: $legacy-support-for-ie6,
+$ie7: $legacy-support-for-ie7,
+$ie8: $legacy-support-for-ie8
+) {
+  @include capture-and-set-legacy-ie($ie6, $ie7, $ie8);
+}
+
+// Capture current browser support matrix, and set a new matrix of support.
+@mixin capture-and-set-support(
+$moz    : false,
+$webkit : false,
+$o      : false,
+$ms     : false,
+$khtml  : false,
+$ie6    : false,
+$ie7    : false,
+$ie8    : false
+) {
+  // Capture the current state
+  @include capture-support-matrix;
+
+  // Change support settings
+  @include set-experimental-support($moz, $webkit, $o, $ms, $khtml);
+  @include set-legacy-ie-support($ie6, $ie7, $ie8);
+}
+
+// Capture current browser support matrix, and set a new matrix of support.
+@mixin capture-and-adjust-support(
+$moz        : $experimental-support-for-mozilla,
+$webkit     : $experimental-support-for-webkit,
+$o          : $experimental-support-for-opera,
+$ms         : $experimental-support-for-microsoft,
+$khtml      : $experimental-support-for-khtml,
+$ie6        : $legacy-support-for-ie6,
+$ie7        : $legacy-support-for-ie7,
+$ie8        : $legacy-support-for-ie8
+) {
+  @include capture-and-set-support($moz, $webkit, $o, $ms, $khtml, $ie6, $ie7, $ie8);
+}
+
+
+// This mixin allows you to change the experimental support settings for
+// child (@content) styles.
+@mixin with-only-support-for(
+$moz    : false,
+$webkit : false,
+$o      : false,
+$ms     : false,
+$khtml  : false,
+$ie6    : false,
+$ie7    : false,
+$ie8    : false
+) {
+  // Capture current state
+  $wo-experimental-matrix : capture-experimental-matrix();
+  $wo-legacy-ie-matrix    : capture-legacy-ie-matrix();
+
+  // Set new states
+  @include set-experimental-support($moz, $webkit, $o, $ms, $khtml);
+  @include set-legacy-ie-support($ie6, $ie7, $ie8);
+
+  // Apply styles
+  @content;
+
+  // Return to original support settings
+  @include set-experimental-support($wo-experimental-matrix...);
+  @include set-legacy-ie-support($wo-legacy-ie-matrix...);
+}
+
+// This mixin is a shortcut for making slight adjustments to browser support
+// for child (@content) styles
+@mixin adjust-support-for(
+$moz        : $experimental-support-for-mozilla,
+$webkit     : $experimental-support-for-webkit,
+$o          : $experimental-support-for-opera,
+$ms         : $experimental-support-for-microsoft,
+$khtml      : $experimental-support-for-khtml,
+$ie6        : $legacy-support-for-ie6,
+$ie7        : $legacy-support-for-ie7,
+$ie8        : $legacy-support-for-ie8
+) {
+  @include with-only-support-for($moz, $webkit, $o, $ms, $khtml, $ie6, $ie7, $ie8) {
+    @content;
+  }
+}
+
+// Set a default value if the given arglist is empty
+@function set-arglist-default(
+$arglist,
+$default
+) {
+  $default: if(length($default) > 0, $default, null);
+  $output: compact();
+  @each $layer in $arglist {
+    $output: append($output, if($layer == 'default', $default, $layer));
+  }
+  @return if(length($output) > 0, $output, $default);
+}
+
+// @private Returns the legacy value for a given box-model
+// - Used by background-clip and -origin.
+@function legacy-box($box) {
+  $box: unquote($box);
+  @if $box == padding-box { $box: padding; }
+  @if $box == border-box { $box: border; }
+  @if $box == content-box { $box: content; }
+  @return $box;
+}

data/stylesheets/touch/ui/_drawer.scss

@@ -0,0 +1,41 @@
+/* touch-ui-drawer */
+
+
+/* private -----------------------------------------------------------------------------------------------------------*/
+
+@mixin _touch-ui-drawer($component:null,$header-component:null,
+$width:null,
+$header-height:null,
+$search-margin:null,
+$search-width:null
+){
+
+  min-height:100%;
+  height:100%;
+  overflow:hidden;
+  @extend %#{$component}-background !optional;
+  position:relative;
+  display:none;
+  width:$width;
+  &>header{
+    position:fixed;
+    top:0;
+    left:0;
+    height:$header-height;
+    @include invoke-component-default-state($header-component);
+    width:$width;
+    z-index:999;
+    &>.ui-search,&>ui-search{
+      margin:$search-margin ;
+      width:$search-width;
+      position:relative;
+      input{
+        width:100% !important;
+      }
+    }
+  }
+}
+
+
+/* public ------------------------------------------------------------------------------------------------------------*/
+

data/stylesheets/touch/ui/_dropdown.scss

@@ -0,0 +1,58 @@
+/* touch-ui-dropdown */
+
+
+/* private -----------------------------------------------------------------------------------------------------------*/
+
+
+@mixin _touch-ui-dropdown($component:null,
+$li-padding:null,
+$link-font-size:null,
+$li-border-bottom:null
+
+){
+
+  list-style: none;
+  @extend %#{$component}-background !optional;
+  height: auto;
+  @extend %#{$component}-box-shadow !optional;
+  display: none;
+  &.show{
+    display:block;
+    z-index:1;
+  }
+  li,menu-item{
+    padding:$li-padding;
+    border:0;
+    border-bottom:$li-border-bottom;
+    @extend %#{$component}-border !optional;
+    display:list-item;
+    &:last-child{
+      border-bottom:0;
+    }
+    @include span-icon(){
+      margin-right:.5em;
+    }
+    a{
+      @extend %#{$component}-font !optional;
+      font-size:$link-font-size;
+      text-transform:none !important;
+      text-decoration:none !important;
+      &:hover,&:focus{
+        @extend %#{$component}-font !optional;
+        text-transform:none !important;
+        text-decoration:none !important;
+      }
+      &:active{
+        text-transform:none !important;
+        text-decoration:none !important;
+      }
+      &.active{
+        text-transform:none !important;
+        text-decoration:none !important;
+      }
+    }
+    &.divider{
+      display:none;
+    }
+  }
+}

data/stylesheets/touch/ui/_menu.scss

@@ -0,0 +1,131 @@
+/* touch-ui-menu */
+
+
+/* private -----------------------------------------------------------------------------------------------------------*/
+
+
+@mixin _touch-ui-menu($component:null,
+$z-index:null,
+$padding:null,
+$li-border-bottom:null,
+$li-padding:null,
+$li-link-padding:null,
+$icon-font-size:null,
+$icon-padding:null,
+$icon-expand-top:null,
+$icon-expand-right:null,
+$icon-expand-font-size:null
+
+){
+
+  $_dropdown-margin-left: margin-left($li-padding);
+  $_dropdown-margin-top: margin-top($li-padding);
+  $_dropdown-margin-bottom: margin-bottom($li-padding);
+
+
+  @extend %#{$component}-background !optional;
+  display: block;
+  list-style: none;
+  padding: $padding;
+  width: 100%;
+
+  li,menu-item,menu-item-dropdown {
+    border: 0;
+    border-bottom: $li-border-bottom;
+    @extend %#{$component}-border !optional;
+    padding: $li-padding;
+    margin-right:0;
+    @extend %#{$component}-font !optional;
+    display:list-item;
+    &:last-child {
+      border-bottom: 0;
+    }
+    a {
+      @extend %#{$component}-font !optional;
+      text-transform: none !important;
+      text-decoration: none !important;
+      padding: $li-link-padding;
+      &:hover, &:focus {
+        text-transform: none !important;
+        text-decoration: none !important;
+      }
+      &:active {
+        text-transform: none !important;
+        text-decoration: none !important;
+      }
+      &.active {
+        text-transform: none !important;
+        text-decoration: none !important;
+      }
+
+    }
+    &>span {
+      &.touch,&[class*='icon-'] {
+        font-size: $icon-font-size;
+        padding: $icon-padding;
+        @extend %#{$component}-icon !optional;
+      }
+    }
+    &.has-search {
+      display: none;
+    }
+    &.divider {
+      display: none;
+    }
+    &.label {
+      display: none;
+    }
+    &.has-dropdown {
+      position: relative;
+      &:after {
+        position: absolute;
+        font-family: $global-icon-font-family;
+        content: "#{$global-icon-dropdown}";
+        top: $icon-expand-top;
+        right: $icon-expand-right;
+        font-size: $icon-expand-font-size;
+        @extend %#{$component}-icon !optional;
+      }
+      &.close {
+        &:after {
+          content: "#{$global-icon-hide}";
+        }
+      }
+      &>.ui-dropdown,&>.touch-ui-dropdown,&>ui-dropdown,&>touch-ui-dropdown{
+        height: auto;
+        margin-top:$_dropdown-margin-top !important;
+        margin-left:-#{$_dropdown-margin-left} !important;
+        margin-bottom:-#{$_dropdown-margin-bottom} !important;
+        &>li,&>menu-item{
+          margin-left:$_dropdown-margin-left !important;
+        }
+      }
+    }
+  }
+  menu-item-dropdown {
+    position: relative;
+    &:after {
+      position: absolute;
+      font-family: $global-icon-font-family;
+      content: "#{$global-icon-dropdown}";
+      top: $icon-expand-top;
+      right: $icon-expand-right;
+      font-size: $icon-expand-font-size;
+      @extend %#{$component}-icon !optional;
+    }
+    &.close {
+      &:after {
+        content: "#{$global-icon-hide}";
+      }
+    }
+    &>ui-dropdown,&>touch-ui-dropdown,&>ui-mega-dropdown{
+      height: auto;
+      margin-top:$_dropdown-margin-top !important;
+      margin-left:-#{$_dropdown-margin-left} !important;
+      margin-bottom:-#{$_dropdown-margin-bottom} !important;
+      &>menu-item{
+        margin-left:$_dropdown-margin-left !important;
+      }
+    }
+  }
+}