@csdsesystems/central-styles 1.0.2 → 1.0.4

package/sass/components/_sidebar.scss

@@ -1,53 +0,0 @@
-c-sidebar {
-    c-sidebar-item {
-        position: relative;
-        display: block;
-        &.active > a {
-            color: white;
-        }
-    }
-}
-
-c-sidebar c-sidebar-item > a i {
-    margin-right: 6px;
-}
-
-c-sidebar c-sidebar-item > a {
-    color: #7e7e8f;
-    font-weight: 500;
-    padding: 14px 20px 15px 25px;
-    position: relative;
-    display: block;
-}
-
-c-sidebar c-sidebar-item > a:hover, c-sidebar > c-sidebar-item > a:focus {
-    background-color: #1E2028;
-    color: white;
-}
-
-c-sidebar c-sidebar-item.active {
-    border-left: 4px solid #556089;
-    background: #1E2028;
-
-    a {
-        padding-left: 21px;
-    }
-
-}
-
-.mini-navbar c-sidebar c-sidebar-item > a span {
-    display: none;
-}
-
-.mini-navbar c-sidebar c-sidebar-item > a {
-    font-size: $font-std;
-}
-
-c-panel {
-    display: block;
-}
-
-
-
-/* Bookings - Rooms */
-

package/sass/components/_tables.scss

