dvla_internal_frontend_toolkit 0.2.8 → 0.3.0

data/vendor/assets/stylesheets/elements/_lists.scss

@@ -1,56 +0,0 @@
-.list {
-    width: 100%;
-    color: $black;
-    margin-bottom: 40px;
-
-    .list-title-row {
-        border-bottom: 2px solid $grey-2;
-        box-sizing: border-box;
-        height: 40px;
-        display: flex;
-
-        .list-title {
-            font-weight: bold;
-            font-size: 20px;
-            flex: 1 1 50%;
-        }
-
-        .list-change {
-            flex: 1 1 50%;
-            text-align: right;
-            font-weight: bold;
-            color: $primary;
-
-            a {
-                &:visited {
-                    color: $primary;
-                }
-
-                &:hover {
-                    color: $primary-darker;
-                }
-            }
-        }
-
-    }
-
-    .list-row {
-        padding: 16px;
-        border-bottom: 1px solid $grey-2;
-        font-size: 16px;
-        display: flex;
-
-        .list-property {
-            min-height: 16px;
-            flex: 1 1 50%;
-        }
-
-        .list-data {
-            font-weight: bold;
-            min-height: 16px;
-            flex: 1 1 50%;
-        }
-        
-    }
-
-}

data/vendor/assets/stylesheets/elements/_navigation.scss

@@ -1,113 +0,0 @@
-.breadcrumbs {
-
-  font-size: 16px;
-
-  ol {
-    list-style-type: none;
-    padding: 8px 8px 0;
-    margin: 0;
-
-    li {
-      display: inline-block;
-
-      &:first-child {
-        background-image: none;
-        margin-left: 0;
-        padding-left: 0;
-      }
-
-      background-image: url('/images/separator.png');
-      background-position: 0% 50%;
-      background-repeat: no-repeat;
-      margin-left: 1em;
-      padding-left: 1.5em;
-    }
-  }
-
-  a {
-    color: $black;
-    text-decoration: underline;
-
-    &:visited {
-      color: $black;
-    }
-
-    &:hover {
-      color: black;
-      text-decoration: none;
-    }
-  }
-}
-
-#global-header {
-
-  ul {
-    display: block;
-    width: 100%;
-    background-color: $grey-4;
-    line-height: 48px;
-    margin: 0 auto;
-    border-bottom: 1px solid $grey-2;
-    box-sizing: border-box;
-    
-    li{
-        display: inline-block;
-        padding: 0 32px;
-        list-style: none;
-        font-weight: bold;
-
-        &:hover{
-            cursor: pointer;
-        }
-
-        &:active, &.active{
-            color: $primary;
-            border-bottom: 2px solid $primary;
-        }
-    }
-  }
-}
-
-#side-bar{
-  position: fixed;
-  left: 0;
-  width: 280px;
-  height: 100%;
-  background-color: $grey-4; 
-  border-right: 1px solid $grey-2; 
-  box-sizing: border-box;
-  // margin-top: -8px;
-
-  ul {
-    margin-top: 0;
-    padding: 0;
-    padding-top: 40px;
-
-    li{
-      list-style: none;
-      padding-left: 40px;
-      line-height: 40px;
-      font-weight: bold;
-
-      &:hover{
-        cursor: pointer;
-        background-color: $primary-lightest;
-        text-decoration: underline;
-      }
-
-      &:active, &.active{
-        color: $primary;
-        border-left: 8px solid $primary;
-        padding-left: 32px;
-        background-color: $primary-lightest;
-      }
-    }
-  }
-  &+.container-fluid {
-    padding-left: 312px;
-
-    @media screen and (max-width: 1023px) {
-      padding-left: 280px;
-    }
-  }
-}

data/vendor/assets/stylesheets/elements/_tables.scss

@@ -1,155 +0,0 @@
-table {
-    width: 100%;
-    font-size: 16px;
-    text-align: left;
-    border-spacing: 0;
-    border-collapse: collapse;
-
-    thead {
-        th {
-            height: 48px;
-            font-weight: bold;
-            border-color: $grey-2;
-            border-width: 1px 0;
-            border-style: solid;
-
-            &:first-child {
-                padding-left: 16px;
-            }
-        }
-    }
-
-    tbody {
-        tr {
-            td {
-                background: $grey-4;
-                height: 48px;
-                border-color: $grey-2;
-                border-width: 0 0 1px 0;
-                border-style: solid;
-
-                &:first-child {
-                    padding-left: 16px;
-                }
-            }
-        }
-    }
-}
-
-table.tachonet-queue {
-    width: 100%;
-    font-size: 16px;
-    border-collapse: separate;
-    border-spacing: 0 0.5em;
-
-    thead {
-        th {
-            min-height: 48px;
-            border: none;
-            vertical-align: bottom;
-            padding-bottom: 0.5em;
-
-            &:last-child {
-                text-align: center;
-            }
-        }
-    }
-
-    tbody {
-        tr {
-
-            &.disabled {
-                td {
-                    background: $grey-4;
-                }
-            }
-
-            &.urgent {
-                td:first-child {
-                    border-left-color: $mellow-red;
-                }
-
-                .bubble {
-                    background: mix($mellow-red, white, 22%);
-                }
-            }
-
-            &.waiting {
-                td:first-child {
-                    border-left-color: $warning;
-                }
-
-                .bubble {
-                    background: mix($warning, white, 22%);
-                }
-            }
-
-            &.parked {
-                td:first-child {
-                    border-left-color: $secondary;
-                }
-
-                .bubble {
-                    background: mix($secondary, white, 22%);
-                }
-            }
-
-            &.completed {
-                td:first-child {
-                    border-left-color: $success;
-                }
-
-                .bubble {
-                    color: white;
-                    background: $success;
-                    &::before{
-                        font-family: $icon-font;
-                        content: '\e90a';
-                    }
-                }
-            }
-
-            td {
-                background: white;
-                border-width: 1px 0 2px 0;
-                border-style: solid;
-                border-color: $grey-2;
-
-                &.transaction-type {
-                    font-weight: bold;
-                }
-                
-                &.tacho-number {
-                    font-weight: bold;
-                }
-
-                &.status {
-                    text-align: center;
-                    font-weight: bold;
-
-                    .bubble {
-                        width: 32px;
-                        height: 32px;
-                        line-height: 34px;
-                        border-radius: 16px;
-                        display: inline-block;
-                        padding-left: 1px;
-                    }
-                }
-
-
-                &:first-child {
-                    border-left-width: 6px;
-                    border-top-left-radius: 4px;
-                    border-bottom-left-radius: 4px;
-                }
-
-                &:last-child {
-                    border-top-right-radius: 4px;
-                    border-bottom-right-radius: 4px;
-                    border-right: 1px solid $grey-2;
-                }
-            }
-        }
-    }
-}

