ode-csslib 4.0.3 → 4.0.5-dev.202301181145

package/scss/specifics/magneto/components/_toasts.scss

@@ -0,0 +1,103 @@
+.toasts {
+  position: fixed;
+  top: 74px;
+  right: 25px;
+  width: 350px;
+  z-index: 999999;
+  box-sizing: border-box;
+
+  .toast-content {
+    //@include material-card();
+    margin-bottom: 10px;
+    position: relative;
+    opacity: 0;
+    margin-top: 40px;
+    box-sizing: border-box;
+    font-size: 16px !important;
+    border-left: none !important;
+    height: 0 !important;
+    overflow: hidden;
+    transition: all 0.25s ease;
+
+    .content {
+      padding: 15px 10px;
+      line-height: 28px;
+
+      &:before {
+        @include fonticon();
+        margin-right: 10px;
+      }
+    }
+
+    &.show {
+      margin-top: 10px !important;
+      opacity: 1;
+      height: auto !important;
+      overflow: auto !important;
+    }
+
+    &.confirm {
+      color: darken($green, 35%);
+      background-color: lighten($green, 30%);
+
+      .content:before {
+        content: "\e871";
+      }
+
+      .timer {
+        background-color: darken($green, 15%);
+      }
+    }
+
+    &.info {
+      color: darken($cyan, 35%);
+      background-color: lighten($cyan, 30%);
+
+      .content:before {
+        content: "\e84b";
+      }
+
+      .timer {
+        background-color: darken($cyan, 15%);
+      }
+    }
+
+    &.warning {
+      color: darken($warning-color, 35%);
+      background-color: lighten($warning-color, 30%);
+
+      .content:before {
+        content: "\e903";
+      }
+
+      .timer {
+        background-color: darken($warning-color, 15%);
+      }
+    }
+
+    &.info,
+    &.warning {
+      .content:before {
+        font-size: 20px !important;
+      }
+    }
+
+    .timer {
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      height: 4px;
+      border-bottom-left-radius: 2px;
+      border-bottom-right-radius: 2px;
+      transition-timing-function: linear;
+      transition-property: all;
+      transition-duration: 3s;
+
+      &.animation {
+        width: 0;
+        border-bottom-right-radius: 0;
+      }
+    }
+  }
+}

package/scss/specifics/presences/components/containers/_register.scss

@@ -200,7 +200,7 @@ $absence-button-width: 20px;
         position: absolute;
         top: 50%;
         margin-top: calc(($absence-button-width + 1px) / -2);
-        border-radius: calc($absence-button-width/2) + 1px;
+        border-radius: calc(($absence-button-width / 2) + 1px);
         border: solid 1px #929292;
         transition: all 0.3s ease;
         background-color: $white;
@@ -248,9 +248,10 @@ $absence-button-width: 20px;
 
       > div {
         width: 44px;
-        height: calc($student-height/3);
+        height: calc($student-height / 3);
         background-color: pink;
-        border-radius: calc($student-height/5);
+        border-radius: calc($student-height / 5);
+
 
         &.absence {
           background-color: $presences-red;
@@ -300,7 +301,7 @@ $absence-button-width: 20px;
     position: absolute;
     top: 50%;
     margin-top: calc(($absence-button-width + 1px) / -2);
-    border-radius: calc($absence-button-width/2) + 1px;
+    border-radius: calc(($absence-button-width / 2) + 1px);
     border: solid 1px #929292;
     transition: all 0.3s ease;
     background-color: $white;

package/scss/specifics/presences/components/material/_radio.scss

@@ -23,7 +23,7 @@ $md-radio-ripple-size: 15px;
     display: inline-block;
     height: $md-radio-size;
     position: relative;
-    padding: 0 ($md-radio-size + 10px);
+    padding: 0 calc($md-radio-size + 10px);
     margin-bottom: 0;
     cursor: pointer;
     vertical-align: bottom;
@@ -44,8 +44,8 @@ $md-radio-ripple-size: 15px;
     &:after {
       top: calc($md-radio-size / 2 - $md-radio-checked-size / 2 - 0.2px);
       left: calc($md-radio-size / 2 - $md-radio-checked-size / 2 - 0.2px);
-      width: $md-radio-checked-size;
-      height: $md-radio-checked-size;
+      width:$md-radio-checked-size;
+      height:$md-radio-checked-size;
       transform: scale(0);
       background: $md-radio-checked-color;
     }

package/scss/specifics/rbs/_rbs.scss

@@ -6,8 +6,9 @@ $rbs-dimgrey: #696969;
 $rbs-green: #09ac00;
 $rbs-red: #dd0000;
 
-body.rbs {
-  @import "./components/index";
+
+body.rbs, .sniplet.rbs {
+  @import "components/index";
 
   .input-size {
     width: 40px;

package/scss/specifics/rbs/components/_index.scss

@@ -1,4 +1,5 @@
 @import "icons";
 @import "check-boxes";
 @import "resource-table";
-@import "calendar";
+@import "calendar";
+@import "sniplets";

package/scss/specifics/rbs/components/_sniplets.scss

@@ -0,0 +1,17 @@
+.sniplet.calendarBooking {
+
+  &-bookingFormBody {
+    float: unset !important;
+  }
+
+  &-bookingInfoBox {
+    border: 1px solid;
+    border-color: rgba($darkest-grey, 0.2);
+    border-radius: 2px;
+
+    &-bookingInfo {
+      color: unset;
+    }
+  }
+
+}