ellipsis-compass 1.0.1

data/stylesheets/image/_images.scss

@@ -0,0 +1,19 @@
+
+@mixin ui-image(){
+  img{
+    &.ui-rounded{
+      border-radius: 6px;
+    }
+    &.ui-polaroid{
+      padding: 4px;
+      background-color: #fff;
+      border: 1px solid rgba(0, 0, 0, 0.2);
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+    }
+    &.ui-circle{
+      border-radius: 500px;
+    }
+    @content;
+  }
+
+}

data/stylesheets/imports/elements/_autosearch.scss

@@ -0,0 +1,11 @@
+@mixin ui-autosearch($width:100%){
+  ui-autosearch{
+    display:block;
+    position:relative;
+    width:$width;
+    @content;
+    &>ui-search{
+      width:100%;
+    }
+  }
+}

data/stylesheets/imports/elements/_badge.scss

@@ -0,0 +1,23 @@
+
+@mixin ui-model-badge($class:null,$component:inverse,$tag:ui-model-badge,
+$padding:.2em .5em,
+$margin:0,
+$line-height:1,
+$border-radius:$global-radius,
+$font-size:1em
+){
+
+  .ui-model-badge,#{$tag} {
+    @if $class != null{
+      &.#{$class} {
+        @include _ui-badge($component,$padding,$margin,$line-height,$border-radius,$font-size);
+        @content;
+      }
+
+    } @else {
+      @include _ui-badge($component,$padding,$margin,$line-height,$border-radius,$font-size);
+      @content;
+    }
+
+  }
+}

data/stylesheets/imports/elements/_barchart.scss

