ode-bootstrap 1.1.4-dev-produit.202306051650 → 1.1.4-dev.202306051654

package/scss/components/widget/_dashboard.scss

@@ -1,95 +1,94 @@
 .widget-dashboard {
-    .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;
-                }
-            }
+  .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;
         }
 
-        &-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;
-                    }
-                }
-            }
+        span {
+          display: block;
         }
+
+        &.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,60 +1,59 @@
 .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;
+      }
     }
+  }
 }

package/scss/components/widget/_flash.scss

@@ -1,101 +1,104 @@
 // Array Widget Flash Colors
 $widget-flash-colors: (
-    "red": $red,
-    "orange": $orange,
-    "green": $green,
-    "blue": $blue,
-    "grey-dark": $gray-700
+  "red": $red,
+  "orange": $orange,
+  "green": $green,
+  "blue": $blue,
+  "grey-dark": $gray-700,
 );
 
 .widget-flash {
-    position: relative;
-    padding: $widget-padding-x;
-    overflow: hidden;
-    color: var(--bs-white);
-    background: $primary;
+  position: relative;
+  padding: $widget-padding-x;
+  overflow: hidden;
+  color: $white;
+  background: $secondary;
 
-    @each $key, $value in $widget-flash-colors {
-        &.#{$key} {
-            --custom-message-color: #{$value};
-            background-color: $value;
-        }
+  @each $key, $value in $widget-flash-colors {
+    &.#{$key} {
+      --custom-message-color: #{$value};
+      background-color: $value;
     }
+  }
 
