uniform-ui 2.4.1 → 3.0.0.beta2

data/lib/assets/stylesheets/uniform/components/tooltip.scss

@@ -1,41 +0,0 @@
-.uniformTooltip{
-    position:relative;
-    cursor: help;
-    &.active{
-        z-index:2;
-    }
-}
-.uniformTooltip-popup{
-    position: relative;
-    background: white;
-    border: 1px solid color('gray');
-    padding: 0.5em;
-    color: color('gray-darkest');
-    font-size:0.9em;
-    border-radius: 0.25em;
-    max-width: 30vw;
-    white-space: normal;
-    p:last-child{
-        margin-bottom: 0;
-    }
-    .uniformTooltip-pointer{
-        position:absolute;
-        top: 100%;
-        left: 50%;
-        transform: translateX(-50%);
-        width: 1em;
-        height: 1em;
-        overflow: hidden;
-        &:after{
-            content: "";
-            position: absolute;
-            width: 100%;
-            height: 100%;
-            background: white;
-            transform: rotate(-45deg);
-            top: -85%;
-            left: 0;
-            border: 1px solid color('gray');
-        }
-    }
-}

data/lib/assets/stylesheets/uniform/helpers.scss

@@ -1,133 +0,0 @@
-//----------------------------------------------------------------
-//             Overflow
-//----------------------------------------------------------------
-.overflow-hidden{
-    overflow: hidden;
-}
-.overflow-hidden{
-    overflow:hidden;
-}
-.overflow-y{
-    overflow-y: auto;
-}
-
-
-//----------------------------------------------------------------
-//             Rounded
-//----------------------------------------------------------------
-.round{
-    border-radius:50%;
-}
-.rounded{
-    border-radius: 0.25em;
-    &.clip{
-        overflow:hidden;
-    }
-}
-
-.rounded-top{
-    border-top-right-radius: 0.25em;
-    border-top-left-radius: 0.25em;
-}
-.rounded-bottom{
-    border-bottom-right-radius: 0.25em;
-    border-bottom-left-radius: 0.25em;
-}
-
-
-//----------------------------------------------------------------
-//             Raw
-//----------------------------------------------------------------
-.raw{
-    margin: 0;
-    padding: 0;
-    list-style:none;
-    outline: none;
-    appearance: none;
-}
-.reset{
-    outline: none;
-    appearance: none;
-    border: none;
-    background:none;
-    padding: 0;
-}
-
-//----------------------------------------------------------------
-//             Cursors
-//----------------------------------------------------------------
-[data-href],
-.cursor-pointer{
-    cursor: pointer !important;
-}
-.cursor-help{
-    cursor: help;
-}
-.cursor-handle{
-    cursor: grab;
-}
-
-//----------------------------------------------------------------
-//             Layout
-//----------------------------------------------------------------
-@include size-rules('.float-right'){
-    float:right;
-    &.margin{
-        margin: 0 0 1rem 1rem;
-    }
-}
-@include size-rules('.float-left'){
-    float: left;
-    &.margin{
-        margin: 0 1rem 1rem 0;
-    }
-}
-@include size-rules('.show'){
-    display:inherit !important;
-    &.block{
-        display:block !important;
-    }
-}
-@include size-rules('.block') {
-    display: block !important;
-}
-@include size-rules('.inline-block') {
-    display:inline-block !important;
-}
-@include size-rules('.hide'){
-    display:none !important;
-}
-.bleed-fix{
-    position:static;
-    overflow:hidden;
-}
-.clear{
-    clear:both;
-}
-
-//----------------------------------------------------------------
-//             Transitions
-//----------------------------------------------------------------
-.transition-all{
-    transition: all 0.2s;
-}
-
-//----------------------------------------------------------------
-//             Misc
-//----------------------------------------------------------------
-.honeypot{
-    position:absolute !important;
-    left:-999999px !important;
-    width:1px !important;
-    display:block !important;
-}
-img.disabled{
-    @include grayscale(1, 0.3)
-}
-table.layout-fixed{
-    table-layout: fixed;
-}
-
-.shadow{
-    box-shadow: 0 1px 3px 2px rgba(black, 0.2);
-}

data/lib/assets/stylesheets/uniform/helpers/border.scss

