uniform-ui 0.5 → 0.5.1

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

@@ -0,0 +1,165 @@
+.uniformRow{
+    line-height:1.3;
+    font-size: 13px;
+    border-bottom:1px solid $gray-light;
+    min-height: 49px; // two text lines with padding
+    position:relative;
+    overflow:hidden;
+    &:hover{
+        background-color: lighten($blue-light, 15);
+    }
+    &.archived{
+        color:lighten($gray, 30);
+        a{
+            color:lighten($gray, 30);
+        }
+    }
+    a:visited{
+        color:#6738e4;
+    }
+    .btn.outline{
+        background:white !important;
+    }
+    time{
+        display:none;
+    }
+    .highlight{
+        position:absolute;
+        right:0;
+        top: 0;
+        bottom:0;
+        width:10px;
+        background:$green;
+    }
+    .details{
+        overflow:hidden;
+        & > div{
+            padding:0;
+            overflow:hidden;
+            & > .pad {
+                display:block;
+                padding:8px 0;
+            }
+            & > a:not(.btn){
+                display:block;
+                padding:8px 12px;
+                text-decoration:none;
+            }
+        }
+    }
+    .secondary{
+        font-weight:normal;
+        display:block;
+        font-size:0.9em;
+        color:lighten($gray, 30);
+    }
+    .actions{
+        padding-right:10px;
+        a:visited{
+            color:inherit;
+        }
+    }
+    .title{
+        font-weight:bold;
+    }
+    .avatar{
+        vertical-align:top;
+        text-align:center;
+        position:relative;
+        color:darken($background, 30);
+        background-color:darken($background, 30);
+        a{
+            padding:0;
+        }
+        img{
+            min-width:70px;
+            background-color: $gray;
+            display: inline-block;
+        }
+        .label{
+            min-width:70px;
+            min-height:63px;
+            display:block;
+            padding-top: 26px;
+            color:white !important;
+            font-size:10px;
+        }
+    }
+    @include media($xs){
+        .details{
+            & > div > a {
+                padding-top:0;
+                padding-bottom:8px;
+            }
+            .title a{
+                padding-top:8px;
+            }
+            .address .unit {
+                display:block;
+            }
+        }
+        .avatar{
+            width:33%;
+            img {
+                width: 100%;
+                height: auto;
+            }
+        }
+    }
+}
+
+.uniformRow-header{
+    position:relative;
+    overflow:visible !important;
+    line-height:1em;
+    font-size:0.85em;
+    padding:3px !important;
+    font-weight:normal;
+    border-bottom:2px solid $gray-light;
+    .sort-label{
+        text-align:right;
+        padding:7px 10px;
+        padding-bottom:3px;
+        text-transform:uppercase;
+        color:lighten($gray, 30);
+        vertical-align:bottom;
+        white-space:nowrap;
+    }
+    .col-label {
+        font-weight:bold;
+        text-transform:uppercase;
+        color:$gray;
+    }
+    .fortycon {
+        margin-top:-2px;
+        margin-right:2px;
+        color:darken($background, 20);
+        font-size:1.2em;
+    }
+    .details {
+        overflow:hidden;
+        & > div{
+            padding:0;
+            & > * {
+                text-decoration:none;
+                display:block;
+                padding:7px 6px;
+                white-space:nowrap;
+                border-radius:3px;
+            }
+            & > a:hover {
+                background:lighten($blue-light, 10);
+            }
+        }
+        & > .active {
+            background:none !important;
+            .fortycon{
+                color:black;
+            }
+            & > * {
+                color:black;
+                background:darken(white, 10);
+            }
+        }
+    }
+}

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

@@ -0,0 +1,44 @@
+.table-container{
+    display:table;
+    width:100%;
+    & > *,
+    .table-row > *{
+        display:table-cell;
+        float:none;
+        &.top{
+            vertical-align:top;
+        }
+        &.middle > *{
+            vertical-align:middle;
+        }
+    }
+    .table-row{
+        display:table-row;
+    }
+    &.middle > *,
+    .middle{
+        vertical-align:middle;
+    }
+    &.top > *,
+    .top{
+        vertical-align:top;
+    }
+    @include media($xs){
+        &.break-xs{
+            & > *,
+            .table-row > *{
+                display:block;
+                float:inherit;
+            }
+            .table-row{
+                display:block;
+            }
+        }
+    }
+
+}
+@include media($xs){
+    .block-xs{
+    	display:block;
+    }
+}

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