data/vendor/assets/stylesheets/elements/_tabs.scss

@@ -1,105 +0,0 @@
-.tabs {
-    display: block;
-    padding-left: 0px;
-    height: 48px;
-    line-height: 48px;
-    box-sizing: border-box;
-    font-size: 0;
-    font-weight: 500;
-    border-bottom: 1px solid $grey-2;
-
-    .tab {
-        display: inline-block;
-        background: $grey-4;
-        border: 1px solid $grey-2;
-        font-size: 16px;
-        margin-right: -1px;
-        color: $black;
-
-        &:hover {
-            background: $grey-3;
-        }
-
-        &.active {
-            color: $primary;
-            background: white;
-            border-bottom: 1px solid white;
-
-            &:hover {
-                background: white;
-            }
-
-            a {
-                &:visited {
-                    color: $primary;
-                }
-            }
-            
-        }
-
-
-        a {
-            display: block;
-            height: calc(100% - 1px);
-            text-decoration: none;
-            padding: 0 24px;
-
-            &:visited {
-                color: $black;
-            }
-        }
-    }
-
-    .action{
-        list-style: none;
-        // display: inline-block;
-        float: right;
-        line-height: normal;
-        margin-top: 8px;
-    }
-}
-
-.sub-tabs {
-    margin-top: 32px;
-    display: block;
-    height: 40px;
-    line-height: 40px;
-    box-sizing: border-box;
-    font-size: 0;
-    font-weight: 500;
-    border-bottom: 1px solid $grey-2;
-
-    .sub-tab {
-        display: inline-block;
-        font-size: 16px;
-        margin-right: -1px;
-        color: $black;
-
-        &:hover {
-            border-bottom: 2px solid $grey-2;
-        }
-
-        &.active {
-            color: $primary;
-            border-bottom: 2px solid $primary;
-
-            a {
-                &:visited {
-                    color: $primary;
-                }
-            }
-            
-        }
-
-        a {
-            display: block;
-            height: calc(100% - 1px);
-            text-decoration: none;
-            padding: 0 32px;
-
-            &:visited {
-                color: $black;
-            }
-        }
-    }
-}

data/vendor/assets/stylesheets/elements/_typography.scss

@@ -1,120 +0,0 @@
-body {
-    font-size: 16px;
-    line-height: 24px;
-}
-
-@mixin heading() {
-    font-weight: bold;
-    color: $text-primary-colour;
-}
-
-h1 {
-    font-size: 40px;
-    line-height: 48px;
-    color: $primary;
-}
-
-h2 {
-    font-size: 32px;
-    line-height: 40px;
-    color: $primary;
-}
-
-h3 {
-    font-size: 28px;
-    line-height: 36px;
-    color: $primary;
-}
-
-h4 {
-    font-size: 24px;
-    line-height: 32px;
-    color: $primary;
-}
-
-h5 {
-    font-size: 20px;
-    line-height: 24px;
-    color: $primary;
-}
-
-.text-large {
-    color: $text-primary-colour;
-    line-height: 32px;
-    font-size: 20px;
-    font-weight: normal;
-}
-
-.text-small {
-    color: $text-primary-colour;
-    line-height: 24px;
-    font-size: 16px;
-    font-weight: normal;
-}
-
-ul, ol {
-    &.list-bulleted {
-        list-style-type: disc;
-    }
-
-    &.list-numbered {
-        list-style-type: decimal; 
-    }
-
-    &.list-bulleted, &.list-numbered {
-        color: $text-primary-colour;
-        line-height: 28px;
-
-        &.text-large {
-            line-height: 32px;
-            font-size: 20px;
-        }
-    }
-}
-
-.inset {
-    border-left: 6px solid $grey-3;
-    padding-left: 16px;
-    display: block;
-}
-
-.important {
-    font-weight: bold;
-    position: relative;
-    display: inline-block;
-    &:before {
-        padding-top: 4px;
-        padding-left: 9px;
-        font-family: $icon-font;
-        content: '\e90c';
-        left: 0;
-        top: 0;
-        background: black;
-        color: white;
-        width: 32px;
-        height: 32px;
-        border-radius: 16px;
-        display: inline-block;
-    }
-
-    p, div, span {
-        margin-top: -32px;
-        padding-left: 48px;
-        line-height: 32px;
-    }
-}
-
-a {
-    color: $link-colour;
-
-    &:visited {
-        color: $visited-colour;
-    }
-    &:hover {
-        color: $link-hover-colour;
-    }
-    &:focus {
-        outline: 3px solid $focus-colour;
-        background: $focus-colour;
-    }
-}