ellipsis-compass 1.0.1

data/stylesheets/helpers/_convenience.scss

@@ -0,0 +1,277 @@
+/* Convenience --------------------------------------------------------------------------------------------------------*/
+
+@mixin helpers-convenience() {
+
+  .flex-right,.flex-end{
+    margin-left:auto !important;
+  }
+  .flex-left,.flex-start{
+    margin-right:auto !important;
+  }
+  .text-left {
+    text-align: left !important;
+  }
+  .text-right {
+    text-align: right !important;
+  }
+  .text-center {
+    text-align: center !important;
+  }
+  .text-justify {
+    text-align: justify !important;
+  }
+  .hide {
+    display: none;
+  }
+  .show{
+    display:inherit;
+  }
+  .hide-important,.hide-override {
+    display: none !important;
+  }
+  .visible{
+    visibility: visible;
+    opacity:1;
+  }
+  .hidden{
+    visibility: hidden;
+  }
+  .transparent {
+    opacity: 0;
+  }
+  .full-width {
+    width: 100%;
+  }
+  .inline{
+    display:inline;
+  }
+  .inline-label {
+    display: inline-block !important;
+  }
+  .block-label {
+    display: block;
+    float: left;
+  }
+  .block-label-right {
+    display: block;
+    float: right;
+  }
+  .inline-label-right {
+    display: inline-block;
+    text-align: right;
+  }
+  .inline-block {
+    display: inline-block !important;
+  }
+  .inline-block-left {
+    display: inline-block !important;
+    text-align: left !important;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .antialiased {
+    -webkit-font-smoothing: antialiased;
+  }
+  .text-bold {
+    font-weight: bold !important;
+  }
+  .text-normal {
+    font-weight: normal !important;
+  }
+  .larger-text {
+    font-size: 1.5rem;
+  }
+  .bold {
+    font-weight: bold;
+  }
+  .box-shadow {
+    box-shadow: rgba(0, 0, 0, .20) 0px 1px 1px;
+  }
+  .icon-inset {
+    text-shadow: rgba(0, 0, 0, .80) 0 -1px 0;
+  }
+  .list-style-none{
+    list-style: none;
+    margin:0;
+    padding:0;
+    &>li{
+      margin:0 0 10px 0;
+      line-height: 1.25;
+    }
+  }
+  .width-half{
+    width:50% !important;
+
+  }
+  .circle {
+    border-radius: 50%;
+  }
+  %circle{
+    border-radius: 50%;
+  }
+  //clear-fix
+  .clearfix:before,
+  .clearfix:after {
+    content: "";
+    display: table;
+  }
+
+  .clearfix:after {
+    clear: both;
+  }
+
+  %clearfix {
+    &:before, &:after {
+      content: "";
+      display: table;
+    }
+  }
+  %clearfix {
+    &:after {
+      clear: both;
+    }
+  }
+
+  .top {
+    top: 0;
+  }
+
+  .bottom {
+    bottom: 0;
+  }
+
+  .margin {
+    margin: 1em 0 1em 0;
+    &.two{
+      margin: 2em 0 2em 0;
+    }
+  }
+
+  .margin-left{
+    margin-left:1em;
+    &.two{
+      margin-left:2em;
+    }
+    &.zero{
+      margin-left:0;
+    }
+  }
+  .margin-right{
+    margin-right:1em;
+    &.two{
+      margin-right:2em;
+    }
+    &.zero{
+      margin-right:0;
+    }
+  }
+  .margin-top{
+    margin-top:1em;
+    &.two{
+      margin-top:2em;
+    }
+    &.zero{
+      margin-top:0;
+    }
+  }
+  .margin-bottom{
+    margin-bottom:1em;
+    &.two{
+      margin-bottom:2em;
+    }
+    &.zero{
+      margin-bottom:0;
+    }
+  }
+
+  .margin-0 {
+    margin: 0;
+  }
+
+  .padding {
+    padding: 1em 0 1em 0;
+  }
+
+  .padding-0 {
+    padding: 0;
+  }
+
+  .padding-left{
+    padding-left:1em;
+    &.two{
+      padding-left:2em;
+    }
+    &.zero{
+      padding-left:0;
+    }
+  }
+  .padding-right{
+    padding-right:1em;
+    &.two{
+      padding-right:2em;
+    }
+    &.zero{
+      padding-right:0;
+    }
+  }
+  .padding-top{
+    padding-top:1em;
+    &.two{
+      padding-top:2em;
+    }
+    &.zero{
+      padding-top:0;
+    }
+  }
+  .padding-bottom{
+    padding-bottom:1em;
+    &.two{
+      padding-bottom:2em;
+    }
+    &.zero{
+      padding-bottom:0;
+    }
+  }
+  .pointer{
+    cursor:pointer;
+  }
+
+  .pointer-underline{
+    text-decoration: underline;
+    cursor:pointer;
+  }
+
+  .white{
+    color:$white;
+  }
+
+  .small-font{
+    font-size:.85em;
+  }
+
+  .size-two{
+    font-size:2em;
+  }
+  .size-one{
+    font-size:1em
+  }
+
+  .size-32{
+    font-size:32px;
+  }
+  .size-16{
+    font-size:16px;
+  }
+  .size-18{
+    font-size:18px;
+  }
+
+  .tiny-font{
+    font-size:.8em;
+  }
+
+}

data/stylesheets/helpers/_functions.scss

@@ -0,0 +1,427 @@
+
+
+@function strip-unit($num) {
+  @return $num / ($num * 0 + 1);
+}
+
+@function convert-to-em($value, $base-value: $global-font-size)  {
+  $value: strip-unit($value) / strip-unit($base-value) * 1em;
+  @if ($value == 0em) { $value: 0; }
+  @return $value;
+}
+
+@function em-calc($values, $base-value: $global-font-size) {
+  $max: length($values);
+  @if $max == 1 { @return convert-to-em(nth($values, 1), $base-value); }
+
+  $emValues: ();
+  @for $i from 1 through $max {
+    $emValues: append($emValues, convert-to-em(nth($values, $i), $base-value));
+  }
+  @return $emValues;
+}
+
+@function grid-calc($column-number, $total-columns) {
+  @return percentage(($column-number / $total-columns));
+}
+
+@function columns-to-percentage($columns){
+  $v:(1/$columns)*100;
+  $v1: $v - 1;
+  $v2: ($v1/100)*100%;
+  @return $v2;
+}
+
+@function convert-to-decimal($fraction){
+  $result:($fraction*100)/100;
+  @return $result;
+}
+
+
+// Take a $list, return true if any $args are present.
+@function arguments($list, $args) {
+  $list     : compact($list);
+  $return   : false;
+  @each $arg in $args {
+    $return: if(index($list,$arg), true, $return);
+  }
+  @return $return;
+}
+
+@function tiny-radius(){
+  $tinyRadius:$global-radius - 1;
+  @if($tinyRadius < 0){
+    $tinyRadius:0;
+  }
+  @return $tinyRadius;
+}
+
+@function margin-left($margin){
+ @if(type_of($margin) == list){
+   $length:length($margin);
+   @if $length == 1 {
+      @return $margin;
+   }@else if $length == 2 {
+      @return nth($margin,2);
+   }@else if $length == 3 {
+     @return nth($margin,2);
+   }@else {
+     @return nth($margin,4);
+   }
+ }@else{
+   @return $margin;
+ }
+}
+
+@function margin-right($margin){
+  @if(type_of($margin) == list){
+    $length:length($margin);
+    @if $length == 1 {
+      @return $margin;
+    }@else {
+      @return nth($margin,2);
+    }
+  }@else{
+    @return $margin;
+  }
+}
+
+@function margin-top($margin){
+  @if(type_of($margin) == list){
+    $length:length($margin);
+    @if $length == 1 {
+      @return $margin;
+    }@else {
+      @return nth($margin,1);
+    }
+  }@else{
+    @return $margin;
+  }
+}
+
+@function margin-bottom($margin){
+  @if(type_of($margin) == list){
+    $length:length($margin);
+    @if $length == 1 {
+      @return $margin;
+    }@else if $length == 2 {
+      @return nth($margin,1);
+    }@else {
+      @return nth($margin,3);
+    }
+  }@else{
+    @return $margin;
+  }
+}
+
+@function list-has-number($list){
+  $ret:false;
+  @if(type_of($list) == list){
+    @each $val in $list {
+      @if type-of($val) == number{
+        $ret:true;
+      }
+    }
+  }@else{
+    @if type-of($list) == number{
+      $ret:true;
+    }
+  }
+
+  @return $ret;
+}
+
+@function darken-rule($color-list,$factor){
+  $rule: '';
+  @each $val in $color-list {
+    @if($val != transparent){
+      $rule: $rule + ' ' + darken($val,$factor);
+    }
+  }
+  @return unquote($rule);
+}
+
+@function icon-position($padding,$icon-size){
+  $padding-top:margin-top($padding);
+  $padding-top:strip-unit($padding-top);
+  $padding-bottom:margin-top($padding);
+  $padding-bottom:strip-unit($padding-bottom);
+  $size:strip-unit($icon-size);
+  $size:$size*2;
+  $fraction-top:($padding-top + $padding-bottom);
+  $fraction:$fraction-top/$size;
+  $decimal:convert-to-decimal($fraction);
+  $top:#{$decimal}em;
+  @return $top;
+
+}
+
+@function icon-position-right($icon-size){
+  $size:strip-unit($icon-size);
+  @if $size <= 1.1 {
+    @return .5em;
+  }@else if ($size > 1.1 and $size <=2){
+    @return .1em;
+  }@else{
+    @return 1px;
+  }
+}
+
+@function icon-position-left($icon-size){
+  $pos:icon-position-right($icon-size);
+  @return $pos;
+}
+
+@function component-line-height($icon-size,$line-height){
+  $size:strip-unit($icon-size);
+  $decimal:convert-to-decimal($line-height/$size);
+  @return $decimal;
+}
+
+
+
+/*
+below courtesy: http://hugogiraudel.com/2013/08/08/advanced-sass-list-functions/
+*/
+@function first($list) {
+  @return nth($list, 1);
+}
+
+@function last($list) {
+  @return nth($list, length($list));
+}
+
+@function last-index($list, $value) {
+  @for $i from length($list)*-1 through -1 {
+    @if nth($list, abs($i)) == $value {
+      @return abs($i);
+    }
+  }
+
+  @return null;
+}
+
+@function last-index($list, $value) {
+  @for $i from length($list)*-1 through -1 {
+    @if nth($list, abs($i)) == $value {
+      @return abs($i);
+    }
+  }
+
+  @return null;
+}
+
+@function prepend($list, $value) {
+  @return join($value, $list);
+}
+
+@function insert-nth($list, $index, $value) {
+  $result: null;
+
+  @if type-of($index) != number {
+    @warn "$index: #{quote($index)} is not a number for `insert-nth`.";
+  }
+
+  @else if $index < 1 {
+    @warn "List index 0 must be a non-zero integer for `insert-nth`";
+  }
+
+  @else if $index > length($list) {
+    @warn "List index is #{$index} but list is only #{length($list)} item long for `insert-nth'.";
+  }
+
+  @else {
+    $result: ();
+
+    @for $i from 1 through length($list) {
+      @if $i == $index {
+        $result: append($result, $value);
+      }
+
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+
+@function replace($list, $old-value, $new-value, $recursive: false) {
+  $result: ();
+
+  @for $i from 1 through length($list) {
+    @if type-of(nth($list, $i)) == list and $recursive {
+      $result: append($result, replace(nth($list, $i), $old-value, $new-value, $recursive));
+    }
+
+    @else {
+      @if nth($list, $i) == $old-value {
+        $result: append($result, $new-value);
+      }
+
+      @else {
+        $result: append($result, nth($list, $i));
+      }
+    }
+  }
+
+  @return $result;
+}
+
+@function replace-nth($list, $index, $value) {
+  $result: null;
+
+  @if type-of($index) != number {
+    @warn "$index: #{quote($index)} is not a number for `replace-nth`.";
+  }
+
+  @else if $index == 0 {
+    @warn "List index 0 must be a non-zero integer for `replace-nth`.";
+  }
+
+  @else if abs($index) > length($list) {
+    @warn "List index is #{$index} but list is only #{length($list)} item long for `replace-nth`.";
+  }
+
+  @else {
+    $result: ();
+    $index: if($index < 0, length($list) + $index + 1, $index);
+
+    @for $i from 1 through length($list) {
+      @if $i == $index {
+        $result: append($result, $value);
+      }
+
+      @else {
+        $result: append($result, nth($list, $i));
+      }
+    }
+  }
+
+  @return $result;
+}
+
+@function remove($list, $value, $recursive: false) {
+  $result: ();
+
+  @for $i from 1 through length($list) {
+    @if type-of(nth($list, $i)) == list and $recursive {
+      $result: append($result, remove(nth($list, $i), $value, $recursive));
+    }
+
+    @else if nth($list, $i) != $value {
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+
+@function remove-nth($list, $index) {
+  $result: null;
+
+  @if type-of($index) != number {
+    @warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+  }
+
+  @else if $index == 0 {
+    @warn "List index 0 must be a non-zero integer for `remove-nth`.";
+  }
+
+  @else if abs($index) > length($list) {
+    @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+  }
+
+  @else {
+    $result: ();
+    $index: if($index < 0, length($list) + $index + 1, $index);
+
+    @for $i from 1 through length($list) {
+      @if $i != $index {
+        $result: append($result, nth($list, $i));
+      }
+    }
+  }
+
+  @return $result;
+}
+
+@function slice($list, $start: 1, $end: length($list)) {
+  $result: null;
+
+  @if type-of($start) != number or type-of($end) != number {
+    @warn "Either $start or $end are not a number for `slice`.";
+  }
+
+  @else if $start > $end {
+    @warn "The start index has to be lesser than or equals to the end index for `slice`.";
+  }
+
+  @else if $start < 1 or $end < 1 {
+    @warn "List indexes must be non-zero integers for `slice`.";
+  }
+
+  @else if $start > length($list) {
+    @warn "List index is #{$start} but list is only #{length($list)} item long for `slice`.";
+  }
+
+  @else if $end > length($list) {
+    @warn "List index is #{$end} but list is only #{length($list)} item long for `slice`.";
+  }
+
+  @else {
+    $result: ();
+
+    @for $i from $start through $end {
+      $result: append($result, nth($list, $i));
+    }
+  }
+
+  @return $result;
+}
+
+@function reverse($list, $recursive: false) {
+  $result: ();
+
+  @for $i from length($list)*-1 through -1 {
+    @if type-of(nth($list, abs($i))) == list and $recursive {
+      $result: append($result, reverse(nth($list, abs($i)), $recursive));
+    }
+
+    @else {
+      $result: append($result, nth($list, abs($i)));
+    }
+  }
+
+  @return $result;
+}
+
+
+@function to-string($list, $glue: '', $is-nested: false) {
+  $result: null;
+
+  @for $i from 1 through length($list) {
+    $e: nth($list, $i);
+
+    @if type-of($e) == list {
+      $result: $result#{to-string($e, $glue, true)};
+    }
+
+    @else {
+      $result: if($i != length($list) or $is-nested, $result#{$e}#{$glue}, $result#{$e});
+    }
+  }
+
+  @return $result;
+}
+
+@function loop($list, $value: 1) {
+  $result: ();
+
+  @for $i from 0 to length($list) {
+    $result: append($result, nth($list, ($i - $value) % length($list) + 1));
+  }
+
+  @return $result;
+}
+
+