@@ -1,28 +0,0 @@
-.border{
-    border: 1px solid color('gray');
-}
-
-.border-dashed{
-    border: 1px dashed color('gray');
-}
-@include colors('.border', 'border-color'){
-    border-width: 1px;
-    border-style: solid;
-}
-
-@include colors('.border-dashed', 'border-color'){
-    border-width: 1px;
-    border-style: dashed;
-}
-
-@each $direction in 'top' 'right' 'bottom' 'left' {
-    @include size-rules('.border-#{$direction}'){
-        border-#{$direction}-color: color('gray-light') !important;
-        border-#{$direction}-style: solid;
-        border-#{$direction}-width: 1px;
-    }
-    @include colors('.border-#{$direction}', 'border-#{$direction}-color'){
-        border-#{$direction}-width: 1px;
-        border-#{$direction}-style: solid;
-    }
-}

data/lib/assets/stylesheets/uniform/helpers/colors.scss

@@ -1,24 +0,0 @@
-@each $key, $value in $colors {
-    .text-#{$key} {               color: $value !important;}
-    .a-hover-#{$key} a:hover {    color: $value !important;}
-    .hover-#{$key}:hover {       color: $value !important;}
-    .bg-hover-#{$key}:hover {       background-color: $value !important;}
-    .bg-#{$key} {                 background-color: $value !important;}
-    .a-#{$key} a {
-        color: $value;
-        &:hover{
-            color: lighten($value, 20);
-        }
-        &:visited{
-            color: $value;
-        }
-    }
-}
-
-@for $i from 0 through 20 {
-    .opacity-#{$i * 5}     { opacity: #{$i * 5 / 100.0}; }
-}
-
-.bg-none{
-    background: transparent;
-}

data/lib/assets/stylesheets/uniform/helpers/margin.scss

@@ -1,27 +0,0 @@
-//----------------------------------------------------------------
-//             Margin
-//----------------------------------------------------------------
-
-@include sizes('.margin', 'margin');
-@include sizes('.margin-v', ('margin-top' 'margin-bottom'));
-@include sizes('.margin-h', ('margin-left' 'margin-right'));
-@each $direction in 'top' 'right' 'bottom' 'left' {
-    @include sizes('.margin-#{$direction}', 'margin-#{$direction}');
-    .margin-#{$direction}-nest{
-        margin-#{$direction}: -1em;
-    }
-}
-@include size-rules('.margin-nest'){
-    margin: -1em;
-}
-@include size-rules('.margin-v-nest'){
-    margin-top: -1em;
-    margin-bottom: -1em;
-}
-@include size-rules('.margin-h-nest'){
-    margin-left: -1em;
-    margin-right: -1em;
-}
-@include size-rules('.margin-nest-half'){
-    margin: -0.5em;
-}

data/lib/assets/stylesheets/uniform/helpers/padding.scss

@@ -1,9 +0,0 @@
-//----------------------------------------------------------------
-//             Pad
-//----------------------------------------------------------------
-@include sizes('.pad', 'padding');
-@include sizes('.pad-v', ('padding-top' 'padding-bottom'));
-@include sizes('.pad-h', ('padding-left' 'padding-right'));
-@each $direction in 'top' 'right' 'bottom' 'left' {
-    @include sizes('.pad-#{$direction}', 'padding-#{$direction}');
-}

data/lib/assets/stylesheets/uniform/helpers/position.scss

@@ -1,20 +0,0 @@
-.relative{          position:relative;}
-.absolute{          position:absolute;}
-.fixed{          position:fixed;}
-.position-top{      top: 0;}
-.position-left{     left: 0;}
-.position-right{    right: 0;}
-.position-bottom{   bottom: 0;}
-.position-fill{   @include position-fill;}
-.position-center{   @include position-center;}
-.position-v-center{ @include position-v-center;}
-.position-h-center{ @include position-h-center;}
-@for $i from 1 through 100 {
-    .z-#{$i}     { z-index: #{$i}; }
-}
-
-.hide-empty{
-    &:empty{
-        display: none;
-    }
-}

data/lib/assets/stylesheets/uniform/helpers/sizes.scss

