ellipsis-compass 1.0.4 → 1.0.5

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    OTI4ZWI0NThjNjM5OGIyNjk2ODA2ZWVmZjk0MjVhZjcwZTgwYTkzZA==
+    MjlmNTdiMGEyOWE4N2Y5MTNhZDRhODAwYmZhYjAyM2E1MjdhZDA5MA==
   data.tar.gz: !binary |-
-    YjdlN2ZhY2ZhMzBkMGRiNGFjODY1ODFkZTdlNzkyOWUwYTFhYTI1Mg==
+    NjJiNTZjYzQ0YmU5ZWQxYWMyODZkMmMxNDEzZmIzMjk0MWQzYmQzMw==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    OTRjYWJkNzE1MjIyMjBmMTI2Zjc1MTFiMTNiOTczNGM5YzU2YmUzNjNkMjJi
-    ODcwYTU5NWUzNGJiNzlhYTUxZDI3Y2YwZWE0YzMxODM5MTdkN2MzYzM5NmI3
-    ZjFiNDhkYzFiNmIxMTJmODkxMGMwMGY1MTk4MTY1YjEyM2M5ODk=
+    ZmM3NTE2OTYzZGM0NjQxOWIwYTNiNDJlMzgxZjM1ZDBmYzQ2NWQ2MzRiYTcz
+    OWQ4NDk0ODMyZTJlZTlkZjljMWIzM2FlYjQzZjljZWMxMTA1M2JmMDZhMDU4
+    Yzg3ZjE5NjZmZDBhNWRkNmI2NDI3NTVmNTIyMjU1NDZjYTMzOTY=
   data.tar.gz: !binary |-
-    MDhiNDYyZGQxYmNmZjQ1MWNmMTRmMDYyMWY3ODcxYWY3YTE3NGNmOWIwZjgx
-    ZDdkODI4ZGFjNzZkYzRjOGQ1Yjc3OTA2ZTE2ZjAyM2JjMzQ3ZTQ4OGMzZWMz
-    NjgwN2Q0M2ZiMTlmMzQzZDE4Njk2N2NhYzZiNDVjZDA5ZDJhMWU=
+    MWM0MWQzMzFlNTlhNDIyZjY0MDZhNWRiZTkyODMxMTg0YjkwNjFhMWY3Yzkz
+    OTAxZWViOGNhODk2MGJjZmJiMGE3NTkwMWIwOTAwZWMwZGRmOGZhMThjZTYx
+    N2YyMTAzMzc0NGRkNTJjZmE3ZGZmZTczZWFkODBlNjM4NjVjNzc=

data/stylesheets/ellipsis/base/_global.scss

@@ -4,6 +4,7 @@ $black:#000 !default;
 $off-black: #222 !default;
 $dark-gray: #333 !default;
 $light-gray:#ddd !default;
+$medium-gray:#666 !default;
 $zero: 0 !important !default;
 
 //core component colors
@@ -45,7 +46,30 @@ $grid-width: 1160px !default;
 $grid-column-gutter:30px !default;
 $grid-columns: 12 !default;
 
+//semantic components
+//error
+$component-error-background: #f2dede !default;
+$component-error-font-color: #bc5251 !default;
+$component-error-border: #eed3d7 !default;
+$component-error-text-shadow: none !default;
 
+//info
+$component-info-background: #d9edf7 !default;
+$component-info-border: #bce8f1 !default;
+$component-info-font-color: #3a87ad !default;
+$component-info-text-shadow: none !default;
+
+//warning
+$component-warning-background: #fcf8e3 !default;
+$component-warning-border: #fbeed5 !default;
+$component-warning-font-color: #c09853 !default;
+$component-warning-text-shadow: none !default;
+
+//success
+$component-success-background: #dff0d8 !default;
+$component-success-border: #d6e9c6 !default;
+$component-success-font-color: #468847 !default;
+$component-success-text-shadow: none !default;
 
 //icons
 $global-icon-font-family:ellipsis !default;

data/stylesheets/ellipsis/component/_component.scss

@@ -2,7 +2,7 @@
 $include-component-gradient: true !default;
 $include-component-gradient-inset: true !default;
 $include-component-text-shadow: false !default;
