ode-bootstrap-one 1.1.0-explorer.202111161353 → 1.1.1

package/scss/components/_navbar.scss

@@ -1,173 +0,0 @@
-.navbar {
-    @extend .width-one;
-    border-radius: 0 0 $border-radius $border-radius;
-    margin: 0 auto;
-    padding: 0 10px;
-    box-shadow: $box-shadow;
-
-    #my-photo {
-        height: 30px;
-        border-radius: 50%;
-    }
-
-    span {
-        font-family: "KGJune";
-        color: $primary;
-        font-size: 2.2rem;
-    }
-
-    .navigation {
-        &__item {
-            display: inline-block;
-            vertical-align: bottom;
-            text-decoration: none !important;
-            border-bottom: 5px solid transparent;
-            // margin: 3px 5px 0;
-            padding: 1px 5px;
-            line-height: $line-height-sm;
-
-            /* &:hover {
-                border-bottom: 5px solid $primary-dark;
-            } */
-
-            a:hover {
-                text-decoration: none;
-            }
-
-            i[class*="ic-"] {
-                color: $gray-500;
-                font-size: 2.4rem;
-            }
-
-            i.ic {
-                &-conversation {
-                    color: $yellow
-                }
-    
-                &-avatar {
-                    color: $purple
-                }
-    
-                &-help {
-                    color: $red
-                }
-    
-                &-disconnect {
-                    color: $orange
-                }
-            }
-
-            span[class*="mail-count"],
-            .new-mails {
-                position: relative;
-                top: -10px;
-                right: 10px;
-                display: inline-block;
-                height: 20px;
-                width: 20px;
-                background: $red;
-                border-radius: 50%;
-                font-family: "Arial";
-                font-size: 12px;
-                font-weight: bold;
-                color: white;
-                text-align: center;
-                line-height: 20px;
-                margin-right: -15px;
-            }
-        }
-    }
-}
-
-.navigation--secondary {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    @extend .width-one;
-
-    .logo {
-        display: inline-block;
-        max-width: 250px;
-        margin: 20px 0;
-    }
-
-    .navigation {
-        .button {
-            background-color: $secondary;
-            border: 2px solid $white;
-            border-radius: $border-radius;
-            padding: 5px 10px;
-            margin-left: 5px;
-            font-family: "KGJune";
-            text-transform: uppercase;
-            text-decoration: none;
-            font-size: 2.4rem;
-            color: white;
-
-            &:hover {
-                background-color: $secondary-dark;
-            }
-        }
-    }
-}
-
-@include media-breakpoint-down(md) {
-    .navbar,
-    .navigation--secondary {
-        position: fixed;
-        z-index: 100;
-        width: 100%;
-        min-width: inherit;
-        background: $white;
-    }
-
-    .navbar {
-        border-radius: 0;
-        top: 0;
-        padding: 2px 5px;
-
-        .navigation {
-            &__item {
-                padding: 0;
-                margin: 0 0.3rem;
-            }
-        }
-
-        a.application__title {
-            display: block;
-            width: calc(100% - 155px);
-            font-size: 1.3rem;
-        }
-    }
-
-    .navigation--secondary {
-        bottom: 0;
-        left: 0;
-        right: 0;
-        padding-top: 5px;
-        box-shadow: 0 -0.25rem 1rem rgba(0, 0, 0, 0.15);
-
-        .navigation {
-            width: 100%;
-            display: flex;
-            justify-content: space-around;
-            text-align: center;
-
-            .button {
-                background-color: transparent;
-                border: none;
-                border-radius: 0;
-                padding: 0;
-                color: $secondary-dark;
-                // color: white;
-                flex-grow: 1;
-
-                &:hover,
-                &:active {
-                    color: $secondary-dark;
-                    background-color: transparent;
-                }
-            }
-        }
-    }
-}

package/scss/forms/_.scss

@@ -1 +0,0 @@
-@import "forms";

package/scss/forms/_forms.scss

