ode-bootstrap 1.1.4-feat-explorer.202306051652 → 1.2.0

package/dist/version.txt

@@ -1 +1 @@
-ode-bootstrap=1.1.4-feat-explorer-SNAPSHOT 05/06/2023 16:53:05
+ode-bootstrap=1.2.0 17/07/2023 16:39:50

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ode-bootstrap",
-  "version": "1.1.4-feat-explorer.202306051652",
+  "version": "1.2.0",
   "description": "Open Digital Education CSS framework based on bootstrap",
   "scripts": {
     "copy-fonts": "cpr node_modules/entcore-generic-icons/fonts/ assets/fonts/generic-icons/ -o",

package/scss/components/_avatar.scss

@@ -18,6 +18,8 @@ $avatar-size: 65px !default;
   > img {
     object-fit: cover;
     margin: 0 auto;
+    height: 100%;
+    width: 100%;
   }
 
   > svg {
@@ -74,25 +76,6 @@ body:not(.app-react) {
     vertical-align: middle;
     border-radius: 50%;
 
-    /*&--20 {
-      width: 20px;
-      height: 20px;
-    }
-
-    &--25 {
-      width: 25px;
-      height: 25px;
-    }
-    &--50 {
-      width: 50px;
-      height: 50px;
-    }
-
-    &--100 {
-      width: 100px;
-      height: 100px;
-    }*/
-
     &-social {
       position: relative;
 
@@ -115,32 +98,5 @@ body:not(.app-react) {
         transform: translate(20%, 20%);
       }
     }
-
-    /*&-link {
-      cursor: pointer;
-      overflow: hidden;
-      @include avatar-image($avatar-size);
-
-      img {
-        background: $white;
-      }
-    }*/
   }
-
-  /*.navbar.no-1d {
-    .avatar {
-      margin-top: -0.3rem;
-      width: 3rem;
-      max-width: 3rem;
-      height: 3rem;
-      background-color: $white;
-
-      @include media-breakpoint-down(md) {
-        display: inline-block;
-        width: 2rem;
-        max-width: 2rem;
-        height: 2rem;
-      }
-    }
-  }*/
 }

package/scss/components/_buttons.scss

@@ -35,9 +35,9 @@
     width: $btn-svg-size;
     min-width: $btn-svg-size;
 
-    path {
+    /* path {
       fill: currentColor;
-    }
+    } */
   }
 
   &:first-child:active:focus-visible {
@@ -68,16 +68,18 @@
       }
     }
 