@@ -1,429 +0,0 @@
-/* TABLES */
-
-.table {
-    margin-bottom: 0;
-
-    th:first-child,
-    td:first-child {
-        padding-left: 0;
-    }
-
-    th:last-child,
-    td:last-child {
-        padding-right: 0;
-    }
-
-}
-
-.table.table-bordered,
-.table.table-header {
-    margin-bottom: 20px;
-
-    th:first-child,
-    td:first-child {
-        padding-left: 8px;
-    }
-
-    th:last-child,
-    td:last-child {
-        padding-right: 8px;
-    }
-
-}
-
-/* .table-header thead td {
-    background-color: #f3f3f4;
-} */
-
-table {
-
-    &.list-table,
-    &.table-vam /* vertical align middle */ {
-
-        td {
-            border: none !important;
-            padding-right: 0 !important;
-            padding-top: 3px !important;
-            padding-bottom: 3px !important;
-
-            &:first-child {
-                padding-left: 0;
-                padding-right: 0;
-                width: 15px;
-                display: table-cell;
-                vertical-align: top;
-
-                i {
-                    color: $accent-color;
-                }
-
-                span.text-warning i {
-                    color: $mustard;
-                }
-
-                span.text-danger i {
-                    color: $red;
-                }
-
-                span.text-grey i {
-                    color: $grey;
-                }
-            }
-            
-            ul:last-child {
-                margin-bottom: 0;
-            }
-
-        }
-    }
-
-    /* vertical align middle */
-    &.table-vam  {
-        td,
-        td:first-child {
-            vertical-align: middle;
-        }
-    }
-
-    /* rg - regular */
-    &.table-rg {        
-        td {
-            &:first-child {
-                width: auto !important;
-            }
-        }
-    }
-
-
-    &.history {
-        tbody tr:first-child > td {
-            border-top: 0;
-        }
-
-        h3 {margin-bottom:0;}
-    }
-
-    &.rolestable {
-        table-layout : fixed;
-        tbody td {
-            border-top: 0;
-            padding: 0;
-        }
-        i {
-            padding-top: 5px;
-        }
-
-    }
-
-    &.settings {
-        td {
-            padding-top: 0.4rem;
-            padding-bottom: 0.4rem;
-
-            &:first-child {
-                text-align: center;                
-            }
-
-            &:last-child {
-                padding-left: 6px;
-            }
-        }
-    }
-
-    &.stack-420 {
-        td {
-                display: block;
-    padding: 0;
-    border: 0;
-        }
-    }
-}
-
-.table-list {
-    list-style: none;
-    -webkit-margin-before: 0;
-    -webkit-padding-start: 0;
-
-    div {
-        display: inline-block;
-    }
-
-    div.pull-right {
-        padding-left: 5px;
-    }
-
-    li {
-        border-color: $darker-border-grey;
-        border-bottom: 1px solid $darker-border-grey;
-        display: block;
-        padding: 10px 0;
-        margin-left: 15px;
-        margin-right: 15px;
-        cursor: pointer;
-    }
-
-}
-
-/* Table without padding */
-
-.table-wop {
-    border: none;
-    padding: 0;
-    background: #E0E8F5;
-
-    table {
-        /* Generalities */
-        tr { border-bottom: none;  }
-        th, td { padding: 10px; }
-
-        /* Background color for rows */
-        tbody > tr { background: #FFF;  }
-
-
-        /* Borders for rows */
-        tbody > tr { border-bottom: 1px solid #f3f6fb; border-left: 1px solid white; }
-        tbody > tr.hover { background: #fafafa; border-left: 1px solid #4e5c8c; }
-
-        /* Subtotals */
-        tbody > tr.subtotals {
-            background: #f3f6fb;
-            border-left-color: #f3f6fb;
-            border-bottom: none;
-            td { line-height: 1.7em; font-weight: bold; }
-        }
-
-
-        /* Columns */
-
-        /* Adjusting the padding for the first and last column gutters */
-        th:nth-child(1), td:nth-child(1) { padding-left: 20px; }
-        th:nth-last-child(1), td:nth-last-child(1) { padding-right: 20px; }
-
-        //Item List
-        th:nth-child(1),td:nth-child(1) { width: 45%; }
-
-        //Quantity
-        th:nth-child(2),td:nth-child(2) { width: 14%; text-align: center; }
-            td:nth-child(2) { text-align: center; }
-
-        //Cost
-        th:nth-child(3),td:nth-child(3) { width: 18%; }
-
-        //Total
-        th:nth-child(4),td:nth-child(4) { width: 18%; text-align: right; }
-            td:nth-child(4) {
-                text-align: right;
-                input { width: 50%; float: right; }
-             }
-
-        //Action
-        th:nth-child(5) { width: 5%; }
-
-    }
-}
-
-.booking-info-table, .landing-contact-table {
-    td, tr {
-        vertical-align: top !important;
-        border: none !important;
-    }
-
-    i {
-        //font-size: 18px;
-        padding-top: 2px;
-    }
-}
-
-.my-courses-history-table {
-    width: 100%;
-    background: #FFF;
-    border-radius: 4px;
-    margin-top: 10px;
-
-    th, td {
-        padding: 10px !important;
-        color: #6e6e6e;        
-        vertical-align: top;
-    }    
-}
-
-@media (max-width: 991px)  {
-
-    .my-courses-history-table { 
-        width: 100%; 
-        display: block;
-        margin-top: 10px;
-        background: transparent;
-
-        thead, tbody, th, td, tr { 
-            display: block; 
-        }
-        
-        /* Hide table headers (but not display: none;, for accessibility) */
-        thead tr { 
-            position: absolute;
-            top: -9999px;
-            left: -9999px;
-        }
-        
-        tr {
-            margin-bottom: 10px;
-        }
-        
-        td { 
-            /* Behave  like a "row" */
-            border: none;
-            position: relative;
-            padding-left: 40% !important; 
-            background: #FFF;
-        }
-
-        td:before { 
-            /* Now like a table header */
-            position: absolute;
-            /* Top/left values mimic padding */
-            top: 10px;
-            left: 10px;
-            width: 35%; 
-            padding-right: 10px; 
-            white-space: nowrap;
-            /* Label the data */
-            content: attr(data-column);
-            font-weight: bold;
-        }        
-    }
-
-
-
-}
-
-
-.js-responsive-table {
-    color: #666;
-
-    table {
-        width: 100%;        
-    }
-
-    th, td {
-        padding: 10px;
-        color: #6e6e6e;
-        vertical-align: top;
-    }
-
-    tr {
-        border-bottom: 1px solid #ddd;
-
-        &:last-of-type {
-            border-bottom: none;
-        }
-    }
-
-    th {
-        //background: #eee;
-    }    
-
-    th, tr:first-child td {
-        font-weight: bold;
-    }
-
-    .icon-accordion {
-        display: none;
-    }
-
-    td h3 {
-        margin: 0;
-        padding: 0 0 5px 0;
-        display: none;
-        font-weight: bold;
-    }    
-}
-
-@media (max-width: 680px) {
-    .js-responsive-table table, .js-responsive-table tbody, .js-responsive-table table tr, .js-responsive-table table td, .js-responsive-table table th {
-        display: block;
-        width: 100%;
-    }
-    .js-responsive-table table tr {
-        max-height: 40px;
-        overflow: hidden;
-        position: relative;
-        cursor: pointer;
-    }
-    .js-responsive-table .icon-accordion {
-        display: block;
-        text-align: center;
-        width: 16px;
-        height: 16px;
-        position: absolute;
-        right: 15px;
-        top: 15px;
-        font-style: normal;
-        font-size: 1.6em;
-    }
-    .js-responsive-table td h3 {
-        display: block;
-    }
-}
-
-.responsive-data-filter { display:none;}
-
-@media 
-only screen and (max-width: 768px),
-(min-device-width: 768px) and (max-device-width: 1024px)  {
-
-    .responsive-data-filter { display:block;}
-
-    table.responsive-data {
-        display: block;
-
-        /* Force table to not be like tables anymore */
-        thead, tbody, th, td, tr { 
-            display: block; 
-        }
-        
-        /* Hide table headers (but not display: none;, for accessibility) */
-        thead tr { 
-            position: absolute;
-            top: -9999px;
-            left: -9999px; 
-        }
-        
-        tr { border: 1px solid #dcdcdc;}
-        
-        td { 
-            /* Behave  like a "row" */
-            border: none;
-            border-bottom: 1px solid #dcdcdc; 
-            position: relative;
-            padding-left: 50% !important; 
-        }
-        
-        td:before { 
-            /* Now like a table header */
-            position: absolute;
-            /* Top/left values mimic padding */
-            top: 6px;
-            left: 6px;
-            width: 45%; 
-            padding-right: 10px; 
-            white-space: nowrap;
-            font-weight: bold;
-        }
-
-        /* Zebra striping */
-            tr:nth-of-type(odd) { 
-              background: #f3f3f4; 
-            }
-        
-        /*
-        Label the data
-        */
-        td:nth-of-type(1):before { content: "Select"; }
-        td:nth-of-type(2):before { content: "Code"; }
-        td:nth-of-type(3):before { content: "Status"; }
-        td:nth-of-type(4):before { content: "Times used"; }
-        td:nth-of-type(5):before { content: "Start date"; }
-        td:nth-of-type(6):before { content: "End date"; }
-    }
-}

package/sass/components/_timeline.scss

@@ -1,84 +0,0 @@
-/* TIMELINES */
-
-div.history {
-
-    .row {
-        border-bottom: 1px solid $border-grey;
-        padding-top: 10px;
-        padding-bottom: 10px;
-
-        &:last-child {
-            border-bottom: 0;
-        }
-    }
-
-    .col-xs-3 {
-        padding-right: 0px;
-    }
-
-    span {
-        position: absolute;
-        top: 0;
-        right: 0;
-        padding: 5px;
-        width: 60px;
-        text-align: center;
-        border-top: 1px solid #e7eaec;
-        border-bottom: 1px solid #e7eaec;
-        border-left: 1px solid #e7eaec;
-        background: #f8f8f8;
-    }
-
-    h2 {
-        margin: 0;
-    }
-
-    .timeline-item {
-        .date {
-            padding-top: 40px;
-            padding-right: 8px;
-        }
-
-        .content {
-            min-height: 75px;
-        }
-    }
-
-    p {
-        margin-bottom: 0;
-    }
-}
-
-
-/* Small Vertical Timeline */
-
-.vertical-container--small {
-    &:before {
-        left: 14px;
-        width: 3px;
-    }
-
-    margin: 10px 0;
-}
-
-.vertical-timeline-block--small {
-    
-    margin: 0;
-
-    .vertical-timeline-icon {
-        width: 30px;
-        height: 30px;
-        font-size: 14px;
-
-        i {
-            margin-top: -7px;
-            margin-left: -11px;
-        }
-    }
-
-    .vertical-timeline-content {
-        background: #FFF !important;
-        margin-left: 40px;
-        p { font-size: 14px; line-height: 30px; margin: 0.7em 0; }
-    }
-}