uniform-ui 1.0 → 2.2.1

data/vendor/assets/stylesheets/uniform/components/label.scss

@@ -1,63 +0,0 @@
-.uniformLabel{
-    display:inline-block;
-    vertical-align:baseline;
-    font-size: 0.8em;
-    padding: 0.0714em 0.357em 0.0714em;
-    border: 0.1em solid $gray;
-    color: $gray;
-    border-radius: 0.3em;
-    &.fill{
-        border: none;
-        background: lighten($gray, 20);
-        color: white;
-    }
-    &.pad-more{
-        padding: 0.0714em 0.5em;
-    }
-    // TODO remove spire specific statuses
-    &.deleted,
-    &.red{
-        border-color: $red;
-        color: $red;
-        &.fill{
-            background: $red;
-        }
-    }
-    
-    &.approved,
-    &.accepted,
-    &.active,
-    &.green{
-        border-color: $green-dark;
-        color: $green-dark;
-        &.fill{
-            background: $green-dark;
-        }
-    }
-    
-    &.missed,
-    &.expired,
-    &.leased,
-    &.yellow,
-    &.initiated,
-    &.nurturing{
-        border-color: $yellow-dark;
-        color: $yellow-dark;
-        &.fill{
-            background: $yellow-dark;
-        }
-    }
-    &.muted,
-    &.closed{
-        border-color: lighten($gray, 30);
-        color: lighten($gray, 30);
-    }
-    
-    &.blue{
-        border-color: $blue;
-        color: $blue;
-        &.fill{
-            background: $blue;
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/components/loaders.scss

@@ -1,82 +0,0 @@
-.uniform-loader{
-    font-size:2em;
-    line-height:1em;
-    display:inline-block;
-    .uniform-loader-container{
-        letter-spacing:-.05em;
-        white-space:nowrap;
-        span{
-            color:rgba(black, 1);
-            text-shadow:-1px -1px 0 rgba(#FFFFFF, .2);
-            animation: uniform-loader-light 1s infinite linear;
-            animation-delay: 0.2s;
-        }
-        span:first-of-type{
-            animation-delay: 0s;
-        }
-        span:last-of-type{
-            animation-delay: 0.4s;
-        }
-    }
-    &.light{
-        .uniform-loader-container{
-            span{
-                color:rgba(white, 1);
-                text-shadow:-1px -1px 0 rgba(black, .2);
-                animation: uniform-loader 1s infinite linear;
-                animation-delay: 0.2s;
-            }
-            span:first-of-type{
-                animation-delay: 0s;
-            }
-            span:last-of-type{
-                animation-delay: 0.4s;
-            }
-        }
-    }
-    &.cover{
-        display:block;
-        background:rgba(white, 0.5);
-        position:absolute;
-        top:0;
-        left:0;
-        width:100%;
-        height:100%;
-        z-index:999999999;
-        .uniform-loader-container{
-            position:absolute;
-            @include align-middle;
-        }
-        &.light{
-            background:rgba(black, .5);
-        }
-    }
-    &.top{
-        .uniform-loader-container{
-            top: 20px;
-        }
-    }
-}
-@keyframes uniform-loader {
-  0% {
-    color: rgba(255, 255, 255, 0);
-  }
-  25% {
-    color: white;
-  }
-  100% {
-    color: white;
-  }
-}
-
-@keyframes uniform-loader-light {
-  0% {
-    color: black;
-  }
-  25% {
-    color: rgba(0, 0, 0, 0.2);
-  }
-  100% {
-    color: rgba(0, 0, 0, 0.2);
-  }
-}

data/vendor/assets/stylesheets/uniform/components/nav.scss

@@ -1,197 +0,0 @@
-.uniformNav{
-    z-index: 3;
-    position: relative;
-    background: white;
-    box-shadow:0 1px 0 0 rgba(black, 0.15);
-    line-height: 1;
-    color: $gray;
-    &.transparent{
-        background: none;
-        box-shadow: none;
-    }
-    .col{
-        a{
-            &:first-child:last-child{
-                display:block;
-            }
-        }
-    }
-    .nav{
-        & > a,
-        & > * > a,
-        .text{
-            display:inline-block;
-            vertical-align:middle;
-            padding: 1.3em 1em;
-            color: $gray;
-            text-decoration:none;
-            .un-pad{
-                margin: -0.7em 0;
-            }
-            &:hover{
-                color: $blue;
-            }
-            &.uniformDropdown{
-                .fortycon.arrow_down_large{
-                    transition: all 0.2s;
-                }
-            }
-            &.active.uniformDropdown{
-                .fortycon.arrow_down_large{
-                    transform: rotate(180deg);
-                }
-            }
-            &.active{
-                color: $green-dark;
-                border-bottom: 2px solid $green-dark;
-                padding-bottom: calc(1.3em - 2px);
-            }
-        }
-        
-    }
-    img{
-        display: block;
-    }
-    
-    .uniformNav-subnav,
-    &.uniformNav-subnav{
-        .nav{
-            & > a,
-            & > * > a,
-            .text{
-                padding: 0.5em 0.5em;
-            }
-        }
-    }
-    .uniformInputGroup{
-        color: $gray;
-    }
-    &.invert{
-        box-shadow:none;
-        background: none;
-        color: $gray-light;
-        .nav{
-            & > a,
-            & > div > a,
-            .text{
-                background: none;
-                color: $gray-light;
-                &:hover{
-                    color: $green-light;
-                }
-                &.active{
-                    color: white;
-                    background: darken($gray, 10);
-                }
-            }
-        }
-    }
-    .mobile-nav{
-        display:none;
-        button{
-            outline:none;
-            border:none;
-            background:none;
-            padding: 0.5em 0.5em;
-        }
-        img{
-            display: inline-block;
-            vertical-align:middle;
-        }
-        .fortycon{
-            vertical-align:middle;
-        }
-    }
-    @include media($sm){
-        font-size: 1.2rem;
-        .nav{
-            & > a,
-            & > * > a,
-            .text{
-                padding-top:0.6em;
-                padding-bottom: 0.6em;
-                
-                &.active{
-                    color: $green;
-                    box-shadow: inset 2px 0 0 $green;
-                }
-            }
-        }
-        .mobile-nav{
-            position:relative;
-            display:block;
-            z-index: 2;
-        }
-        .non-mobile-nav{
-            z-index: 1;
-            position:fixed;
-            top: -100vh;
-            left: 0;
-            padding-top: 60px;
-            width: 100%;
-            height: 100vh;
-            background: white;
-            transition: top 0.2s;
-            overflow-y: auto;
-            .nav{
-                margin-bottom: 1em;
-            }
-            .uniformNav-subnav{
-                padding-top: 1em;
-            }
-            &.non-mobile-nav-left{
-                left: -100vw;
-                transition: left 0.2s;
-                width: auto;
-            }
-        }
-        button .fortycon{
-            transition: all 0.2s;
-        }
-        &.active{
-            .non-mobile-nav{
-                top: 0;
-                &.non-mobile-nav-left{
-                    left: 0;
-                    box-shadow: 0 0 10px rgba(black, 0.2);
-                }
-            }
-            
-            button .fortycon{
-                transform: rotate(180deg);
-            }
-        }
-    }
-    .uniformNav-subnav{
-        font-size:1rem;
-        box-shadow:0 -1px 0 0 rgba(black, 0.15);
-    }
-}
-
-.uniformNav.vertical{
-    box-shadow: none;
-    .title{
-        font-weight: bold;
-    }
-    a{
-        display:block;
-        padding: 0.9em 1em;
-        margin: 0.1em 0;
-        &:hover{
-            color: black;
-            background:rgba($gray, 0.1);
-        }
-        &.active{
-            background: $green;
-            color: white;
-            border:none;
-            padding: 0.9em 1em;
-        }
-        &:first-of-type{
-            margin-top:0;
-        }
-        &:last-of-type{
-            margin-bottom: 0;
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/components/row.scss

@@ -1,92 +0,0 @@
-.uniformRow{
-    background: white;
-    padding: 0.5em;
-    padding-bottom: 1em;
-    border: 1px solid $gray-light;
-    margin: 0.5em 0;
-    text-decoration: none;
-    &.nest{
-        border-left: none;
-        border-right: none;
-    }
-    &[data-href]{
-        cursor: pointer;
-    }
-    &:hover{
-        background: lighten($blue, 50);
-    }
-    a{
-        text-decoration: none;
-    }
-    .title{
-        font-weight:bold;
-    }
-    .subtle{
-        font-size: 0.9em;
-        color: lighten($gray, 20);
-        @include text-overflow;
-    }
-    img{
-        height: auto;
-        width: 100%;
-        display:block;
-    }
-    .avatar{
-        align-self: stretch;
-        background: darken($gray-light, 10);
-        position:relative;
-        img{
-            position:absolute;
-            top:0;
-            left: 0;
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-        .fortycon{
-            font-size: 100px;
-            color: white;
-            opacity: 0.7;
-        }
-        .avatar-text{
-            display:block;
-            @include vertical-middle;
-            left: 0;
-            width: 100%;
-            text-align:center;
-        }
-    }
-    @include media($sm){
-        .avatar{
-            margin-bottom: 0.5em;
-            .avatar-container{
-                padding-top: 50%;
-                display:block;
-            }
-        }
-        .name{
-            margin-bottom: 0.5em;
-        }
-    }
-    @include media($md){
-        margin: 0;
-        margin-bottom: -1px;
-        padding: 0;
-        & > * {
-            padding-top: 0.5em;
-            padding-bottom: 0.5em;
-            &.no-gutter{
-                padding: 0;
-            }
-        }
-        .avatar{
-            .fortycon{
-                padding: 0;
-                font-size: 36px;
-            }
-            .avatar-text{
-                padding: 0;
-            }
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/components/select.scss

@@ -1,98 +0,0 @@
-select.uniformSelect{
-    display:none;
-}
-
-.uniformSelect-edit{
-    @include text-overflow;
-    position:relative;
-    &:after{
-        color:$gray;
-        font-size:1.3em;
-        content:\25bc;
-        @include vertical-middle();
-        right:0.3em;
-        z-index:0;
-    }
-}
-
-.uniformSelect-options{
-    @include text-overflow;
-    position: absolute;
-    background: white;
-    z-index: 9999;
-    box-shadow: 0 0 3px 2px rgba(black, 0.2);
-    clip-path: inset(0px -10px -10px -10px);
-    button{
-        appearance: none;
-        outline: none;
-        border: none;
-        background: none;
-        width: 100%;
-        padding: 0.5em;
-        &:hover{
-            background: lighten($blue, 45);
-        }
-    }
-    
-    .uniformSelect-options-actions{
-        border-top: 1px solid $gray-light;
-        border-bottom: 1px solid $gray-light;
-        background: $background;
-        padding: 0.5em;
-    }
-    .uniformSelect-show-all {
-        color: $blue;
-        background: none;
-        &:hover{
-            background: none;
-        }
-    }
-    .uniformSelect-done{
-        border-radius: 0.25em;
-        border: 1px solid $gray-light;
-        background: white;
-    }
-}
-.uniformSelect-option{
-    position:relative;
-    padding-right: 2.5em !important;
-    cursor: pointer;
-    &.active{
-        box-shadow:none;
-        color: $green-dark;
-        &:after{
-            color: $green;
-            position: absolute;
-            content: \2714;
-            top: 0.2em;
-            right: 0.2em;
-            font-size: 1.5em;
-            
-        }
-    }
-}
-
-@include media($sm){
-    .uniformSelect-options{
-        top: 0 !important;
-        left: 0 !important;
-        min-height: 100vh;
-        width: 100%;
-        padding: 1em;
-        button{
-            margin-bottom: 0.5em;
-            border: 1px solid lighten($gray, 40);
-            &.uniformSelect-done{
-                margin-bottom: 0;
-            }
-        }
-        .uniformSelect-options-actions{
-            margin: 0 -1em;
-        }
-    }
-    body.uniformModal-hideBody{
-        & > *:not(.uniformSelect-options) {
-            position: fixed;
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/components/table.scss

@@ -1,83 +0,0 @@
-.table{
-    display:table;
-    width:100%;
-    & > *,
-    .row > *{
-        display:table-cell;
-        float:none;
-        &.top{
-            vertical-align:top;
-        }
-        &.middle > *{
-            vertical-align:middle;
-        }
-    }
-    .row{
-        display:table-row;
-    }
-    
-    @include apply-media-sizes('&.break'){
-        & > *,
-        .row > *{
-            display:block;
-            float:inherit;
-        }
-        .row{
-            display:block;
-        }
-    }
-}
-
-.uniformTable{
-    width:100%;
-    .row > *,
-    tr td,
-    th {
-        padding: 0.5em;
-        border-bottom: 1px solid $gray-light;
-    }
-    
-    .head > *,
-    thead th{
-        color: lighten($gray, 20);
-        border-bottom: 1px solid darken($gray-light, 20) !important;
-    }
-    
-    .head.dark > *,
-    thead.dark th{
-        background: lighten($background, 2);
-    }
-    
-    tr.middle > td,
-    td.middle,
-    &.middle > *,
-    .middle{
-        vertical-align:middle;
-    }
-
-    tr.top > td,
-    td.top,
-    &.top > *,
-    .top{
-        vertical-align:top;
-    }
-    
-    &.hover{
-        tr:hover td{
-            background: lighten($blue, 50);
-        }
-    }
-    
-    .row:last-of-type,
-    tr:last-of-type{
-        td, th{
-            border-bottom: none;
-        }
-    }
-    &.invert{
-        .row > *,
-        td, th{
-            border-bottom-color: lighten($gray, 10);
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/components/tabs.scss

@@ -1,45 +0,0 @@
-.uniformTabs{
-    border-bottom: 1px solid darken($background, 10);
-    white-space: nowrap;
-    a{
-        display:inline-block;
-        margin-bottom: -1px;
-        padding: 0.5em 1em;
-        border-bottom: 2px solid transparent;
-        color: $gray;
-        text-decoration: none;
-        cursor: pointer;
-        &:hover{
-            color: $blue;
-            .uniformLabel.fill{
-                background: $blue ;
-            }
-        }
-        &.active{
-            border-color: $green-dark;
-            color: $green-dark;
-            .uniformLabel.fill{
-                background: $green-dark ;
-            }
-        }
-    }
-    &.center{
-        text-align:center;
-    }
-    &.border-fix{
-        margin-bottom: -1px;
-    }
-    &.invert{
-        border-bottom-color: rgba($background, 0.4);
-        a{
-            color: white;
-            &:hover{
-                color: $blue-light;
-            }
-            &.active{
-                color: $green-light;
-                border-color: $green-light;
-            }
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/components/tile.scss

@@ -1,20 +0,0 @@
-.uniformTile{
-//  TODO remove extension of row
-    @extend .uniformRow;
-    margin: 0;
-    margin-bottom: -1px;
-    margin-right: -1px;
-    
-    padding: 1em !important;
-    
-    .avatar{
-        padding: 0;
-    }
-    .avatar-container{
-        display:block;
-        padding-top: 66%;
-    }
-    &.pad-more{
-        padding: 2em !important;
-    }
-}