uniform-ui 2.3.8 → 3.0.0.beta5

data/lib/assets/stylesheets/uniform/components/form/checkbox.scss

@@ -1,58 +0,0 @@
-.uniformCheckbox,
-.uniformRadio{
-    display:none;
-}
-.uniformRadio-indicator,
-.uniformCheckbox-indicator{
-    display:inline-block;
-    width: 1em;
-    height: 1em;
-    border: 0.1em solid rgba(black, 0.35);
-    vertical-align:middle;
-    margin-top: -0.15em;
-    border-radius: 0.25em;
-    position:relative;
-    transition: border-color 0.05s ease-in;
-    &::before{
-        @include position-center;
-        border-radius: 0.25em;
-        content:"";
-        width: 0em;
-        height: 0em;
-        transition: width 0.05s ease-in, height 0.05s ease-in;
-        background: color('green');
-    }
-    &.checked{
-        border-color: color('green');
-        &::before{
-            width: 1em;
-            height: 1em;
-        }
-    }
-}
-.uniformCheckbox-indicator{
-    &::before{
-        background-image: icon-check(#FFFFFF);
-        background-position: center center;
-        background-repeat: no-repeat;
-        background-size: 80%;
-    } 
-}
-.uniformRadio-indicator{
-    border-radius: 50%;
-    box-shadow: inset 0 0 0 0.1em white;
-    &::before{
-        border-radius: 50%;
-    }
-    &::after{
-        border-radius: 50%;
-        font-size:0;
-        content: "";
-    box-shadow: inset 0 0 0 1px white;
-        position:absolute;
-        left: 0;
-        top: 0;
-        width: 100%;
-        height: 100%;
-    }
-}

data/lib/assets/stylesheets/uniform/components/form/floating-label.scss

@@ -1,65 +0,0 @@
-.uniformFloatingLabel{
-    display: flex;
-    align-items: center;
-    border: 1px solid color('gray');
-    position:relative;
-    background:white;
-    &>*{
-        flex: 0 1 auto;
-    }
-    label{
-        z-index: 1;
-        padding: 0 1em;
-        font-weight:normal !important;
-        cursor: text;
-    }
-    & > input,
-    & > textarea,
-    & > select,
-    & > .uniformInputGroup{
-        @include uniformInput;
-        position:relative;
-        display:block;
-        width: 100%;
-        border:none !important;
-        background:none;
-    }
-    & > select {
-        z-index: 2;
-    }
-    & > .uniformInputGroup{
-        display: flex;
-    }
-    
-    &.enabled{
-        label{
-            white-space: nowrap;
-            transition: font-size 0.1s, line-height 0.1s, opacity 0.1s;
-        }
-    }
-    
-    &.inactive{
-        input,
-        textarea,
-        select{
-            &::placeholder{
-                color: transparent;
-            }
-        }
-    }
-    &.float{
-        label{
-            font-size: 80%;
-            opacity: 0.8;
-        }
-    }
-    &.active{
-        label{
-            color: color('green-dark');
-            opacity: 1;
-        }
-    }
-    input.pad-2x{
-        padding: 1em;
-    }
-}

data/lib/assets/stylesheets/uniform/components/form/input-group.scss

@@ -1,56 +0,0 @@
-.uniformInputGroup{
-    background: white;
-    border: 1px solid color('gray');
-    display: flex;
-    align-items: center;
-    transition: box-shadow 0.1s ease-in;
-    &>*{
-        flex: 0 1 auto;
-        line-height: 1;
-    }
-    input{
-        border: none !important;
-        background:none;
-        appearance: none;
-        outline: none;
-        display:block;
-        outline: none;
-        width: 100%;
-        font-family: $system-font;
-        padding: 0.5em;
-        line-height: 1.3;
-    }
-    .input{
-        padding: 0;
-        flex: 1 1 auto;
-    }
-    &>*:not(input){
-        padding: 0 0.5em;
-        &.pad-quarter{
-            padding: 0 0.25em;
-        }
-    }
-    &.focus{
-        box-shadow: inset 0 -2px 0 color('green');
-        input{
-            box-shadow: none !important;
-        }
-    }
-    &.invert{
-        border-color: color('gray');
-        border-radius: 0.25em;
-        overflow:hidden;
-    }
-    .label{
-        color: color('gray-dark');
-    }
-    @include size-rule('sm'){
-        input{
-            padding-top: 0.5em;
-            padding-bottom: 0.5em;
-        }
-    }
-    &.border-none{
-        border: none;
-    }
-}

data/lib/assets/stylesheets/uniform/components/form/tristate.scss

@@ -1,88 +0,0 @@
-.uniformTristate{
-    display: inline-block;
-    background: white;
-    border: 0.1em solid rgba(black, 0.2);
-    box-shadow: inset 0.1em 0.1em 0.2em rgba(black, 0.1);
-    line-height: 0.6;
-    border-radius: 10em;
-    padding: 0 0.1em;
-    position: relative;
-    height: 0.8em;
-    transition: background 0.1s ease-in-out;
-    &.-focus{
-        box-shadow: inset 0.1em 0.1em 0.2em rgba(black, 0.1), 0 0 0 0.1em #3b88fd;
-    }
-    
-    &.-true{
-        background: #3b88fd;
-        input{
-            &:last-child {
-                opacity: 0.5;
-                content: icon-x-block(32, #FFFFFF);
-            }
-            &:first-child{
-                content: icon-check(#3b88fd);
-            }
-        }
-        &:before{
-            left: -6%;
-            transform: translate(0, -50%);
-            border-color: #306dca
-        }
-    }
-    &.-false{
-        background: #cccccc;
-        input{
-            &:first-child{
-                content: icon-check(#FFFFFF);
-            }
-            &:last-child{
-                content: icon-x-block(32, #a3a3a3);
-            }
-        }
-        &:before{
-            left: auto;
-            right: -6%;
-            transform: translate(0, -50%);
-            border-color: #a3a3a3;
-        }
-    }
-    &:before{
-        width: .9em;
-        height: .9em;
-        position: absolute;
-        left: 50%;
-        top: 50%;
-        transform: translate(-50%, -50%);
-        border: 0.1em solid #b3b3b3;
-        background: white;
-        content: "";
-        border-radius: 50%;
-        transition: left 0.1s ease-in-out;
-        z-index: 1;
-    }
-    input{
-        appearance: none;
-        -webkit-appearance: none;
-        outline: none;
-        width: 0.6em;
-        height: 0.6em;
-        vertical-align: top;
-        z-index: 2;
-        position: relative;
-        cursor: pointer;
-        &:focus{
-            outline: none;
-        }
-        &:not(:first-child):not(:last-child){
-            margin: 0 0.1em;
-        }
-        
-        &:first-child{
-            content: icon-check(#b3b3b3);
-        }
-        &:last-child {
-            content: icon-x-block(32, #b3b3b3);
-        }
-    }
-}

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

@@ -1,179 +0,0 @@
-//----------------------------------------------------------------
-//             Grid
-//----------------------------------------------------------------
-
-@include size-rules('.grid'){
-    display: flex;
-    flex-wrap: wrap;
-    
-    & > *{
-        position: relative;
-        padding-left: $grid-gutter/2;
-        padding-right: $grid-gutter/2;
-    }
-
-    &.grid-nowrap       {flex-wrap:nowrap;}
-    &.grid-gutter-2x {
-        & > * {
-            padding-left: $grid-gutter;
-            padding-right: $grid-gutter;
-        }
-    }
-    &.grid-gutter-half {
-        & > * {
-            padding-left: $grid-gutter/4;
-            padding-right: $grid-gutter/4;
-        }
-    }
-}
-@include size-rule('md'){
-    .grid,
-    .grid-md,
-    .grid-lg,
-    .grid-xl{
-        & > * {
-            padding-left:$grid-gutter;
-            padding-right: $grid-gutter;
-        }
-    }
-    
-    .grid.grid-gutter-2x {
-        & > * {
-            padding-left:$grid-gutter * 2;
-            padding-right: $grid-gutter * 2;
-        }
-    }
-    
-    .grid.grid-gutter-half {
-        & > * {
-            padding-left:$grid-gutter / 2;
-            padding-right: $grid-gutter / 2;
-        }
-    }
-}
-
-.grid-h-left      {justify-content: flex-start;}
-.grid-h-center     {justify-content: center;}
-.grid-h-right      {justify-content: flex-end;}
-.grid-h-around     {justify-content: space-around;}
-.grid-h-between    {justify-content: space-between;}
-
-.grid-v-top        {align-content: flex-start;}
-.grid-v-center     {align-content: center;}
-.grid-v-bottom     {align-content: flex-end;}
-.grid-v-around     {align-content: space-around;}
-.grid-v-between    {align-content: space-between;}
-.grid-v-stretch    {align-content: stretch;}
-
-.grid-center       {align-items: center;}
-.grid-top          {align-items: flex-start;}
-.grid-bottom       {align-items: flex-end;}
-.grid-stretch      {align-items: stretch;}
-
-.grid-vertical{
-    flex-direction: column;
-    & > *{
-        padding-left: 0;
-        padding-right: 0;
-        padding-top: $grid-gutter;
-        padding-bottom: $grid-gutter;
-    }
-    &.grid-gutter-none{
-        & > * {
-            padding-top: 0;
-            padding-bottom: 0;
-        }
-    }
-}
-
-.grid-gutter-none{
-    & > * {
-        padding-left: 0 !important;
-        padding-right: 0 !important;
-    }
-}
-
-.grid-nest{
-    margin-left: -$grid-gutter;
-    margin-right: -$grid-gutter;
-    &.grid-gutter-2x{
-        margin-left: -$grid-gutter*2;
-        margin-right: -$grid-gutter*2;
-    }
-    &.grid-gutter-half{
-        margin-left: -$grid-gutter/2;
-        margin-right: -$grid-gutter/2;
-    }
-}
-.grid-nest-half{
-    margin-left: -0.5em;
-    margin-right: -0.5em;
-}
-@include size-rule('sm'){
-    .grid-nest{
-        margin-left: -$grid-gutter/2;
-        margin-right: -$grid-gutter/2;
-        &.grid-gutter-2x{
-            margin-left: -$grid-gutter;
-            margin-right: -$grid-gutter;
-        }
-        &.grid-gutter-half{
-            margin-left: -$grid-gutter/4;
-            margin-right: -$grid-gutter/4;
-        }
-    }
-}
-
-// fix for IE https://codepen.io/anon/pen/gxNraR
-.grid-min-height-fix{
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    .grid{
-        width: 100%;
-    }
-}
-
-//----------------------------------------------------------------
-//             Columns
-//----------------------------------------------------------------
-.col-center       {align-self: center;}
-.col-top          {align-self: flex-start;}
-.col-bottom       {align-self: flex-end;}
-.col-stretch      {align-self: stretch;}
-@include size-rules(".col"){
-    flex: 0 1 auto;
-}
-@include size-rules(".col-fill"){
-    flex: 1 1 auto;
-}
-@include size-rules(".col-gutter-none"){
-    padding-left: 0 !important; // TODO remove !important
-    padding-right: 0 !important; // TODO remove !important
-}
-@for $i from 0 through $grid-columns {
-    @include size-rules(".col-#{$i}"){
-        flex: 0 0 #{($i / $grid-columns * 100) + "%"};
-        max-width: #{($i / $grid-columns * 100) + "%"};
-    }
-    @include size-rules(".col-offset-#{$i}"){
-        margin-left: #{($i / $grid-columns * 100) + "%"};
-    }
-    @include size-rules(".col-push-#{$i}"){
-        position:relative;
-        left: #{($i / $grid-columns * 100) + "%"};
-    }
-    @include size-rules(".col-pull-#{$i}"){
-        position:relative;
-        right: #{($i / $grid-columns * 100) + "%"};
-    }
-    @include size-rules(".col-fill-#{$i}"){
-        flex: #{$i}; 
-    }
-    @include size-rules(".col-grow-#{$i}"){
-        flex-grow: #{$i}; 
-    }
-    @include size-rules(".col-shrink-#{$i}"){
-        flex-shrink: #{$i}; 
-    }
-}