ellipsis-compass 1.0.6 → 1.0.7

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    Y2E5ZjYyOWFlM2QzZGNiZThiNDliZTE1ZWVkZDMwMTZhNmExNjFjZg==
+    MWFlYTU1ZDQ4NGYzYmM5OGM3ZmYzYjhiYTBhMzRhZjZlYmFiNDMzMA==
   data.tar.gz: !binary |-
-    ZGQyMDg5NDFiOTMzZjlmYTc5ZGJjMWZhODE5NTNlOGNlMzA1NWNlMg==
+    OGJjZGZjNmE0YzQ1YTc0NjUwOWMwODZjYmQzNTBhNWJhNDc2Y2Y5OA==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    YmM1ODM0Yzc1M2ZjYzdmYmQ1ZDMzZGI1MzcwZjA4NmVlZTQ1YzVhYTU2MDhh
-    ZGE5NDAyYzVmZjA2MTlmZTJmMWUwZWExZGU4YTc2ZTRkMTJiZjc0OTQyMjkz
-    YWE0MTVkOTM3ODhmMWE5OWRjNTNkNWVlZmIzNTU3ZGNmZjU1ZDY=
+    ZmI4YTJhZjI4YWZlZmVjY2UyOTc2YzNjNGE0MGYyNGUwNjUxYjkyNTQzNDk4
+    OWQwZjY4Y2VlY2MzMWJlZjcxMTQ5ODc5MzJlNzE5NmE3ZjM4YjQ0ZGZmNWIz
+    MTg3NWY0NDIyN2Q2ZDU1NzcxYjJlOGM0ZGU5ZWZjNzdlYzVlNjk=
   data.tar.gz: !binary |-
-    YWVlNzQyMTIwMjI4YjYzMzQxODM2ZjA2MTc0YjJiOThmNTZhNmIyMTA1ZGE0
-    OTJiZmQ4ZDU0NzAzOWVmNjkzZDMzODgxM2ZiZTZjZWY2MDQzZmUwNmNjYjk5
-    ODk5YjhmMzIyN2U4NTQ5YWZhMzAyMjAwYTY3NGViNGRmYTFkMTU=
+    NWFmZDBkZDQ4YTQ1MmE2YzY4YzQ2N2ExYjU3ODRjMGFmOGI2ZTBhZWE3NWQ1
+    OGY5ODE1M2UxMzg2NjdkNzE5NDczNzc0YTY3ZWE3YjVjY2I5ZjUzNzJlYmIx
+    MjMyNzIzYmQ2OGRjZGE2MjI4ZTFiMjA1MWJmOTE4ZGU0Mjc5MGI=

data/stylesheets/ellipsis/animation/_transitions.scss

@@ -1,320 +1,2 @@
 @import "transit";
 