@@ -0,0 +1,254 @@
+
+@mixin ui-barchart(){
+
+  $ui-barchart-z-index:9999999;
+  $ui-barchart-domain-stroke:#ccc;
+  $ui-barchart-axis-stroke:#666;
+  $ui-barchart-tick-line-stroke:#ccc;
+  $ui-barchart-label-text-shadow:none;
+  $ui-barchart-axis-label-font-size:1em;
+  $ui-barchart-axis-label-color:#666;
+  $ui-barchart-axis-label-font-weight:normal;
+  $ui-barchart-background-line:$white;
+  $ui-barchart-legend-font-size:14px;
+  $ui-barchart-legend-label-margin:0 .4em 0 0;
+  $ui-barchart-legend-symbol-margin:0 .4em 0 0;
+  $ui-barchart-legend-symbol-size:18px;
+  $ui-barchart-legend-label-color:#999;
+  $ui-barchart-bar-color:#089ed8;
+  $ui-barchart-bar-border:#007cac;
+  $ui-barchart-bar1-color:#f5b952;
+  $ui-barchart-bar1-border:#c28a28;
+  $ui-barchart-bar2-color:#ff6a04;
+  $ui-barchart-bar2-border:#cc5300;
+  $ui-barchart-bar3-color:#d53a53;
+  $ui-barchart-bar3-border:#aa2d41;
+  $ui-barchart-bar4-color:#adb323;
+  $ui-barchart-bar4-border:#808600;
+  $ui-barchart-bar5-color:#c37f4e;
+  $ui-barchart-bar5-border:#96582b;
+  $ui-barchart-bar6-color:#8dbdbd;
+  $ui-barchart-bar6-border:darken(#8dbdbd,20%);
+  $ui-barchart-height:600px;
+  $ui-barchart-title-color:$primary-color;
+  $ui-barchart-title-size:22px;
+
+
+  .domain {
+    fill: none !important;
+    stroke:$ui-barchart-domain-stroke  !important;
+    stroke-width: 1;
+    z-index:$ui-barchart-z-index;
+
+  }
+  .axis path,
+  .axis line {
+    fill: none;
+    stroke:$ui-barchart-axis-stroke ;
+    shape-rendering: crispEdges;
+    z-index:$ui-barchart-z-index;
+  }
+
+  .bar-gradient{
+    fill:url(#gradient);
+  }
+
+
+  .chart-background-line{
+    stroke:$ui-barchart-background-line;
+    stroke-width:1px;
+    shape-rendering: crispEdges;
+
+  }
+  .tick-line{
+    stroke:$ui-barchart-tick-line-stroke;
+    stroke-width:1px;
+    shape-rendering: crispEdges;
+
+  }
+  .tick{
+    display:none;
+  }
+
+  %bar{
+    stroke-width:1px;
+    shape-rendering: crispEdges;
+  }
+  .bar,.bar0 {
+    fill:$ui-barchart-bar-color;
+    stroke:$ui-barchart-bar-border;
+    @extend %bar;
+  }
+
+  .bar1 {
+    fill:$ui-barchart-bar1-color;
+    stroke:$ui-barchart-bar1-border;
+    @extend %bar;
+
+  }
+  .bar2{
+    fill:$ui-barchart-bar2-color;
+    stroke:$ui-barchart-bar2-border;
+    @extend %bar;
+  }
+
+  .bar3{
+    fill:$ui-barchart-bar3-color;
+    stroke:$ui-barchart-bar3-border;
+    @extend %bar;
+  }
+
+  .bar4{
+    fill:$ui-barchart-bar4-color;
+    stroke:$ui-barchart-bar4-border;
+    @extend %bar;
+  }
+  .bar5{
+    fill:$ui-barchart-bar5-color;
+    stroke:$ui-barchart-bar5-border;
+    @extend %bar;
+  }
+  .bar6{
+    fill:$ui-barchart-bar6-color;
+    stroke:$ui-barchart-bar6-border;
+    @extend %bar;
+  }
+
+  .legend-label{
+    font-size:$ui-barchart-legend-font-size;
+    color:$ui-barchart-legend-label-color;
+    margin:$ui-barchart-legend-label-margin;
+  }
+
+  %legend-bar{
+    width:$ui-barchart-legend-symbol-size;
+    height:$ui-barchart-legend-symbol-size;
+    margin:$ui-barchart-legend-symbol-margin;
+    font-size:$ui-barchart-legend-symbol-size;
+  }
+
+  .legend-bar,.legend-bar0{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar-border;
+    background:$ui-barchart-bar-color;
+  }
+
+
+  .legend-bar1{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar1-border;
+    background:$ui-barchart-bar1-color;
+  }
+
+  .legend-bar2{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar2-border;
+    background:$ui-barchart-bar2-color;
+
+  }
+  .legend-bar3{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar3-border;
+    background:$ui-barchart-bar3-color;
+  }
+
+  .legend-bar4{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar4-border;
+    background:$ui-barchart-bar4-color;
+  }
+
+  .legend-bar5{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar5-border;
+    background:$ui-barchart-bar5-color;
+  }
+
+  .legend-bar6{
+    @extend %legend-bar;
+    border: 1px solid $ui-barchart-bar6-border;
+    background:$ui-barchart-bar6-color;
+  }
+
+  .legend-x-label{
+    position:absolute;
+    bottom:2em;
+    left:45%;
+    font-size:$ui-barchart-axis-label-font-size;
+    font-weight: $ui-barchart-axis-label-font-weight;
+    color:$ui-barchart-axis-label-color;
+  }
+
+  .legend-y-label{
+    -webkit-transform:rotate(-90deg) !important;
+    -moz-transform:rotate(-90deg) !important;
+    -o-transform: rotate(-90deg) !important;
+    font-size:$ui-barchart-axis-label-font-size;
+    font-weight:$ui-barchart-axis-label-font-weight;
+    color:$ui-barchart-axis-label-color;
+    -webkit-font-smoothing: subpixel-antialiased;
+    display:block;
+  }
+
+  .chart-title{
+    position:absolute;
+    top:-10px;
+    left:5px;
+    font-size:$ui-barchart-title-size;
+    color:$ui-barchart-title-color;
+  }
+
+  .legend-container{
+    position:absolute;
+    top:5px;
+    right:0;
+    @include flexbox($justification:space-between,$alignment:center);
+
+  }
+
+  .legend-y-label-container{
+    position:absolute;
+    top:200px;
+    left:-60px;
+    height:20px;
+    width:80px;
+  }
+
+  .legend-comparison-container{
+    float:left;
+    display:none;
+  }
+
+  .annual-legend-container{
+    position:absolute;
+    bottom:-45px;
+    left:0;
+  }
+
+  [data-ui=barchart]{
+    height:$ui-barchart-height;
+    width:100%;
+    position:relative;
+
+  }
+  [data-ui=compare-barchart]{
+    height:$ui-barchart-height;
+    width:100%;
+    position:relative;
+  }
+  [data-ui-wrapper=barchart-wrapper]{
+    width:100%;
+    position:relative;
+    padding-top:30px;
+    margin-bottom:30px;
+    margin-left:20px;
+    height:$ui-barchart-height;
+
+  }
+
+
+
+}
+
+
+

data/stylesheets/imports/elements/_form.scss

@@ -0,0 +1,8 @@
+
+
+@mixin ui-form(){
+  ui-form{
+    display:block;
+    @content;
+  }
+}

data/stylesheets/imports/elements/_loginform.scss

@@ -0,0 +1,6 @@
+@mixin ui-login-form($tag:ui-login-form){
+  #{$tag}{
+    display:block;
+    @content;
+  }
+}

data/stylesheets/imports/elements/_modellist.scss

@@ -0,0 +1,14 @@
+
+@mixin ui-model-list($tag:ui-model-list){
+  #{$tag}{
+    width:100%;
+    display:block;
+    list-style: none;
+    li,ui-model{
+      display:list-item;
+    }
+    @content;
+  }
+
+
+}

