uniform-ui 2.4.1 → 3.0.0.beta8

data/lib/assets/stylesheets/uniform-print.scss

@@ -1 +0,0 @@
-@import 'uniform/print/*';

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

@@ -1,11 +0,0 @@
-.square-icon{
-    display: inline-block;
-    height: 1em;
-    width: 1em;
-    border: 1px solid color('gray');
-    border-radius: 0.1em;
-    vertical-align:middle;
-    &.gray-light{
-        border-color: lighten(color('gray'), 40);
-    }
-}

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

@@ -1,72 +0,0 @@
-.uniformAlert{
-    border-radius: 0.2em;
-    border: 1px solid color('gray-darker');
-    background: white;
-    position:relative;
-    color: color('gray-darker');
-    
-    p:last-of-type{
-        margin-bottom: 0 !important;
-    }
-    
-    &.-green{
-        border-color: color('green');
-        color: color('green-dark');
-        background: lighten(color('green'), 40);
-        .uniformAlert-icon svg {
-            fill: color('green');
-            color: color('green');
-        }
-    }
-    &.-red{
-        border-color: color('red');
-        color: color('red');
-        background: lighten(color('red'), 40);
-        .uniformAlert-icon svg {
-            fill: color('red');
-            color: color('red');
-        }
-    }
-    &.-blue{
-        border-color: color('blue');
-        color: color('blue-dark');
-        background: lighten(color('blue'), 50);
-        .uniformAlert-icon svg {
-            fill: color('blue');
-            color: color('blue');
-        }
-    }
-    
-    .uniformAlert-body{
-        overflow:hidden;
-        padding: 1em;
-    }
-    
-    .uniformAlert-icon{
-        padding: 1em;
-        padding-right: 0;
-        float: left;
-        min-height: 1px;
-    }
-    
-    .uniformAlert-close {
-        position: absolute;
-        top: 0;
-        right: 0;
-        cursor: pointer;
-        height: 20px;
-        width: 20px;
-        &::before{
-            position:absolute;
-            left: 5px;
-            top: 0;
-            content: icon-x(10, "#000000");
-            opacity: 0.3;
-        }
-        &:hover{
-            &::before{
-                opacity: 1;
-            }
-        }
-    }
-}

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

@@ -1,93 +0,0 @@
-.uniformCard{
-    background: white;
-    border-width: 1px;
-    border-style: solid;
-    border-color: color('gray');
-    border-radius: 0.25em;
-    margin-bottom: 1em;
-    
-    &.-nest{
-        margin-left: -0.5em;
-        margin-right: -0.5em;
-    }
-    &.-clip{
-        overflow:hidden;
-    }
-    
-    &.-tile{
-        border-radius: 0;
-        margin: 0;
-        margin-bottom: -1px;
-        margin-right: -1px;
-    }
-    
-    .uniformCard-header,
-    .uniformCard-footer,
-    .uniformCard-body{
-        padding: 1em;
-        clear: both;
-    }
-    .uniformCard-header{
-        border-bottom: 1px solid color('gray');
-    }
-    .uniformCard-footer{
-        border-top: 1px solid color('gray');
-    }
-    
-    .uniformCard-collapse{
-        display:none;
-    }
-    
-    .uniformCard-icon{
-        transition: transform 0.2s;
-    }
-    
-    &.expanded{
-        .uniformCard-header {
-            .uniformCard-icon{
-                transform: rotate(180deg);
-            }
-        }
-        .uniformCard-collapse{
-            display:block;
-        }
-    }
-    
-    &.uniformCard-accordion{
-        margin: 0;
-        margin-bottom:-1px;
-        border-radius: 0;
-        transition: margin 0.5s;
-        &:first-of-type{
-            border-top-left-radius: 0.25em;
-            border-top-right-radius: 0.25em;
-        }
-        &:last-of-type{
-            border-bottom-left-radius: 0.25em;
-            border-bottom-right-radius: 0.25em;
-        }
-        .uniformCard-header{
-            cursor: pointer;
-            border-bottom-style: none;
-            &:hover{
-                background: lighten(color('blue'), 50);
-            }
-        }
-        &.expanded{
-            margin: 1em 0;
-            border-radius: 0.25em;
-            &:first-of-type{
-                margin-top:0;
-            }
-            &:last-of-type{
-                margin-bottom:0;
-            }
-            .uniformCard-header{
-                border-bottom-style: solid;
-                &:hover{
-                    background: none;
-                }
-            }
-        }
-    }
-}

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

