kaui 3.0.1 → 3.0.2

data/app/assets/stylesheets/kaui/datatable.scss

@@ -1,115 +0,0 @@
-$smphone: unquote("max-width: 450px");
-$phone: unquote("max-width: 768px");
-$tablet: unquote("max-width: 1024px");
-.search {
-    table {
-        font-weight: 400;
-
-        th, td {
-            &:first-of-type {
-                padding-left: 60px;
-
-                @media ($phone) {
-                    padding: 5px;
-                }
-            }
-        }
-    }
-
-    table.table-small-padding {
-        th, td {
-            white-space: nowrap;
-
-            &:first-of-type {
-                padding-left: 20px;
-            }
-        }
-    }
-
-    table.table-colored-rows {
-        tr.insert {
-            background-color: #dff0d8;
-        }
-        tr.update {
-            background-color: #fcf8e3;
-        }
-        tr.delete {
-            background-color: #f2dede;
-        }
-
-        th, td {
-
-            &:first-of-type {
-                padding-left: 20px;
-            }
-        }
-    }
-
-    tr.disabled {
-        background-color: #f5f5f5;
-    }
-}
-
-table.dataTable {
-    padding: 0;
-}
-
-table.dataTable thead th {
-    position: relative;
-}
-
-table.dataTable thead th,
-table.dataTable tbody td {
-    vertical-align: middle;
-}
-
-table.dataTable thead th.sorting:after,
-table.dataTable thead th.sorting_asc:after,
-table.dataTable thead th.sorting_desc:after {
-    content: '' !important;
-}
-
-table.dataTable {
-    margin-top: 0 !important;
-    margin-bottom: 0 !important;
-
-    @media ($phone) {
-        margin-bottom: 30px !important;
-    }
-}
-
-table.dataTable thead th,
-table.dataTable thead td {
-    font-size: 12px;
-    border-bottom: 0;
-}
-
-table.dataTable.no-footer {
-    border-bottom: 1px solid #dddddd;
-}
-
-.info-wrapper table.dataTable.no-footer {
-    border-bottom: 0;
-}
-
-#invoice-table tbody tr {
-    border-bottom: 1px solid #dddddd;
-}
-
-#accounts-table {
-    @media ($phone) {
-        width: 100% !important;
-    }
-}
-
-table.dataTable.table-condensed thead > tr > th {
-    border-right: 1px solid #c9c9c9;
-
-    &:last-of-type {
-        border-right: 0;
-    }
-}
-
-.dataTables_paginate.paging_full_numbers {
-    padding-top: 30px;
-}

data/app/assets/stylesheets/kaui/header.scss