-/*[data-role=container]{
-  position:absolute;
-  top:0;
-  left:0;
-  width:100%;
-  min-height: 100%;
-}
-.ui-page {
-  top: 0;
-  left: 0;
-  position: absolute;
-  width: 100%;
-  min-height: 100%;
-  border: 0;
-  padding: 0;
-  margin: 0;
-  outline: none;
-}
-.ui-placeholder {
-  top: 0;
-  left: 0;
-  position: absolute;
-  outline: none;
-
-
-}
-.ui-viewport{
-  position:relative;
-  visibility: hidden;
-  //overflow: hidden;
-}
-.ui-hidden{
-  visibility: hidden;
-}
-@media screen and (orientation: portrait){
-  .ui-page { min-height: 420px; }
-  body{
-    -webkit-user-select: none;
-  }
-
-}
-@media screen and (orientation: landscape){
-  .ui-page { min-height: 300px; }
-  body{
-    -webkit-user-select: none;
-  }
-}
-
-.ui-viewport-transitioning,
-.ui-viewport-transitioning .ui-page {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.in {
-  -webkit-animation-timing-function: ease-in-out;
-  -webkit-animation-duration: 250ms;
-  -moz-animation-timing-function: ease-in-out;
-  -moz-animation-duration: 250ms;
-  -o-animation-timing-function: ease-in-out;
-  -o-animation-duration: 250ms;
-  animation-timing-function: ease-in-out;
-  animation-duration: 250ms;
-}
-.out {
-  -webkit-animation-timing-function: ease-in-out;
-  -webkit-animation-duration: 250ms;
-  -moz-animation-timing-function: ease-in-out;
-  -moz-animation-duration: 250ms;
-  -o-animation-timing-function: ease-in-out;
-  -o-animation-duration: 250ms;
-  animation-timing-function: ease-in-out;
-  animation-duration: 250ms;
-}
-
-.hardware-accelerate{
-  -webkit-transform: translate3d(0, 0, 0);
-}
-.supports3d{
-  -webkit-perspective: 1000;
-  -moz-perspective: 1000;
-  -o-perspective: 1000;
-  perspective: 1000;
-  > * {
-    -webkit-transform: translate3d(0,0,0) rotate(0) scale(1);
-
-  }
-  -webkit-transform-style: preserve-3d;
-  -moz-transform-style: preserve-3d;
-
-}
-
-
-
-//Page Transitions
-
-//fade  --mobile and desktop
-.fade.out, .fade.in {
-  -webkit-animation-timing-function: ease-in-out;
-  -webkit-animation-duration: 350ms;
-  -moz-animation-timing-function: ease-in-out;
-  -moz-animation-duration: 350ms;
-  -o-animation-timing-function: ease-in-out;
-  -o-animation-duration: 350ms;
-  animation-timing-function: ease-in-out;
-  animation-duration: 350ms;
-
-}
-.fade.in {
-  @include animation(fadeIn);
-}
-.fade.out {
-  @include animation(fadeOut);
-}
-.fade.in.reverse {
-  @include animation(fadeIn);
-}
-.fade.out.reverse {
-  @include animation(fadeOut);
-}
-
-
-//dissolve  --mobile and desktop
-.dissolve.out, .dissolve.in {
-  -webkit-animation-timing-function: ease-in-out;
-  -webkit-animation-duration: 350ms;
-  -moz-animation-timing-function: ease-in-out;
-  -moz-animation-duration: 350ms;
-  -o-animation-timing-function: ease-in-out;
-  -o-animation-duration: 350ms;
-  animation-timing-function: ease-in-out;
-  animation-duration: 350ms;
-
-}
-.dissolve.in {
-  @include animation(dissolveIn);
-}
-.dissolve.out {
-  @include animation(dissolveOut);
-}
-.dissolve.in.reverse {
-  @include animation(dissolveIn);
-}
-.dissolve.out.reverse {
-  @include animation(dissolveOut);
-}
-
-
-
-//slide
-.slide.out, .slide.in {
-  -webkit-animation-timing-function: ease-in-out;
-  -webkit-animation-duration: 250ms;
-  -moz-animation-timing-function: ease-in-out;
-  -moz-animation-duration: 250ms;
-  -o-animation-timing-function: ease-in-out;
-  -o-animation-duration: 250ms;
-  animation-timing-function: ease-in-out;
-  animation-duration: 250ms;
-}
-.slide.out {
-  @include animation(slideleftout);
-}
-
-.slide.in {
-  @include animation(slideleftin);
-}
-
-.slide.out.reverse {
-  @include animation(sliderightout);
-}
-
-.slide.in.reverse {
-  @include animation(sliderightin);
-}
-
-
-//pop
-.pop.out, .pop.in {
-  -webkit-animation-timing-function: ease-in-out;
-  -webkit-animation-duration: 250ms;
-  -moz-animation-timing-function: ease-in-out;
-  -moz-animation-duration: 250ms;
-  -o-animation-timing-function: ease-in-out;
-  -o-animation-duration: 250ms;
-  animation-timing-function: ease-in-out;
-  animation-duration: 250ms;
-}
-.pop.in {
-  @include animation(popIn);
-}
-
-.pop.out {
-  @include animation(popOut);
-}
-.pop.in.reverse {
-  @include animation(popIn);
-}
-
-.pop.out.reverse {
-  @include animation(popOut);
-}
-
-//mobile only
-//flip  3D Transition
-
-.flip.in {
-  -webkit-backface-visibility: hidden !important;
-  -webkit-transform-style: preserve-3d;
-  @include animation(flipleftin);
-}
-
-.flip.out {
-  -webkit-backface-visibility: hidden !important;
-  -webkit-transform-style: preserve-3d;
-  z-index:1000;
-  background-color:inherit;
-  @include animation(flipleftout);
-
-}
-.flip.in.reverse {
-  -webkit-backface-visibility: hidden !important;
-  -webkit-transform-style: preserve-3d;
-  @include animation(fliprightin);
-}
-
-.flip.out.reverse {
-  -webkit-backface-visibility: hidden !important;
-  -webkit-transform-style: preserve-3d;
-  @include animation(fliprightout);
-}
-
-//cube  3D Transition
-
-.cube.in {
-  -webkit-transform: perspective(800);
-  -webkit-animation-duration: 5.6s;
-  -webkit-transform-origin: 0% 50%;
-  z-index:10;
-  background-color:inherit;
-  @include animation(cubeleftin);
-}
-
-.cube.out {
-  -webkit-transform: perspective(800);
-  -webkit-animation-duration: 5.6s;
-  -webkit-transform-origin: 100% 50%;
-  @include animation(cubeleftout);
-}
-
-.cube.in.reverse {
-  -webkit-transform: perspective(800);
-  -webkit-animation-duration: .6s;
-  -webkit-transform-origin: 100% 50%;
-  z-index:10;
-  background-color:inherit;
-  @include animation(cuberightin);
-}
-.cube.out.reverse {
-  -webkit-transform: perspective(800);
-  -webkit-animation-duration: .6s;
-  -webkit-transform-origin: 0% 50%;
-  @include animation(cuberightout);
-}
-
-//fadeSlide
-
-.fadeSlide.in {
-  -webkit-animation-delay: 350ms;
-  @include animation(fadeslideleftin);
-}
-.fadeSlide.out {
-  @include animation(fadeOut);
-}
-
-.fadeSlide.in.reverse {
-  -webkit-animation-delay: 350ms;
-  @include animation(fadesliderightin);
-}
-.fadeSlide.out.reverse {
-  @include animation(fadeOut);
-}
-
-
-//swap  3D Transition
-
-.swap.in {
-  -webkit-animation-duration: .7s;
-  -webkit-transform: perspective(800);
-  -webkit-animation-timing-function: ease-out;
-  z-index:10;
-  background-color:inherit;
-  @include animation(swapleftin);
-}
-.swap.out {
-  -webkit-animation-duration: .7s;
-  -webkit-transform: perspective(800);
-  -webkit-animation-timing-function: ease-out;
-  @include animation(swapleftout);
-}
-
-.swap.in.reverse {
-  -webkit-animation-duration: .7s;
-  -webkit-transform: perspective(800);
-  -webkit-animation-timing-function: ease-out;
-  z-index:10;
-  background-color:inherit;
-  @include animation(swaprightin);
-}
-.swap.out.reverse {
-  -webkit-animation-duration: .7s;
-  -webkit-transform: perspective(800);
-  -webkit-animation-timing-function: ease-out;
-  @include animation(swaprightout);
-}*/