@@ -1,38 +0,0 @@
-@for $i from 0 through 100 {
-    @include size-rules(".width-#{$i * 5}-px"){
-        width: #{$i * 5 + "px"};
-    }
-    .min-width-#{$i * 5}-px     { min-width: #{$i * 5 + "px"}; }
-    .max-width-#{$i * 5}-px     { max-width: #{$i * 5 + "px"}; }
-    
-    .height-#{$i * 5}-px        { height: #{$i * 5 + "px"}; }
-    .max-height-#{$i * 5}-px    { max-height: #{$i * 5 + "px"}; }
-    .min-height-#{$i * 5}-px    { min-height: #{$i * 5 + "px"}; }
-}
-@for $i from 0 through 20 {
-    @include size-rules(".width-#{$i * 5}-p"){
-        width: #{$i * 5 + "%"};
-    }
-    .width-#{$i * 5}-vw         { width: #{$i * 5 +"vw"}; }
-    
-    .min-width-#{$i * 5}-vh     { min-width: #{$i * 5 +"vh"}; }
-    .min-width-#{$i * 5}-p      { min-width: #{$i * 5 +"%"}; }
-    
-    .max-width-#{$i * 5}-vh     { max-width: #{$i * 5 +"vh"}; }
-    .max-width-#{$i * 5}-p      { max-width: #{$i * 5 +"%"}; }
-    
-    @include size-rules(".height-#{$i * 5}-vh"){
-        height: #{$i * 5 + "vh"};
-    }
-    .height-#{$i * 5}-p         { height: #{$i * 5 +"%"}; }
-    
-    .min-height-#{$i * 5}-vh    { min-height: #{$i * 5 +"vh"}; }
-    .min-height-#{$i * 5}-p     { min-height: #{$i * 5 +"%"}; }
-}
-
-.height-auto{
-    height: auto;
-}
-.width-auto{
-    width:auto;
-}

data/lib/assets/stylesheets/uniform/helpers/text.scss

@@ -1,152 +0,0 @@
-//----------------------------------------------------------------
-//             Size
-//----------------------------------------------------------------
-
-@include sizes('.text', 'font-size');
-@for $i from 1 through 20 {
-    .text-#{str-replace(str-replace('' + $i * 0.2, '.', '_'), '_0', '')}-em { font-size: #{$i * 0.2 +"em"}; }
-}
-.text-1rem{
-    font-size: 1rem;
-}
-
-//----------------------------------------------------------------
-//             Modifiers
-//----------------------------------------------------------------
-
-.text-mono{
-    font-family: monospace, monospace;
-}
-.text-caps{
-    text-transform: uppercase;
-}
-.text-boldest{
-    font-weight: 900;
-}
-.text-bold{
-    font-weight: 700;
-}
-.text-light{
-    font-weight: 300;
-}
-.text-lightest{
-    font-weight: 100;
-}
-.text-normal{
-    font-weight: normal !important;
-}
-.text-italic{
-    font-style: italic;
-}
-.text-no-decoration{
-    text-decoration: none;
-    a{
-        text-decoration: none;
-    }
-}
-.text-underline{
-    text-decoration: underline;
-}
-.hover-underline{
-    &:hover{
-        text-decoration: underline;
-    }
-}
-
-//----------------------------------------------------------------
-//             Styles
-//----------------------------------------------------------------
-.text-subtle{
-    font-size: 90%;
-    opacity: 0.8;
-}
-.text-subtle-more{
-    font-size: 80%;
-    opacity: 0.6;
-}
-
-.text-muted{
-    opacity: 0.8;
-}
-.text-muted-less{
-    opacity: 0.85;
-}
-.text-muted-more{
-    opacity: 0.6;
-}
-p.large{
-    font-size:1.5em;
-    font-weight:300;
-}
-
-blockquote.quote{
-    font-style: italic;
-    border:none;
-    position:relative;
-    z-index: 2;
-    padding-left: 2em;
-    &::before{
-        font-family: $system-font;
-        z-index: -1;
-        position:absolute;
-        top: 0;
-        left: -1rem;
-        line-height: 0.7;
-        font-size:8em;
-        color: rgba(black, 0.1);
-        content: "“";
-    }
-}
-
-//----------------------------------------------------------------
-//             Positioning
-//----------------------------------------------------------------
-
-@include size-rules('.text-left'){
-    text-align: left !important;
-}
-@include size-rules('.text-right'){
-    text-align: right;
-}
-@include size-rules('.text-center'){
-    text-align: center;
-}
-.text-middle{
-    vertical-align:middle;
-}
-.text-top{
-    vertical-align:top;
-}
-.text-tight{
-    line-height:1.3;
-}
-.text-height-1{
-    line-height: 1;
-}
-@include size-rules('.text-col-2'){
-    column-count: 2;
-    column-gap: 5em;
-}
-@include size-rules('.text-col-3'){
-    column-count: 3;
-    column-gap: 5em;
-}
-.text-col-no-break{
-    break-inside: avoid-column;
-}
-
-//----------------------------------------------------------------
-//             Breaking
-//----------------------------------------------------------------
-.text-break{
-    word-break: break-all;
-}
-.text-justify{
-    text-align: justify;
-}
-.text-overflow{
-    @include text-overflow;
-}
-.text-nowrap{
-    white-space: nowrap;
-}