-    .btn {
-        &-close {
-            position: absolute;
-            top: 10px;
-            right: 10px;
-            color: var(--bs-dark);
-            text-shadow: none;
-        }
-    
-        &-expand {
-            cursor: pointer;
-    
-            &-inner {
-                position: absolute;
-                z-index: 2;
-                bottom: 0;
-                left: 0;
-                display: block;
-                width: 100%;
-                padding: 5px;
-                font-size: 0.8em;
-                color: var(--bs-white);
-                text-align: center;
-                background: rgba(#000, 0.1);
-    
-                @include background-color-to(rgba(#000, 0.2));
-            }
-        }
+  .btn {
+    &-close {
+      position: absolute;
+      top: 10px;
+      right: 10px;
+      color: var(--ode-dark);
+      text-shadow: none;
+    }
+
+    &-expand {
+      cursor: pointer;
+
+      &-inner {
+        position: absolute;
+        z-index: 2;
+        bottom: 0;
+        left: 0;
+        display: block;
+        width: 100%;
+        padding: 5px;
+        font-size: 0.8em;
+        color: $white;
+        text-align: center;
+        background: rgba(#000, 0.1);
+
+        @include background-color-to(rgba(#000, 0.2));
+      }
     }
+  }
 
-    .flash-content {
-        padding-right: 1rem;
+  .flash-content {
+    padding-right: 1rem;
 
+    p {
+      > br:first-child {
+        display: none;
+      }
+    }
+
+    &.can-be-truncated {
+      &:not(.flash-content-is-expandable) {
         p {
-            > br:first-child {
-                display: none;
-            }
+          @include has-text-truncated(4);
         }
 
-        &.can-be-truncated {
-            &:not(.flash-content-is-expandable) {
-            
-                p {
-                    @include has-text-truncated(4);
-                }
-    
-                &::after {
-                    content: "";
-                    position: absolute;
-                    z-index: 1;
-                    bottom: 2em;
-                    right: 0;
-                    left: 0;
-                    height: 4em;
-                    background: linear-gradient(to bottom, rgba(255,255,255,0), var(--custom-message-color));
-                }
-    
-                @media not all and (min-resolution:.001dpcm) {
-                    &::after {
-                        display: none;
-                    }
-                }
-    
-                .flash-content-signature {
-                    display: none;
-                }
-            }
+        &::after {
+          content: "";
+          position: absolute;
+          z-index: 1;
+          bottom: 2em;
+          right: 0;
+          left: 0;
+          height: 4em;
+          background: linear-gradient(
+            to bottom,
+            rgba(255, 255, 255, 0),
+            var(--custom-message-color)
+          );
+        }
 
-            .flash-content-signature {
-                padding-bottom: 1rem;
-            }
+        @media not all and (min-resolution: 0.001dpcm) {
+          &::after {
+            display: none;
+          }
         }
 
-        > *:last-child {
-            margin-bottom: 0;
+        .flash-content-signature {
+          display: none;
         }
+      }
+
+      .flash-content-signature {
+        padding-bottom: 1rem;
+      }
+    }
+
+    > *:last-child {
+      margin-bottom: 0;
     }
+  }
 }

package/scss/components/widget/_news.scss

@@ -1,35 +1,35 @@
 .widget-news {
-    //Widget Actualités
+  //Widget Actualités
 
-    .news-row {
-        @include background-color-to($gray-100, 0.4s, $easeOutQuad);
+  .news-row {
+    @include background-color-to($gray-300, 0.4s, $easeOutQuad);
 
-        display: flex;
-        align-items: center;
-        padding: 1rem $widget-padding-x;
-        text-decoration: none;
+    display: flex;
+    align-items: center;
+    padding: 1rem $widget-padding-x;
+    text-decoration: none;
 
-        &-image {
-            width: 60px;
-            padding-right: 2.5rem;
-            text-align: center;
-            transition: transform 0.4s $easeInOutQuad;
-            transform-origin: center;
+    &-image {
+      width: 60px;
+      padding-right: 2.5rem;
+      text-align: center;
+      transition: transform 0.4s $easeInOutQuad;
+      transform-origin: center;
 
-            img {
-                max-height: 4rem;
-                max-width: 4rem;
-            }
-        }
+      img {
+        max-height: 4rem;
+        max-width: 4rem;
+      }
+    }
 
-        &-text {
-            line-height: 1.4em;
-        }
+    &-text {
+      line-height: 1.4em;
+    }
 
-        &:hover {
-            .news-row-image {
-                transform: translateX(5px);
-            }
-        }
+    &:hover {
+      .news-row-image {
+        transform: translateX(5px);
+      }
     }
+  }
 }

package/scss/components/widget/_recently-viewed.scss

@@ -1,65 +1,65 @@
 $recently-viewed-image-width: 35;
 
 .widget-recently-viewed {
-    //Widget Consultations récentes
+  //Widget Consultations récentes
 
-    .recently-viewed {
-        &-item {
-            @include background-color-to($gray-100, 0.4s, $easeOutQuad);
+  .recently-viewed {
+    &-item {
+      @include background-color-to($gray-300, 0.4s, $easeOutQuad);
 
-            &:hover {
-                .icon-app {
-                    background-color: $gray-100;
-                    transform: translateX(60%);
-                }
-            }
+      &:hover {
+        .icon-app {
+          background-color: $gray-300;
+          transform: translateX(60%);
         }
+      }
     }
+  }
 
-    .link-card {
-        @include decoration-to(none);
+  .link-card {
+    @include decoration-to(none);
 
-        position: relative;
-        display: flex;
-        align-items: center;
-        justify-content: flex-end;
-        padding-left: $widget-padding-x;
-        border-top: 1px solid $gray-100;
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding-left: $widget-padding-x;
+    border-top: 1px solid $gray-300;
 
-        .text {
-            width: 100 - $recently-viewed-image-width * 1%;
-            padding-right: 0.5em;
-        }
+    .text {
+      width: 100 - $recently-viewed-image-width * 1%;
+      padding-right: 0.5em;
+    }
 
-        .image {
-            @include add-overlay(0.2);
+    .image {
+      @include add-overlay(0.2);
 
-            width: $recently-viewed-image-width * 1%;
-            height: 5em;
-            max-height: 120px;
+      width: $recently-viewed-image-width * 1%;
+      height: 5em;
+      max-height: 120px;
 
-            img {
-                width: 100%;
-                height: 100%;
-                object-fit: cover;
-                object-position: center center;
-            }
-        }
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        object-position: center center;
+      }
+    }
 
-        .icon-app {
-            @include have-child-in-middle();
-            @include add-transitions(background-color, transform);
+    .icon-app {
+      @include have-child-in-middle();
+      @include add-transitions(background-color, transform);
 
-            position: absolute;
-            right: $recently-viewed-image-width * 1%;
-            z-index: 2;
-            width: 2em;
-            height: 2em;
-            font-size: 1.75em;
-            background-color: #fff;
-            border-radius: 190px;
-            transition-timing-function: $easeOutQuad;
-            transform: translateX(50%);
-        }
+      position: absolute;
+      right: $recently-viewed-image-width * 1%;
+      z-index: 2;
+      width: 2em;
+      height: 2em;
+      font-size: 1.75em;
+      background-color: $white;
+      border-radius: 190px;
+      transition-timing-function: $easeOutQuad;
+      transform: translateX(50%);
     }
+  }
 }