data/stylesheets/imports/elements/_pluralize.scss

@@ -0,0 +1,8 @@
+
+@mixin ui-pluralize($tag:ui-pluralize){
+
+  .ui-pluralize,#{$tag} {
+    display:inline;
+    @content;
+  }
+}

data/stylesheets/imports/elements/_signupform.scss

@@ -0,0 +1,6 @@
+@mixin ui-signup-form($tag:ui-signup-form){
+  #{$tag}{
+    display:block;
+    @content;
+  }
+}

data/stylesheets/imports/elements/_slidenotification.scss

@@ -0,0 +1,65 @@
+@mixin ui-slide-notification($tag:ui-slide-notification,$background: #f9f9f9,
+$border: 1px solid #ddd,
+$box-shadow: rgba(0, 0, 0, .20) 0px 1px 1px,
+$button-font-color: #ddd,
+$button-font-color-hover: $secondary-color,
+$height: 300px,
+$width: 800px,
+$padding: 30px,
+$border-radius: $global-radius,
+$z-index: 1000,
+$li-margin: .6em 0,
+$header-margin: 1em) {
+
+  .ui-slide-notification,#{$tag} {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    height: $height;
+    z-index: $z-index;
+    visibility: hidden;
+    @include flexbox($justification: center);
+    & > ui-template {
+
+      width: $width;
+      background: $background;
+      border-radius: $border-radius;
+      border: $border;
+      height: $height;
+      box-shadow: $box-shadow;
+      padding: $padding;
+      & > header {
+        margin: $header-margin;
+        @include flexbox($justification: center, $alignment: center);
+        h3 {
+          margin-bottom: .5em;
+        }
+        button {
+          margin-left: auto;
+          background: none;
+          border: none;
+          color: $button-font-color;
+          font-size: 2em;
+          &:hover, &:focus {
+            color: $button-font-color-hover;
+          }
+        }
+      }
+      & > section {
+        ul {
+          list-style: none;
+          display: block;
+          & > li {
+            display: block;
+            margin: $li-margin;
+            & > a {
+              font-size: 1em;
+            }
+          }
+        }
+      }
+    }
+    @content;
+  }
+
+}

data/stylesheets/imports/elements/_stickyreveal.scss

@@ -0,0 +1,44 @@
+
+@mixin _ui-sticky-reveal($component:null,$height:null,$z-index:null){
+
+  position:fixed;
+  top:50px;
+  height:$height;
+  width:100%;
+  display:none;
+  z-index:$z-index;
+  border-top:0;
+  border-left:0;
+  border-right:0;
+  @extend %#{$component}-background !optional;
+  @extend %#{$component}-border !optional;
+  @extend %#{$component}-box-shadow !optional;
+
+  &>.reveal-container,&>reveal-container{
+    width:100%;
+    @include flexbox($justification:center);
+    height:$height;
+    &>*{
+      width:$grid-width;
+    }
+  }
+}
+
+@mixin ui-sticky-reveal($class:null,$component:null,$tag:ui-sticky-reveal,
+$height:60px,
+$z-index:$global-z-index+919
+){
+  .ui-sticky-reveal,#{$tag} {
+    @if $class != null{
+      &.#{$class} {
+        @include _ui-sticky-reveal($component,$height,$z-index);
+        @content;
+      }
+
+    } @else {
+      @include _ui-sticky-reveal($component,$height,$z-index);
+      @content;
+    }
+
+  }
+}