@@ -1,149 +0,0 @@
-//----------------------------------------------------------------
-//             UniformInput
-//----------------------------------------------------------------
-@mixin uniformInput(){
-    font-family: $system-font;
-    border:1px solid color('gray');
-    padding: 0.5em;
-    line-height: 1.3;
-    outline: none;
-    appearance: none;
-    transition: box-shadow 0.1s ease-in;
-    &:focus{
-        box-shadow: inset 0 -1px 0 color('green');
-        border-bottom-color: color('green');
-    }
-    &.-block{
-        width: 100%;
-        max-width: 100%;
-    }
-    &.pad-2x{
-        padding: 1em;
-    }
-    &.-invert{
-        border-color: color('gray-dark');
-        border-radius: 0.25em;
-    }
-    &:disabled{
-        background: color('gray-lighter');
-        color: color('gray-dark');
-    }
-}
-.uniformInput,
-.uniformForm #{$text-inputs},
-.uniformForm textarea{
-    @include uniformInput;
-}
-
-select.uniformInput{
-    appearance: none;
-    color: color('gray-darker');
-    background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNy4xNjdweCIgaGVpZ2h0PSIyOHB4IiB2aWV3Qm94PSIwIDAgMjcuMTY3IDI4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNy4xNjcgMjgiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGZpbGw9IiM1MDUxNTMiIGQ9Ik0xNiwxMWMwLDAuMjcxLTAuMSwwLjUwNS0wLjI5NywwLjcwM2wtNyw3QzguNTA1LDE4LjksOC4yNzEsMTksOCwxOXMtMC41MDUtMC4xLTAuNzAzLTAuMjk3bC03LTdDMC4wOTksMTEuNTA1LDAsMTEuMjcxLDAsMTFzMC4wOTktMC41MDUsMC4yOTctMC43MDNDMC40OTUsMTAuMDk5LDAuNzI5LDEwLDEsMTBoMTRjMC4yNzEsMCwwLjUwNSwwLjA5OSwwLjcwMywwLjI5N0MxNS45LDEwLjQ5NSwxNiwxMC43MjksMTYsMTF6Ii8+PC9zdmc+);
-    background-position: center right;
-    background-repeat: no-repeat;
-    background-size: auto 40%;
-    position: relative;
-    border-radius: 0;
-    padding-right: 1.5em !important;
-}
-button.uniformInput{
-    background: white;
-    @include text-overflow;
-}
-
-
-//----------------------------------------------------------------
-//             UniformForm
-//----------------------------------------------------------------
-.uniformForm{
-    .form-group{
-        position: relative;
-        margin-bottom: 0.9em;
-        label{
-            font-weight:bold;
-            display:block;
-        }
-        &.collapse{
-            margin-bottom: 0;
-        }
-        &:last-of-type{
-            margin-bottom: 0;
-        }
-    }
-    
-    .uniformInput,
-    #{$text-inputs},
-    textarea{
-        display:block;
-        width: 100%;
-        max-width: 100%;
-    }
-    
-    &.-invert{
-        #{$text-inputs},
-        textarea,
-        .uniformFloatingLabel{
-            border-color: color('gray-darker');
-            border-radius: 0.25em;
-        }
-        [data-uniform-error]{
-            color: color('red-bright');
-        }
-        .uniformInputGroup{
-            overflow: hidden;
-            border-color: color('gray-darker');
-            border-radius: 0.25em;
-        }
-    }
-}
-
-[data-uniform-error]{
-    position: relative;
-    color: color('red');
-    .uniformInputGroup{
-        border-color: color('red') !important;
-    }
-    input{
-        border-color: color('red') !important;
-    }
-    &::after{
-        content: attr(data-uniform-error);
-        color: color('red');
-        position: absolute;
-        bottom: -7px;
-        left: 1em;
-        border: 1px solid color('red');
-        background: white;
-        font-size:11px;
-        line-height: 14px;
-        @include text-overflow;
-        padding: 0 0.5em;
-        max-width: 100%;
-    }
-}
-
-@include size-rules('.uniformForm.-table'){
-    display: table;
-    width: 100%;
-    .form-group{
-        display: table-row;
-        & > * {
-            display: table-cell;
-            &.fill{
-                width: 100%;
-            }
-        }
-        & > label,
-        & > div,
-        & > span {
-            padding-bottom: 1em;
-            padding-right: 0.5em;
-            &:last-child{
-                padding-right: 0;
-            }
-        }
-    }
-}
-
-
-@import './form/*';

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

@@ -1,103 +0,0 @@
-@include size-rules('.uniformCheckboxCollection'){
-    label{
-        display:block;
-        margin-right: 1em;
-        font-weight: normal !important;
-        line-height: 1;
-        margin: 0;
-        margin-bottom: 0.5em;
-        input{
-            margin-right: 0.25em;
-        }
-    }
-    &.-inline{
-        display: flex;
-        align-items: center;
-        label{
-            margin: 0;
-            margin-right: 0.3em;
-            padding: 0.5em 0.2em;
-            line-height: 1.3;
-            flex: 1 1 auto;
-            text-align: center;
-            border-radius: 0.25em;
-            border: 1px solid color('gray');
-            &.active{
-                background: color('gray');
-                box-shadow: inset 0 -1px 0 0 color('blue');
-            }
-            &:last-of-type{
-                margin-right: 0;
-            }
-        }
-    }
-    &.-buttons{
-        label{
-            padding: 0.5em;
-            line-height: 1.3;
-            border-radius: 0.25em;
-            border: 1px solid color('gray');
-            cursor: pointer;
-            &.active{
-                background: color('gray');
-            }
-        }
-    }
-    &.-invert{
-        &.inline,
-        &.buttons{
-            label{
-                border-color: lighten(color('gray'), 20);
-                &.active{
-                    border-color: color('gray-dark');
-                    background: color('gray-dark');
-                }
-            }
-        }
-    }
-    &.hide-check{
-        label{
-            cursor: pointer;
-        }
-        input{
-            display:none;
-        }
-    }
-    &.custom-check{
-        input{
-            display:none;
-        }
-        label{
-            &::before{
-                content: "";
-                display:inline-block;
-                width: 0.7em;
-                height: 0.7em;
-                border: 1px solid white;
-                border-radius: 2px;
-                vertical-align: -1px;
-                line-height: 0.7em;
-            }
-            &.active{
-                &::before{
-                    border-color: color('green');
-                    content: '\2714';
-                    color: color('green');
-                }
-            }
-        }
-        &.invert{
-            label{
-                &::before{
-                    border-color: darken(color('gray-dark'), 5);
-                }
-                &.active{
-                    &::before{
-                        border-color: black;
-                        color: color('green-light');
-                    }
-                }
-            }
-        }
-    }
-}

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%;
-    }
-}