data/stylesheets/ellipsis/base/_breakpoints.scss

@@ -56,7 +56,7 @@ $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;
+$breakpoint-grid-contain: "only screen and (max-width:#{$_grid-width}) and (min-width: #{$screen-desktop})" !default;
 
 //grid breakpoints
 $breakpoint-grid-tablet: "only screen and (min-width: #{$screen-tablet-small})" !default;

data/stylesheets/ellipsis/base/_document.scss

@@ -19,6 +19,21 @@ $document-highlight-color:#c7254e !default;
 $document-highlight-background:#eee !default;
 $document-code-font-weight:normal !default;
 
+@mixin input(){
+  input[type="text"],
+  input[type="password"],
+  input[type="date"],
+  input[type="datetime"],
+  input[type="email"],
+  input[type="number"],
+  input[type="search"],
+  input[type="tel"],
+  input[type="time"],
+  input[type="url"],
+  textarea{
+    @content;
+  }
+}
 /* Document Reset & Standards -------------------------------------------------------- */
 @mixin document-reset() {
 
@@ -37,12 +52,12 @@ $document-code-font-weight:normal !default;
     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 {
@@ -193,6 +208,11 @@ $document-code-font-weight:normal !default;
     height: auto;
     min-height: 50px;
   }
+  @include input(){
+    &:focus{
+      @include tab-focus();
+    }
+  }
 
 /* Misc -------------------------------------------- */
 

data/stylesheets/ellipsis/base/_global.scss

@@ -19,11 +19,11 @@ $info-color:null !default;
 $warning-color:null !default;
 $success-color:null !default;
 
+$component-custom-tags:true !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;
@@ -74,13 +74,14 @@ $component-success-text-shadow: none !default;
 //icons
 $global-icon-font-family:ellipsis !default;
 $global-icon-search:\e01a !default;
+$global-icon-search-2:\e0ec !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-toggle:\e1f3 !default;
+$global-icon-down-arrow:\e1a2 !default;
+$global-icon-up-arrow:\e1a0 !default;
 $global-icon-down-arrow-2:\e00e  !default;
 $global-icon-up-arrow-2:\e00c !default;
 $global-icon-next:\e0f9  !default;
@@ -93,15 +94,15 @@ $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-facebook-2:\e227 !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-twitter-2:\e228 !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-google-2:\e229 !default;
 $global-icon-github:\e160 !default;
 $global-icon-github:\e16f !default;
 $global-icon-remove:\e0db !default;