@@ -1,197 +0,0 @@
-/*
- * Header Layout
- */
- $smphone: unquote("max-width: 450px");
-$phone: unquote("max-width: 768px");
-$tablet: unquote("max-width: 1024px");
-
-header {
-    padding: 25px 0;
-    background: #fff;
-    border-bottom: 1px solid #ccc;
-    margin-bottom: 40px;
-
-    img {
-        vertical-align: middle;
-
-        @media ($phone) {
-            display: block;
-            margin: 0 auto 10px;
-        }
-    }
-
-    #searchform {
-        margin: 0 30px;
-        vertical-align: middle;
-        position: relative;
-        display: inline-block;
-
-        @media ($phone) {
-            width: 185px;
-            display: block;
-            margin: 0 auto 10px;
-        }
-
-        input[type="text"] {
-            padding-right: 28px;
-
-            @media ($tablet) {
-                width: 100px;
-            }
-
-            @media ($phone) {
-                width: 100%;
-            }
-        }
-
-        input[type="submit"] {
-            display: block;
-            width: 18px;
-            height: 15px;
-            position: absolute;
-            top: 7px;
-            right: 5px;
-            background: asset-url("kaui/search.png") no-repeat top left;
-            border: 0;
-            text-indent: 999999px;
-            overflow: hidden;
-            outline: 0;
-            padding: 0;
-        }
-    }
-
-    a {
-        font-size: 12px;
-        text-transform: uppercase;
-
-        @media ($phone) {
-            text-align: center;
-            display: block;
-        }
-    }
-
-    nav {
-        @media ($phone) {
-            text-align: center;
-        }
-
-        ul {
-            padding: 6px 0;
-            margin: 0;
-
-            @media ($tablet) {
-                text-align: center;
-
-                &.account-menu {
-                    margin: -10px 0;
-                }
-            }
-
-            @media ($phone) {
-
-            }
-
-            li {
-                list-style: none;
-                display: inline-block;
-                vertical-align: middle;
-
-                a {
-                    color: rgb(119, 119, 119);
-                    padding: 0 10px;
-                    border-right: 1px solid #ccc;
-
-                    &:hover {
-                        color: #000;
-                    }
-                }
-
-                &:last-of-type {
-                    a {
-                        border: 0;
-                    }
-                }
-            }
-        }
-    }
-}
-
-.title-nav-area {
-    background: #c7e4e7;
-    margin: 0 0 30px;
-    font-size: 0;
-    margin-top: -40px;
-
-    .container {
-        @media ($phone) {
-            text-align: center;
-            width: 100%;
-            padding: 0 15px;
-        }
-    }
-
-    a,p {
-        display: inline-block;
-        padding: 12px 40px;
-        font-size: 12px;
-        margin: 0;
-        line-height: 12px;
-        background: transparent;
-        vertical-align: top;
-
-        @media ($phone) {
-            width: 30%;
-            padding: 12px 0;
-            text-align: center;
-            border-bottom: 1px solid #fff;
-
-            &:nth-of-type(4), &:nth-of-type(5) {
-                width: 45%;
-            }
-
-            &:nth-of-type(3), &:nth-of-type(5) {
-                border-right: 1px solid #fff;
-            }
-        }
-
-        @media ($smphone) {
-            width: 50%;
-            border: 0;
-
-            &:nth-of-type(2), &:nth-of-type(4), &:nth-of-type(5) {
-                border-right: 1px solid #fff;
-            }
-
-            &:nth-of-type(3) {
-                border-right: 0;
-            }
-
-            &:nth-of-type(4) {
-                width: 50%;
-            }
-
-            &:nth-of-type(5) {
-                width: 100%;
-            }
-        }
-    }
-
-    a {
-        color: #666666;
-        text-transform: uppercase;
-        border-left: 1px solid #fff;
-
-        &:hover, &.current {
-            color: #fff;
-            background: #00919d;
-        }
-
-        &:last-of-type {
-            border-right: 1px solid #fff;
-        }
-    }
-
-    p {
-        font-weight: normal;
-    }
-}

data/app/assets/stylesheets/kaui/home.scss

@@ -1,89 +0,0 @@
-/*
- * Home Page
- */
- $smphone: unquote("max-width: 450px");
-$phone: unquote("max-width: 768px");
-$tablet: unquote("max-width: 1024px");
-.home {
-    text-align: center;
-
-    #home_searchform {
-        padding-top: 150px;
-
-        @media ($phone) {
-            padding-top: 50px;
-        }
-
-        #search {
-            line-height: 48px;
-            padding: 0 25px;
-            font-size: 18px;
-            width: 330px;
-            height: 50px;
-
-            @media ($phone) {
-                line-height: 33px;
-                padding: 0 10px;
-                font-size: 16px;
-                width: 220px;
-                height: 35px;
-            }
-        }
-
-        input[type=submit] {
-            background: #00919d asset-url("kaui/search_white.png") no-repeat center center;
-            height: 50px;
-            padding: 0 20px;
-            text-indent: 999999px;
-            overflow: hidden;
-            width: 82px;
-            border-radius: 25px;
-            vertical-align: top;
-            margin: 0 0 0 10px;
-
-            @media ($phone) {
-                height: 35px;
-                width: 42px;
-                border-radius: 15px;
-                background-size: 20px;
-            }
-        }
-    }
-
-    .legend {
-        margin-top: 40px;
-    }
-
-    .duck_help {
-        width: 352px;
-        height: 260px;
-        padding: 35px 120px 100px 30px;
-        font-size: 18px;
-        color: #666;
-        display: block;
-        position: fixed;
-        bottom: 0;
-        right: 20%;
-        background: asset-url("kaui/duck.png") no-repeat center center;
-        text-align: center;
-
-        @media ($phone) {
-            position: relative;
-            right: initial;
-            bottom: initial;
-            width: 300px;
-            background-size: 300px auto;
-            font-size: 16px;
-            padding: 20px 120px 110px 40px;
-            top: 50px;
-            height: 220px;
-            display: inline-block;
-        }
-
-        @media (min-height: 600px) {
-            position: fixed;
-            top: auto;
-            bottom: 0;
-        }
-    }
-}