@@ -1,29 +0,0 @@
-.input-searchbar {
-
-    .fa-search {
-        position: absolute;
-        right: 1px;
-        top: 50%;
-        color: $orange;
-        padding-right: 1rem;
-        padding-left: 1rem;
-        transform: translateY(-50%);
-        background-color: $white;
-    }
-
-    .form-control {
-        display: block;
-        width: 100%;
-        padding: 0.6rem 1.2rem;
-        font-family: "Fira Sans";
-        font-size: 1.6rem;
-        font-weight: 400;
-        line-height: 1.6;
-        color: #6c757d;
-        background-color: $white;
-        background-clip: padding-box;
-        border: 1px solid #ced4da;
-        border-radius: 7px;
-        transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
-    }
-}

package/scss/index.scss

@@ -1,27 +0,0 @@
-/* ROBOTO FONT */
-@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap");
-
-/* VARIABLES */
-@import "variables/";
-
-/* OVERRIDE */
-@import "variables";
-
-/* BOOTSTRAP 5 FRAMEWORK */
-@import "node_modules/ode-bootstrap/scss/index";
-
-/* ATOMS */
-@import "atoms/";
-
-/* LAYOUT */
-@import "layout/";
-
-/* FORMS */
-@import "forms/";
-
-/* LEGACY : replace with new components UI */
-// replace with Toast BS5 everywhere
-@import "legacy/";
-
-/* COMPONENTS */
-@import "components/";

package/scss/layout/_.scss

@@ -1 +0,0 @@
-@import "custom";

package/scss/layout/_custom.scss

@@ -1,59 +0,0 @@
-.no-1d {
-  display: none;
-}
-
-body {
-  background-color: $primary;
-  background-image: url(#{$fonts-path}/../images/background.jpg);
-  background-size: cover;
-  background-attachment: fixed;
-  background-position: center;
-}
-
-.navbar-brand img {
-  width: 120px;
-}
-
-.breadcrumb-item {
-  display: flex;
-  align-items: center;
-}
-
-.width-one,
-.container {
-  min-width: 800px;
-  width: calc(100% - 300px);
-  max-width: 1400px;
-  margin: 0 auto;
-  padding: 0;
-
-  @include media-breakpoint-down(md) {
-    width: 100%;
-    min-width: inherit;
-  }
-}
-
-main.main {
-  background-color: $white;
-  padding: 2.5rem;
-  border-radius: $border-radius;
-  box-shadow: $box-shadow;
-  @extend .width-one;
-}
-
-.main-content {
-  background-color: $white;
-}
-
-@include media-breakpoint-down(md) {
-  main.main,
-  .main-content {
-    margin-top: 4rem;
-    padding: 1.5rem;
-    border-radius: 0;
-  }
-}
-
-.font-weight-bold {
-  font-weight: 700;
-}

package/scss/legacy/_.scss

@@ -1,2 +0,0 @@
-@import "info";
-@import "lightboxes";

package/scss/legacy/_info.scss

@@ -1,63 +0,0 @@
-.info {
-    margin-top: 1rem;
-    margin-bottom: 2rem;
-    padding: 1.5rem 3rem 1.5rem 1.5rem;
-    color: $primary;
-    text-align: left;
-    font-size: 1.2rem;
-    width: 445px !important;
-    border-radius: 10px;
-    background-color: #e1f4fb;
-
-    i.close {
-        font-style: normal;
-        cursor: pointer;
-        position: absolute;
-        top: .5rem;
-        right: 1rem;
-        height: 0;
-        // 
-        border-radius: 50%;
-        font-family: "generic-icons";
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-        background-image: none;
-        font-weight: normal !important;
-        color: $red;
-        background: $white;
-        text-shadow: 2px 0 0 $white, -2px 0 0 $white, 0 2px 0 $white, 0 -2px 0 $white, 1px 1px $white, -1px -1px 0 $white, 1px -1px 0 $white, -1px 1px 0 $white;
-        // 
-        transition: color 250ms ease;
-        font-size: 2.2rem;
-
-        &::before {
-            content: '\e848';
-        }
-
-        &:hover {
-            color: $secondary;
-        }
-    }
-
-    p {
-        margin: 1rem 0;
-        line-height: 14px;
-    }
-
-    .right-magnet {
-        float: right;
-    }
-
-    button {
-        &.cancel {
-            border: 1px solid $primary;
-            background: transparent;
-            color: $primary;
-
-            &:hover {
-                background: $primary;
-                color: $white;
-            }
-        }
-    }
-}