vendor/assets/stylesheets/uniform/helpers.scss in uniform-ui-0.6 vs vendor/assets/stylesheets/uniform/helpers.scss in uniform-ui-1.0

@@ -1,123 +1,124 @@
-// Vertical Rule
-vr {
-    height:30px;
-    border-left:1px solid $gray-light;
-    margin:0 10px;
+.square-icon{
     display: inline-block;
+    height: 1em;
+    width: 1em;
+    border: 1px solid $gray;
+    border-radius: 0.1em;
     vertical-align:middle;
+    &.gray-light{
+        border-color: lighten($gray, 40);
+    }
 }
-.rounded,
+.hidden{
+    display:none !important;
+}
 .round{
     border-radius:50%;
 }
+.rounded{
+    border-radius: 0.25em;
+}
+[data-href],
 .pointer{
     cursor: pointer !important;
 }
+.cursor-help{
+    cursor: help;
+}
+
 .handle{
     cursor: hand;
 }
 .honeypot{
     position:absolute !important;
     left:-999999px !important;
     width:1px !important;
     display:block !important;
 }
+@include apply-media-sizes('.border'){
+    border: 1px solid $gray-light;
+}
+@each $direction in 'top' 'right' 'bottom' 'left' {
+    @include apply-media-sizes('.border-#{$direction}'){
+        border-#{$direction}: 1px solid $gray-light;
+    }
+    @include apply-media-sizes('.border-dark-#{$direction}'){
+        border-#{$direction}: 1px solid darken($gray-light, 20);
+    }
+}
+img.disabled{
+    @include grayscale(1, 0.3)
+}
+table.fixed{
+    table-layout: fixed;
+}
 
 //----------------------------------------------------------------
 //             Layout
 //----------------------------------------------------------------
-.hide,
-.hidden{
-    display:none;
-}
-.right{
+@include apply-media-sizes('.float-right'){
     float:right;
+    &.margin{
+        margin: 0 0 1rem 1rem;
+    }
 }
-.text-right{
-    text-align: right;
+.float-left{
+    float: left;
+    &.margin{
+        margin: 0 1rem 1rem 0;
+    }
 }
-.text-center{
-    text-align: center;
-}
-.clear{
-    clear:both;
-}
 .bleed-fix{
     position:static;
     overflow:hidden;
 }
-.no-gutter{
-    padding-left:0;
-    padding-right:0;
+.clear{
+    clear:both;
 }
-.no-pad{
-    padding-left:0;
-    padding-right:0;
+@include apply-media-sizes('.block') {
+    display: block;
 }
-.less-pad{
-    padding-left:5px;
-    padding-right:5px;
+@include apply-media-sizes('.inline-block') {
+    display:inline-block !important;
 }
-.pad{
-    padding:10px;
+.align-middle{
+    @include align-middle;
 }
 
-//----------------------------------------------------------------
-//             Text
-//----------------------------------------------------------------
-.text-overflow{
-    @include text-overflow;
+
+.relative{
+    position:relative;
 }
-.strong,
-strong,
-.bold{      font-weight: 700;}
-.light,
-.text-light{    font-weight: 300;}
-.text-normal{    font-weight: normal;}
-.italic{    font-style:italic;}
-.required{  color:$red;}
-.warn{
-    color:lighten($gray, 20);
-    &:hover{
-        color:$red;
-    }
+
+
+ul.raw{
+    margin: 0;
+    padding: 0;
+    list-style:none;
 }
-h1, h2, h3, h4, h5, h6{
-    &.no-margin{
-        margin: 0;
-        margin-top:10px;
-    }
-    &.no-margin-top{
-        margin-top:0;
-    }
-}
 
-p.large{
-    font-size:1.5em;
-    font-weight:300;
-    margin-bottom:20px;
+
+.text-col-2{
+    column-count: 2;
+    column-gap: 5em;
 }
-.nowrap{
-    white-space: nowrap;
+button.raw{
+    outline: none;
+    appearance: none;
+    border: none;
+    background:none;
+}
+.overflow-hidden{
     overflow:hidden;
 }
-
-//----------------------------------------------------------------
-//             Colors
-//----------------------------------------------------------------
-@mixin generate-color($class){
-.#{$class} {            color: global-variable($class);}
-.#{$class}-light {      color: global-variable("#{$class}-light");}
-.#{$class}-dark {       color: global-variable("#{$class}-light");}
-.#{$class}-bg {         background-color: global-variable($class);}
-.#{$class}-light-bg {   background-color: global-variable("#{$class}-light");}
-.#{$class}-dark-bg {    background-color: global-variable("#{$class}-dark");}
+.overflow-y{
+    overflow-y: auto;
 }
 
-@include generate-color('green');
-@include generate-color('blue');
-@include generate-color('red');
-@include generate-color('gray');
-@include generate-color('yellow');
-
-
+img.block{
+    display:block;
+    width: 100%;
+}
+.height-auto{
+    height: auto;
+}
\ No newline at end of file