-$include-component-box-shadow: true !default;
+$include-component-box-shadow: false !default;
 $include-component-active-box-shadow: true !default;
 $include-component-animation: false !default;
 $component-animation: all 0.15s ease-in !default;

data/stylesheets/ellipsis/grid/_grid.scss

@@ -298,10 +298,10 @@ $touch-horizontal-constrain: true) {
   @if $touch-horizontal-constrain {
     @media #{$breakpoint-touch}{
       .row,grid-row {
-        overflow: hidden;
+        overflow-x: hidden;
         &.overflow {
           /* re-enable on per row basis, if needed */
-          overflow: visible;
+          overflow-x: visible;
         }
       }
     }

data/stylesheets/ellipsis/helpers/_mixins.scss

@@ -203,5 +203,9 @@
   @content;
 }
 
+/* supports not for flex-wrap */
+@supports not (flex-wrap: wrap) {
+  @content;
+}
 
 

data/stylesheets/ellipsis/helpers/_visibility.scss

@@ -22,7 +22,7 @@
     display: inherit !important;
   }
 
-  .hide-for-touch
+  .hide-for-touch,
   .hide-for-phone,
   .hide-for-small,
   .hide-for-tablet-down,

data/stylesheets/ellipsis/typography/_typography.scss

@@ -60,6 +60,9 @@ $cite-font-style: null) {
   $typography-blockquote-line-height: 1.6 !default;
   $typography-blockquote-margin: 1em 0 !default;
   $typography-blockquote-padding: 1em !default;
+  $typography-blockquote-link-decoration:underline !default;
+  $typography-blockquote-link-weight:normal !default;
+  $typography-blockquote-link-hover-opacity:.7 !default;
   $typography-cite-font-size: .8em !default;
   $typography-cite-font-color: lighten($global-font-color, 20%) !default;
   $typography-cite-font-style: normal !default;
@@ -250,6 +253,9 @@ $cite-font-style: null) {
     font-size: $typography-blockquote-font-size;
     font-style: $typography-blockquote-font-style;
     border: $typography-blockquote-border;
+    &.center{
+      text-align: center;
+    }
     cite {
       display: block;
       font-size: $typography-cite-font-size;
@@ -258,12 +264,19 @@ $cite-font-style: null) {
       &:before {
         content: "\2014 \0020";
       }
-
     }
     &.info{
       border-left:4px solid $component-info-font-color;
       background:$component-info-background;
       color:$component-info-font-color;
+      a{
+        color:$component-info-font-color;
+        text-decoration: $typography-blockquote-link-decoration;
+        font-weight:$typography-blockquote-link-weight;
+        &:hover{
+          opacity:$typography-blockquote-link-hover-opacity;
+        }
+      }
     }
     &.warning{
       border-left:4px solid $component-warning-font-color;

data/stylesheets/ellipsis/ui/_container.scss

@@ -171,6 +171,9 @@ $cell-padding:null
   &.top{
     @include align-items(flex-start);
   }
+  &.bottom{
+    @include align-items(flex-end);
+  }
   &.space-around{
     @include justify-content(space-around);
   }

data/stylesheets/ellipsis/ui/_menu.scss

@@ -42,7 +42,6 @@ $li-stacked-padding:null
   &>li,&>menu-item{
     @include flexbox($alignment:center,$justification:flex-start);
     margin:$li-margin;
-    //padding:$li-padding;
     height:100%;
     position:relative;
     &:hover,&:focus{
@@ -118,7 +117,7 @@ $li-stacked-padding:null
     margin:$li-margin;
     padding:$li-padding;
     height:100%;
-    &>.ui-dropdown,ui-dropdown,ui-mega-dropdown{
+    &>.ui-dropdown,&>ui-dropdown,&>ui-mega-dropdown{
       display:none;
     }
     &>a{
@@ -127,6 +126,9 @@ $li-stacked-padding:null
     }
     &:hover,&:focus{
       cursor:pointer;
+      &>.ui-dropdown,&>ui-dropdown,&>ui-mega-dropdown{
+        display:block !important;
+      }
       @extend %#{$component}-background-hover !optional;
       &>a{
         @extend %#{$component}-font-hover !optional;

data/stylesheets/ellipsis/ui/_topbar.scss

@@ -15,7 +15,7 @@ $brand-justification:null,
 $brand-alignment:null,
 $brand-min-width:null,
 $brand-padding:null,
-$section-justification:null,
+$right-padding:null,
 $menu-justification:null) {
 
   $_ui-topbar-contained-to-grid: $grid-width - $grid-column-gutter;
@@ -39,6 +39,9 @@ $menu-justification:null) {
     max-height:$height;
   }
   .brand,ui-brand {
+    position:absolute;
+    left:0;
+    top:0;
     cursor:pointer;
     padding: $brand-padding;
     height:100%;
@@ -56,42 +59,46 @@ $menu-justification:null) {
     @include flexbox($justification: $brand-justification, $alignment: $brand-alignment);
     @extend %#{$component}-font !optional;
     font-size:$brand-font-size;
-    &.left{
-      position:absolute;
-      left:0;
-      top:0;
-    }
+
   }
 
-  * {
+  &>* {
     list-style: none;
-    &.right,&.flex-end {
-      margin-left:auto;
+    &.right{
+      position:absolute;
+      right:0;
+      top:0;
       height:100%;
-      @include flexbox($justification: $menu-justification, $alignment: $alignment);
+      padding:$right-padding;
     }
-    &.left,&.flex-start{
-      margin-right:auto;
+    &.left{
+      position:absolute;
+      left:0;
+      top:0;
       height:100%;
-      @include flexbox($justification: $menu-justification, $alignment:$alignment);
     }
+
   }
   & > section {
     height: $height;
     width: $_ui-topbar-contained-to-grid;
     position:relative;
     background:none;
-    @include flexbox($justification: $section-justification, $alignment: $alignment);
-    &.center {
-      margin-left:auto;
-      margin-right:auto;
-      align-self:center;
-      .ui-menu,ui-menu {
+    @include flexbox($justification:flex-start, $alignment: $alignment);
+    &>*{
+      &.right,&.flex-end {
+        margin-left:auto;
+        height:100%;
         @include flexbox($justification: $menu-justification, $alignment: $alignment);
-        &.left,&.flex-start{
-          margin-right:auto;
-        }
       }
+      &.left,&.flex-start{
+        margin-right:auto;
+        height:100%;
+        @include flexbox($justification: $menu-justification, $alignment:$alignment);
+      }
+    }
+    &.center {
+      @include flexbox($justification:center, $alignment: $alignment);
     }
 
   }
@@ -128,7 +135,7 @@ $brand-justification:flex-start,
 $brand-alignment:center,
 $brand-min-width:6em,
 $brand-padding:0 0 0 1em,
-$section-justification:flex-start,
+$right-padding:0 1em 0 0,
 $menu-justification:center,
 $touch-position: fixed,
 $touch-height: 60px,
@@ -143,14 +150,14 @@ $touch-brand-font-size:1.75em
       &.#{$class} {
         @include desktop-content() {
           @include _ui-topbar($component, $position, $padding, $height, $z-index, $brand-font-size, $line-height,
-                  $justification,$alignment,$brand-justification,$brand-alignment,$brand-min-width,$brand-padding,$section-justification,$menu-justification);
+                  $justification,$alignment,$brand-justification,$brand-alignment,$brand-min-width,$brand-padding,$right-padding,$menu-justification);
         }
         @content
       }
     } @else {
       @include desktop-content() {
         @include _ui-topbar($component, $position, $padding, $height, $z-index, $brand-font-size, $line-height,
-                $justification,$alignment,$brand-justification,$brand-alignment,$brand-min-width,$brand-padding,$section-justification,$menu-justification);
+                $justification,$alignment,$brand-justification,$brand-alignment,$brand-min-width,$brand-padding,$right-padding,$menu-justification);
       }
       @content;
     }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ellipsis-compass
 version: !ruby/object:Gem::Version
-  version: 1.0.4
+  version: 1.0.5
 platform: ruby
 authors:
 - S. Francis
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-08-16 00:00:00.000000000 Z
+date: 2014-08-24 00:00:00.000000000 Z
 dependencies: []
 description: Ellipsis is responsive HTML5 web component framework for modern browsers
 email: sfrancis@misinteractive.com