data/app/assets/stylesheets/kaui/invoice.scss

@@ -1,58 +0,0 @@
-$smphone: unquote("max-width: 450px");
-$phone: unquote("max-width: 768px");
-$tablet: unquote("max-width: 1024px");
-
-table.invoice-totals {
-    border-top: 0;
-    padding-top: 15px;
-    margin-top: 45px;
-
-    @media ($phone) {
-        tr:first-of-type {
-            th {
-                padding-top: 60px;
-            }
-        }
-    }
-
-    th, td {
-        padding: 5px;
-    }
-
-    th {
-        background-color: transparent;
-        text-transform: uppercase;
-        width: 80%;
-        text-align: right;
-        padding-right: 15px;
-
-        @media ($phone) {
-            width: 50%;
-        }
-    }
-
-    td {
-        width: 20%;
-
-        @media ($phone) {
-            width: 50%;
-        }
-    }
-
-    tr {
-        border: 0;
-    }
-
-    tr:last-of-type {
-        background-color: #c7e4e7;
-    }
-}
-
-.invoice-date {
-    margin-top: -15px;
-    margin-bottom: 5px;
-    font-weight: 700;
-    text-transform: uppercase;
-    font-size: 12px;
-    padding: 5px 30px;
-}

data/app/assets/stylesheets/kaui/kaui.scss

