ode-bootstrap 1.1.4-dev.202306051725 → 1.1.4-feat-produit.202306051650

package/scss/components/widget/_base.scss

@@ -1,133 +1,133 @@
 .widget {
-  margin-bottom: 2em;
-  font-size: 1.4rem;
-  background-color: $white;
-  border-radius: 6px;
-  box-shadow: 2px 2px 40px 0 rgba(0, 0, 0, 0.05);
-  //overflow: hidden;
-
-  a {
-    text-decoration: none;
-  }
-
-  ul {
-    padding: 0;
-    margin: 0;
-    list-style-type: none;
-  }
-
-  .meta {
-    font-size: 0.8em;
-    color: $gray-700;
-  }
-
-  &-empty-message {
-    display: block;
-    padding: 10px $widget-padding-x;
-    font-style: italic;
-    color: $gray-700;
-    text-align: center;
-
-    &.link {
-      cursor: pointer;
-
-      @include media-breakpoint-down(lg) {
-        pointer-events: none;
-      }
+    margin-bottom: 2em;
+    font-size: 1.4rem;
+    background-color: #fff;
+    border-radius: 6px;
+    box-shadow: 2px 2px 40px 0 rgba(0, 0, 0, 0.05);
+    //overflow: hidden;
+
+    a {
+        text-decoration: none;
     }
-  }
 
-  &-header {
-    position: relative;
-    display: flex;
-    justify-content: flex-end;
-    padding: 1.2rem $widget-padding-x;
-    border-bottom: 1px solid $tertiary;
+    ul {
+        padding: 0;
+        margin: 0;
+        list-style-type: none;
+    }
 
-    .subtitle {
-      flex: 1;
+    .meta {
+        font-size: 0.8em;
+        color: $gray-700;
+    }
 
-      .seemore {
-        @include color-to($orange);
+    &-empty-message {
+        display: block;
+        padding: 10px $widget-padding-x;
+        font-style: italic;
+        color: $gray-700;
+        text-align: center;
 
-        color: inherit;
+        &.link {
+            cursor: pointer;
 
-        &:hover {
-          text-decoration: none;
+            @include media-breakpoint-down(lg) {
+                pointer-events: none;
+            }
         }
-      }
-
-      .seemore-text {
-        padding-left: 0.5em;
-        font-size: 0.8em;
-        font-weight: 400;
-        text-transform: initial;
-      }
     }
 
-    &:hover {
-      .widget-options {
-        opacity: 1;
-      }
-    }
-  }
+    &-header {
+        position: relative;
+        display: flex;
+        justify-content: flex-end;
+        padding: 1.2rem $widget-padding-x;
+        border-bottom: 1px solid $ghost;
 
-  &-options {
-    @include add-transitions(opacity);
-    opacity: 0;
+        .subtitle {
+            flex: 1;
 
-    & > * {
-      display: inline-block;
+            .seemore {
+                @include color-to($orange);
 
-      &:not(:first-child) {
-        margin-left: 0.8rem;
-      }
-    }
+                color: inherit;
 
-    .tool,
-    .widget-handle {
-      @include color-to($gray-700);
-      color: $gray-400;
-    }
+                &:hover {
+                    text-decoration: none;
+                }
+            }
+
+            .seemore-text {
+                padding-left: 0.5em;
+                font-size: 0.8em;
+                font-weight: 400;
+                text-transform: initial;
+            }
+        }
 
-    @include media-breakpoint-down(lg) {
-      display: none;
+        &:hover {
+            .widget-options {
+                opacity: 1;
+            }
+        }
     }
-  }
 
-  &-footer {
-    &-action {
-      text-align: center;
+    &-options {
+        @include add-transitions(opacity);
+        opacity: 0;
+        
+        & > * {
+            display: inline-block;
 
-      .link {
-        display: block;
-        padding: 0.4em 0;
-        font-size: $small-font-size;
-        color: $gray-600;
+            &:not(:first-child) {
+                margin-left: 0.8rem;
+            }
+        }
+
+        .tool,
+        .widget-handle {
+            @include color-to($gray-700);
+            color: $gray-400;
+        }
 
-        @include add-transitions(background-color, color) {
-          color: $primary;
-          background-color: $tertiary;
+        @include media-breakpoint-down(lg) {
+            display: none;
         }
-      }
     }
-  }
 
-  &:not(.widget-locked) {
-    .widget-header {
-      cursor: grab;
+    &-footer {
+        &-action {
+            text-align: center;
+
+            .link {
+                display: block;
+                padding: 0.4em 0;
+                font-size: $small-font-size;
+                color: $gray-600;
+
+                @include add-transitions(background-color, color) {
+                    color: $primary;
+                    background-color: $ghost;
+                }
+            }
+        }
+    }
+
+    &:not(.widget-locked) {
+        .widget-header {
+            cursor: grab;
+        }
     }
-  }
 
-  &:is(.widget-locked) {
-    .widget-handle {
-      display: none;
+    &:is(.widget-locked) {
+        .widget-handle {
+            display: none;
+        }
     }
-  }
 
-  &-qwant {
-    .widget-header {
-      margin-bottom: -2em;
+    &-qwant {
+        .widget-header {
+            margin-bottom: -2em;
+        }
     }
-  }
 }

package/scss/components/widget/_bookmarks.scss

@@ -1,21 +1,23 @@
 .widget-bookmarks {
-  //Widget Liens utiles
+    //Widget Liens utiles
 
-  .bookmark {
-    &-item {
-      @include background-color-to(rgba($secondary, 0.1));
+    .bookmark {
+        &-item {
 
-      padding: 0 $widget-padding-x;
-      color: $secondary;
-      border-bottom: 1px solid $gray-300;
+            @include background-color-to(rgba($third, 0.1));
 
-      .link {
-        @include decoration-to(none);
-        @include insert-icon("\f0c1", 0.8em, 1em);
+            padding: 0 $widget-padding-x;
+            color: $third;
+            border-bottom: 1px solid $gray-100;
 
-        display: block;
-        padding: 0.4em 0 0.4em 25px;
-      }
+            .link {
+
+                @include decoration-to(none);
+                @include insert-icon("\f0c1", 0.8em, 1em);
+
+                display: block;
+                padding: 0.4em 0 0.4em 25px;
+            }
+        }
     }
-  }
 }

package/scss/components/widget/_calendar.scss

@@ -1,57 +1,57 @@
 .widget-calendar {
-  //Widget Calendar
+    //Widget Calendar
 
-  .day-list {
-    margin: 10px $widget-padding-x;
-  }
-
-  .day-item {
-    position: relative;
-    padding-bottom: 0.5em;
-
-    &-title {
-      padding-left: 20px;
-
-      @include prepend-icon("\f111", 8px, 0, $orange);
-    }
-
-    &::before {
-      position: absolute;
-      top: 0.7em;
-      left: 3.5px;
-      display: block;
-      width: 1px;
-      height: 100%;
-      content: "";
-      background: #c8c8c8;
-    }
-
-    &:last-child {
-      &::before {
-        content: none;
-      }
-    }
-  }
-
-  .moment-item {
-    display: flex;
-    align-items: start;
-    padding-bottom: 0.75em;
-    padding-left: 25px;
-
-    .icon,
-    .hour {
-      width: 1em;
-      margin-right: 0.75em;
+    .day-list {
+        margin: 10px $widget-padding-x;
     }
 
-    .hour {
-      width: 2.5em;
-      text-align: right;
+    .day-item {
+        position: relative;
+        padding-bottom: 0.5em;
+
+        &-title {
+            padding-left: 20px;
+
+            @include prepend-icon("\f111", 8px, 0, $orange);
+        }
+
+        &::before {
+            position: absolute;
+            top: 0.7em;
+            left: 3.5px;
+            display: block;
+            width: 1px;
+            height: 100%;
+            content: "";
+            background: #c8c8c8;
+        }
+
+        &:last-child {
+            &::before {
+                content: none;
+            }
+        }
     }
 
-    .link {
-      flex: 1;
+    .moment-item {
+        display: flex;
+        align-items: start;
+        padding-bottom: 0.75em;
+        padding-left: 25px;
+
+        .icon,
+        .hour {
+            width: 1em;
+            margin-right: 0.75em;
+        }
+
+        .hour {
+            width: 2.5em;
+            text-align: right;
+        }
+
+        .link {
+            flex: 1;
+        }
     }
-  }
 }

package/scss/components/widget/_dashboard.scss

@@ -1,94 +1,95 @@
 .widget-dashboard {
-  .dashboard {
-    &-choice {
-      display: flex;
-      justify-content: start;
-      background: $white;
-
-      .avatar-link {
-        flex: 1;
-        padding: 10px $widget-padding-x;
-        text-align: center;
-        text-decoration: none;
-
-        @include background-color-to($cyan);
-        @include color-to($white);
-
-        img {
-          @include square(40px);
-
-          display: block;
-          margin: 0 auto 5px;
+    .dashboard {
+        &-choice {
+            display: flex;
+            justify-content: start;
+            background: #fff;
+
+            .avatar-link {
+                flex: 1;
+                padding: 10px $widget-padding-x;
+                text-align: center;
+                text-decoration: none;
+
+                @include background-color-to($cyan);
+                @include color-to(#fff);
+
+                img {
+
+                    @include square(40px);
+
+                    display: block;
+                    margin: 0 auto 5px;
+                }
+
+                span {
+                    display: block;
+                }
+
+                &.active {
+                    color: #fff;
+                    background: $third;
+                }
+
+                &:not(:last-child) {
+                    border-right: $cyan 1px solid;
+                }
+            }
         }
 
-        span {
-          display: block;
+        &-list {
+            .item {
+                &-inner {
+                    display: flex;
+                    padding: 8px $widget-padding-x;
+                    text-decoration: none;
+
+                    @include background-color-to($gray-100, 0.4s, $easeOutQuad);
+                }
+
+                .left {
+                    //width: 40px;
+
+                    padding-right: $widget-padding-x;
+                }
+
+                .icon {
+                    font-size: 1.4em;
+                    color: #fff;
+                    background: #0d5571;
+
+                    @include circle(1.8em);
+                    @include have-child-in-middle();
+                }
+
+                &:nth-child(2n) {
+                    background: rgba($third, 0.07);
+                }
+
+                &:nth-child(2) {
+                    .icon {
+                        background: #167194;
+                    }
+                }
+
+                &:nth-child(3) {
+                    .icon {
+                        background: #1e83ac;
+                    }
+                }
+
+                &:nth-child(4) {
+                    .icon {
+                        background: #2e99c4;
+                    }
+                }
+
+                &:nth-child(5) {
+                    .icon {
+                        background: #29a3d3;
+                    }
+                }
+            }
         }
-
-        &.active {
-          color: $white;
-          background: $primary;
-        }
-
-        &:not(:last-child) {
-          border-right: $cyan 1px solid;
-        }
-      }
-    }
-
-    &-list {
-      .item {
-        &-inner {
-          display: flex;
-          padding: 8px $widget-padding-x;
-          text-decoration: none;
-
-          @include background-color-to($gray-300, 0.4s, $easeOutQuad);
-        }
-
-        .left {
-          //width: 40px;
-
-          padding-right: $widget-padding-x;
-        }
-
-        .icon {
-          font-size: 1.4em;
-          color: $white;
-          background: #0d5571;
-
-          @include circle(1.8em);
-          @include have-child-in-middle();
-        }
-
-        &:nth-child(2n) {
-          background: rgba($secondary, 0.07);
-        }
-
-        &:nth-child(2) {
-          .icon {
-            background: #167194;
-          }
-        }
-
-        &:nth-child(3) {
-          .icon {
-            background: #1e83ac;
-          }
-        }
-
-        &:nth-child(4) {
-          .icon {
-            background: #2e99c4;
-          }
-        }
-
-        &:nth-child(5) {
-          .icon {
-            background: #29a3d3;
-          }
-        }
-      }
     }
-  }
 }

package/scss/components/widget/_featured-news.scss

@@ -1,59 +1,60 @@
 .widget-featured-news {
-  //Widget actualité à la une
-
-  .featured-news {
-    display: flex;
-
-    .zone-text {
-      flex: 1;
-      padding: $widget-padding-x;
-
-      .title {
-        font-size: 1.4em;
-        font-weight: 700;
-        color: #3b3b3b;
-      }
-    }
-
-    .zone-image {
-      @include add-overlay(0.5);
-      @include have-child-in-middle();
-
-      position: relative;
-      width: 30%;
-      padding: $widget-padding-x;
-      overflow: hidden;
-      border-bottom-left-radius: 120px;
-
-      @include media-breakpoint-down(xl) {
-        min-width: 220px;
-      }
-
-      .image {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-        object-position: center center;
-      }
-    }
-
-    @media (max-width: 1300px) and (min-width: 992px) {
-      flex-direction: column;
-
-      .zone-image {
-        width: 100%;
-        border-bottom-left-radius: 0;
-      }
-    }
-
-    @media (max-width: 500px) {
-      flex-direction: column;
-
-      .zone-image {
-        width: 100%;
-        border-bottom-left-radius: 0;
-      }
+    //Widget actualité à la une
+
+    .featured-news {
+        display: flex;
+
+        .zone-text {
+            flex: 1;
+            padding: $widget-padding-x;
+
+            .title {
+                font-size: 1.4em;
+                font-weight: 700;
+                color: #3b3b3b;
+            }
+        }
+
+        .zone-image {
+
+            @include add-overlay(0.5);
+            @include have-child-in-middle ();
+
+            position: relative;
+            width: 30%;
+            padding: $widget-padding-x;
+            overflow: hidden;
+            border-bottom-left-radius: 120px;
+
+            @include media-breakpoint-down(xl) {
+                min-width: 220px;
+            }
+
+            .image {
+                position: absolute;
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+                object-position: center center;
+            }
+        }
+
+        @media (max-width: 1300px) and (min-width: 992px) {
+            flex-direction: column;
+
+            .zone-image {
+                width: 100%;
+                border-bottom-left-radius: 0;
+            }
+        }
+
+        @media (max-width: 500px) {
+            flex-direction: column;
+
+            .zone-image {
+                width: 100%;
+                border-bottom-left-radius: 0;
+            }
+        }
     }
-  }
 }