@@ -0,0 +1,264 @@
+.table-form #{$text-inputs},
+.table-form .textbox,
+.table-form textarea{
+    @include appearance(none);
+    outline:none;
+    font-size:1.3em;
+    font-weight:300;
+    border:1px solid darken($background, 10);
+    display:inline-block;
+    width:100%;
+    padding:10px;
+    @include transition(box-shadow 0.2s ease-in);
+    &:focus{
+        box-shadow:inset 0 -3px 0 $green;
+    }
+}
+.table-form select{
+    &:focus{
+        box-shadow:inset 0 -3px 0 $green;
+    }
+}
+.table-form .inline-input{
+    .split{
+        font-size:1.6em;
+        text-align:center;
+        font-weight:300;
+    }
+    select{
+        font-size:1.3em;
+        font-weight:300;
+    }
+}
+.table-form .select2-container{
+    font-weight:300;
+    font-size:1.3em;
+}
+.table-form select{
+    font-size: 17px;
+    font-weight:300;
+    background:none;
+    color:$gray;
+}
+.table-form .dropzone{
+    border:dashed 2px lighten($gray, 20);
+    margin: 5px;
+    .dz-message{
+        font-size:17px;
+        font-weight:300;
+    }
+}
+.table-form{
+    position:relative;
+    display:block;
+    &.bordered{
+        border:1px solid darken(white, 20);
+    }
+    .table-form-container {
+        display:table;
+        width:100%;
+        border-radius:3px;
+        border:1px solid darken(white, 20);
+        background:white;
+        overflow:hidden;
+        .form-group{
+            display:table-row;
+        }
+    }
+    label{
+        font-weight:bold;
+        display:block;
+        padding:10px;
+        width:100%;
+        text-transform:uppercase;
+        color:lighten($gray, 30);
+        .hint {
+            text-transform: none;
+            font-weight:normal;
+        }
+        &.no-pad{
+            padding:0;
+        }
+        &.input{
+            padding: 5px !important;
+            font-size:1em;
+            font-weight:normal;
+            padding-left:25px !important;
+            text-indent:-20px;
+            input[type="checkbox"]{
+                margin-right:5px;
+            }
+        }
+    }
+    [class^=select2]{
+        border:none !important;
+        border-radius:0;
+    }
+    #{$text-inputs},
+    textarea{
+        border:none !important;
+        display:block !important;
+    }
+    textarea{
+        width:100%;
+        max-width:100%;
+        min-width:100%;
+    }
+    .inline-input{
+        display:table;
+        width:100%;
+        margin:0;
+        border:none;
+        & > * {
+            border:none !important;
+            padding: 0 !important;
+        }
+        label{
+            font-size: 1em;
+            font-weight:normal;
+        }
+        select{
+            padding-left:5px;
+            font-size:13px;
+            font-weight:normal;
+        }
+    }
+    .form-group{
+        display:table;
+        width:100%;
+        margin:0;
+        border:none;
+        label{
+            padding-bottom:0;
+        }
+        &>div:not([class ^= "col-"]){
+            width:auto;
+        }
+        &>*{
+            background:none;
+            border-left:none !important;
+            border-bottom:1px solid darken(white, 20);
+            &:not(:last-of-type){
+                border-right:1px solid darken(white, 20);
+            }
+        }
+        &:last-of-type{
+            &>div{
+                border-bottom-style:none;
+            }
+        }
+        &.bordered{
+            &>div{
+                border-bottom-style:solid;
+            }
+        }
+        &.has-error,
+        .has-error{
+            label{
+                color: $red;
+            }
+            input,
+            textarea,
+            select{
+                box-shadow:inset 0 -3px 0 $red !important;
+            }
+        }
+        input[type="checkbox"]{
+            font-size:14px;
+        }
+        a.action{
+            display:block;
+            width:100%;
+            padding: 10px 0;
+            text-decoration:none;
+            &.red{
+                color:$red;
+            }
+            &.disabled{
+                color:$gray-light;
+                cursor:help;
+            }
+        }
+    }
+    &.no-align{
+        display:block;
+        .form-group{
+            display:table;
+            width:100%;
+        }
+    }
+    .error{
+        white-space:nowrap;
+    }
+    .submit{
+        text-align:center;
+        margin-top:10px;
+    }
+    .submit2{
+        text-align:center;
+        padding:5px;
+    }
+    
+    .footer{
+        border-top:1px solid darken(white, 20);
+        background:white;
+        padding:10px;
+        text-align:center;
+    }
+
+    .control-label{
+          white-space:normal;
+          text-align:center;
+    }
+    input.has-error{
+        box-shadow:inset 0 -3px 0 $red !important;
+    }
+    .section-head{
+        background:darken(white, 3);
+        padding:5px 7px;
+        font-size:1.4em;
+        font-weight:300;
+    }
+    .form-group{
+        .section-head{
+            .action{
+                display:inline-block;
+                width:auto;
+                padding: 0;
+                font-size:12px;
+                color:$green;
+            }
+        }
+    }
+    .radio-table{
+        width:100%;
+        .label{
+            background:none;
+            font-weight:normal;
+            color:$gray;
+            border:none;
+            text-align:left;
+        }
+        td, th{
+            padding:0 3px;
+            text-align:center;
+            vertical-align:middle;
+        }
+    }
+    .alert{
+        border-left:0;
+        border-right:0;
+        border-radius:0;
+        margin:0;
+        &.alert-danger{
+            border-color:$red;
+            color:$red;
+            background-color:#FFEBEE;
+        }
+    }
+}
+.table-form{
+    .select2-container{
+        width:100% !important;
+    }
+}

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