-    &:hover,
-    &.hover {
-      &:not(.btn-search) {
-        transform: translateY(-0.2rem);
-        box-shadow: 0 0.2rem 0 0 var(--#{$prefix}btn-hover-border-color);
-      }
-
-      &:is(.btn-search) {
-        span {
+    &:not(.disabled-hover) {
+      &:hover,
+      &.hover {
+        &:not(.btn-search) {
           transform: translateY(-0.2rem);
+          box-shadow: 0 0.2rem 0 0 var(--#{$prefix}btn-hover-border-color);
+        }
+
+        &:is(.btn-search) {
+          span {
+            transform: translateY(-0.2rem);
+          }
         }
       }
     }
@@ -95,11 +97,13 @@
       box-shadow: inset 0 0 0 0.1rem var(--#{$prefix}btn-focus-border-color);
     }
   } @else {
-    &:hover,
-    &.hover,
-    &:focus-visible {
-      > span {
-        transform: translateY(-0.2rem);
+    &:not(.disabled-hover) {
+      &:hover,
+      &.hover,
+      &:focus-visible {
+        > span {
+          transform: translateY(-0.2rem);
+        }
       }
     }
 

package/scss/components/_emptyscreen.scss

@@ -10,3 +10,7 @@
     max-width: 200px;
   }
 }
+
+.emptyscreen-image__mini {
+  margin: 20px auto;
+}

package/scss/components/_select-list.scss

@@ -1,8 +1,8 @@
 .select-list {
   display: flex;
   flex-direction: column;
-  max-height: 316px;
-  overflow-y: scroll;
+  max-height: 320px;
+  overflow-y: auto;
   //min-width: 250px;
 }
 

package/scss/tokens/_.scss

@@ -1,4 +1,4 @@
 @import "display";
 @import "icons";
-@import "type";
 @import "shadows";
+@import "type";

package/scss/tokens/_type.scss

@@ -49,6 +49,7 @@ body {
   font-family: $font-family-sans-serif;
   font-size: 1.6rem;
   line-height: 2.4rem;
+  text-transform: none;
 
   &:first-letter {
     text-transform: uppercase;

package/scss/utilities/_containers.scss

@@ -31,7 +31,7 @@ main {
     --#{$prefix}gap: 2.4rem;
   }
 
-  @include media-breakpoint-up(lg) {
+  @include media-breakpoint-up(xl) {
     --#{$prefix}columns: 12;
   }
 }

package/scss/variables/_bootstrap.scss

@@ -19,29 +19,13 @@ $link-decoration: none !default;
 // See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
 $min-contrast-ratio: 1.75 !default;
 
-// Grid breakpoints
-$grid-breakpoints: (
-  xs: 0,
-  sm: 375px,
-  md: 768px,
-  lg: 1024px,
-  xl: 1280px,
-  xxl: 1400px,
-) !default;
-
-// Container Max Widths
-$container-max-widths: (
-  sm: 540px,
-  md: 720px,
-  lg: 960px,
-  xl: 1140px,
-  xxl: 1352px,
-) !default;
-
-$container-padding-x: 3.2rem;
-
-// Gutter Grid CSS
-$grid-gutter-width: 2.4rem;
+// Radius
+$border-radius: 0.8rem !default;
+$border-radius-sm: 0.4rem !default;
+$border-radius-lg: 1.2rem !default;
+$border-radius-xl: 1.6rem !default;
+$border-radius-2xl: 2.4rem !default;
+$border-radius-pill: 50rem !default;
 
 // Spacers for margins, paddings and gaps
 $spacer-0: 0 !default;
@@ -54,7 +38,7 @@ $spacer-24: 2.4rem !default;
 $spacer-32: 3.2rem !default;
 $spacer-48: 4.8rem !default;
 $spacer-64: 6.4rem !default;
-$spacer-120: 12rem !default;
+// $spacer-120: 12rem !default;
 
 $spacers: (
   0: $spacer-0,
@@ -67,18 +51,34 @@ $spacers: (
   32: $spacer-32,
   48: $spacer-48,
   64: $spacer-64,
-  120: $spacer-120,
+  // 128: $spacer-128,
 ) !default;
 
-$enable-negative-margins: true;
+// Grid breakpoints
+$grid-breakpoints: (
+  xs: 0,
+  sm: 375px,
+  md: 768px,
+  lg: 1024px,
+  xl: 1280px,
+  xxl: 1400px,
+) !default;
 
-// Radius
-$border-radius: 0.8rem !default;
-$border-radius-sm: 0.4rem !default;
-$border-radius-lg: 1.2rem !default;
-$border-radius-xl: 1.6rem !default;
-$border-radius-2xl: 2.4rem !default;
-$border-radius-pill: 50rem !default;
+// Container Max Widths
+$container-max-widths: (
+  sm: 540px,
+  md: 720px,
+  lg: 960px,
+  xl: 1140px,
+  xxl: 1352px,
+) !default;
+
+$container-padding-x: 3.2rem;
+
+// Gutter Grid CSS
+$grid-gutter-width: 2.4rem;
+
+$enable-negative-margins: true;
 
 // Buttons
 $btn-align-items: center !default;

package/scss/vendors/_reboot.scss

@@ -12,10 +12,6 @@ img {
   height: auto;
 }
 
-/* ul > li:not(:last-child) {
-  margin-bottom: $spacer-12;
-} */
-
 p {
   margin-bottom: 0;
 }