@@ -1,265 +0,0 @@
-
-$smphone: unquote("max-width: 450px");
-$phone: unquote("max-width: 768px");
-$tablet: unquote("max-width: 1024px");
-
-@import "kaui/kaui_bootstrap.scss";
-@import "kaui/common.scss";
-@import "kaui/header.scss";
-
-@import "kaui/home.scss";
-
-@import "kaui/tags.scss";
-@import "kaui/subscription.scss";
-@import "kaui/invoice.scss";
-@import "kaui/payment.scss";
-@import "kaui/timeline.scss";
-
-@import "kaui/datatable.scss";
-
-@import "kaui/account.scss";
-@import "kaui/overdue.scss";
-
-@import "kaui/audit.scss";
-@import "kaui/tooltip.scss";
-
-// popover max width
-.popover {
-    max-width: 350px;
-  }
-
-//@todo: Remove?
-/// Set the correct sprite paths
-
-
-// Set the Font Awesome (Font Awesome is default. You can disable by commenting below lines)
-$fontAwesomeEotPath: font-url("fontawesome-webfont.eot");
-$fontAwesomeEotPath_iefix: font-url("fontawesome-webfont.eot?#iefix");
-$fontAwesomeWoffPath: font-url("fontawesome-webfont.woff");
-$fontAwesomeTtfPath: font-url("fontawesome-webfont.ttf");
-$fontAwesomeSvgPath: font-url("fontawesome-webfont.svg#fontawesomeregular");
-
-//@todo: Remove?
-// Font Awesome
-//@import "font-awesome.css";
-
-/* Override Bootstrap 5 font locations */
-@font-face {
-  font-family: 'Glyphicons Halflings';
-  src: image-url('glyphicons-halflings-regular.eot');
-  src: image-url('glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
-  image-url('glyphicons-halflings-regular.woff') format('woff'),
-  image-url('glyphicons-halflings-regular.ttf') format('truetype'),
-  image-url('glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
-}
-
-
-$smphone: unquote("max-width: 450px");
-$phone: unquote("max-width: 768px");
-$tablet: unquote("max-width: 1024px");
-
-.tag-bar {
-    border-bottom: 1px solid #ddd;
-    margin-bottom: 0;
-    position: relative;
-
-    .tag-select {
-        display: inline-block;
-        vertical-align: middle;
-
-        @media ($smphone) {
-            width: 35%;
-        }
-
-        span {
-            padding: 5px 20px;
-            text-align: center;
-            display: block;
-            border-right: 1px solid #ddd;
-
-            @media ($phone) {
-                border: 0;
-            }
-
-            i {
-                margin: 0 5px;
-                color: #515151;
-                font-size: 16px;
-
-                &.fa-caret-down {
-                    color: #999999;
-                    font-size: 12px;
-                }
-
-                &.fa-tag {
-                    font-size: 18px;
-                }
-
-                &.fa-money, &.fa-credit-card {
-                    font-size: 16px;
-                }
-            }
-        }
-
-        &:hover {
-            .tag-select-box {
-                max-height: 500px;
-                padding: 20px 25px;
-                border: 1px solid #ddd;
-                box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.11);
-            }
-        }
-
-        .tag-select-box {
-            position: absolute;
-            top: 100%;
-            left: -1px;
-            max-height: 0;
-            background-color: #fff;
-            z-index: 100;
-            padding: 0 15px;
-            font-size: 12px;
-            color: #999999;
-            overflow: auto;
-            width: auto;
-            border-bottom: 0;
-            display: inline-block;
-
-            @media ($phone) {
-                border: 0;
-            }
-
-            strong {
-                display: block;
-                font-weight: 400;
-                margin: 0 0 10px;
-            }
-
-            form {
-                display: inline-block;
-                width: 210px;
-            }
-
-            input[type=checkbox] {
-                display: inline-block;
-                width: 9%;
-                margin: 0 1% 0 0;
-                line-height: 20px;
-                vertical-align: middle;
-            }
-
-            label {
-                font-size: 12px;
-                display: inline-block;
-                width: 85%;
-                line-height: 20px;
-                vertical-align: middle;
-                margin: 0;
-                font-weight: 400;
-            }
-
-            textarea {
-                resize: none;
-                height: 80px;
-                margin: 0 0 20px;
-                width: 100%;
-            }
-
-            a {
-                display: block;
-                font-size: 12px;
-                line-height: 20px;
-            }
-        }
-    }
-
-    .tag-selected {
-        display: inline-block;
-        padding: 2px 5px;
-        vertical-align: middle;
-
-        @media ($phone) {
-            width: 64%;
-            padding: 2px;
-            overflow: hidden;
-            border-left: 1px solid #ddd;
-        }
-
-        span {
-            display: inline-block;
-            font-size: 12px;
-            color: #777777;
-            background: #e5e5e5;
-            padding: 3px 20px;
-            margin: 0 5px;
-            transition: all 0.5s;
-            cursor: pointer;
-
-            &:hover {
-                background-color: #cce9eb;
-            }
-
-            @media ($phone) {
-                font-size: 10px;
-                padding: 3px 5px;
-                display: block;
-                margin: 0 0 2px;
-            }
-        }
-    }
-}
-
-.tag-bar-breathe {
-    margin-bottom: 30px;
-}
-
-.tag-bar-no-border {
-    border-bottom: 0;
-
-    .tag-select {
-        span {
-            border-right: 0;
-        }
-    }
-}
-
-#main-menu {
-    .tag-bar {
-        .tag-select {
-            position: relative;
-        }
-        .tag-select-box {
-          word-break: keep-all;
-          white-space: nowrap;
-        }
-    }
-}
-
-.inline-row-tag-bar{
-    padding-left: 10px !important;
-
-    .tag-bar {
-
-      .tag-select {
-        span {
-          padding: 5px;
-          border-right: none;
-
-          i {
-            margin: 0 3px;
-            font-size: 12px;
-
-            &.fa-tag {
-              font-size: 12px;
-            }
-          }
-        }
-      }
-      .tag-select-box {
-        label {
-          white-space: nowrap;
-        }
-      }
-    }
-}
-

data/app/assets/stylesheets/kaui/kaui_bootstrap.scss

@@ -1,3 +0,0 @@
-@import "font-awesome";
-@import "bootstrap-sprockets";
-@import "bootstrap";