@@ -0,0 +1,32 @@
+// override for .nav-tab
+.uniformTabs{
+    border:none;
+    & > li {
+        margin-left:10px;
+        margin-right:10px;
+        & > a{
+            border:none;
+            padding-left:0;
+            padding-right:0;
+            border-bottom: 3px solid transparent;
+            color: lighten($gray, 20);
+            &:hover{
+                background:none;
+            }
+        }
+        &:first-of-type{
+            margin-left:0;
+        }
+        &:last-of-type{
+            margin-right:0;
+        }
+        &.active > a,
+        &.active > a:hover,
+        &.active > a:focus{
+            color:$green-dark;
+            border:none;
+            background:none;
+            border-bottom: 3px solid $green;
+        }
+    }
+}

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

@@ -0,0 +1,32 @@
+.uniformTile{
+    border:1px solid darken($background, 15);
+    border-radius:3px;
+    margin-top:20px;
+    margin-bottom:20px;
+    overflow:hidden;
+    .avatar{
+        img{
+            width:100%;
+            height:auto;
+        }
+    }
+    a{
+        color:$gray;
+        text-decoration:none;
+    }
+    .title{
+        vertical-align:middle;
+        font-size:12px;
+        padding-top:10px;
+        padding-bottom:10px;
+        .name{
+            font-size:16px;
+            margin-bottom:5px;
+        }
+        .company{
+            font-weight:bold;
+        }
+        .category{
+        }
+    }
+}

data/vendor/assets/stylesheets/uniform/defaults.scss

@@ -0,0 +1,30 @@
+a{
+    color:$blue;
+    &:hover{
+        color:$blue-dark;
+    }
+}
+blockquote{
+    border-left-color:lighten($green, 20);
+}
+mark{
+    background:lighten($green-light, 30);
+}
+code{
+    border-radius: 4px;
+    padding: 2px 4px;
+    font-size:90%;
+    background:lighten($green-light, 35);
+    color:$green-dark;
+    font-weight:normal;
+}
+pre{
+    display:block;
+    background: darken(white, 10);
+    border:1px solid darken(white, 13);
+    padding: 15px 10px;
+    overflow:auto;
+    xmp{
+        margin: 0;
+    }
+}

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

@@ -0,0 +1,128 @@
+// Vertical Rule
+vr {
+    height:30px;
+    border-left:1px solid $gray-light;
+    margin:0 10px;
+    display: inline-block;
+    vertical-align:middle;
+}
+.rounded,
+.round{
+    border-radius:50%;
+}
+.pointer{
+    cursor: pointer !important;
+}
+.handle{
+    cursor: hand;
+}
+.honeypot{
+    position:absolute !important;
+    left:-999999px !important;
+    width:1px !important;
+    display:block !important;
+}
+
+//----------------------------------------------------------------
+//             Layout
+//----------------------------------------------------------------
+.hide,
+.hidden{
+    display:none;
+}
+.right{
+    float:right;
+}
+.text-right{
+    text-align: right;
+}
+.center{
+    text-align: center;
+}
+.clear{
+    clear:both;
+}
+.bleed-fix{
+    position:static;
+    overflow:hidden;
+}
+.no-gutter{
+    padding-left:0;
+    padding-right:0;
+}
+.no-pad{
+    padding-left:0;
+    padding-right:0;
+}
+.less-pad{
+    padding-left:5px;
+    padding-right:5px;
+}
+.pad{
+    padding:10px;
+}
+
+//----------------------------------------------------------------
+//             Text
+//----------------------------------------------------------------
+.text-overflow{
+    @include text-overflow;
+}
+.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;
+    }
+}
+h1, h2, h3, h4, h5, h6{
+    &.no-margin{
+        margin: 0;
+        margin-top:10px;
+    }
+    &.no-margin-top{
+        margin-top:0;
+    }
+}
+
+.green{         color:$green;}
+.green-light{   color:$green-light;}
+.blue{         color:$blue;}
+.blue-light{   color:$blue-light;}
+
+p.large{
+    font-size:1.5em;
+    font-weight:300;
+    margin-bottom:20px;
+}
+.nowrap{
+    white-space: nowrap;
+    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");}
+}
+
+@include generate-color('green');
+@include generate-color('blue');
+@include generate-color('red');
+@include generate-color('gray');
+@include generate-color('yellow');
+
+