ode-bootstrap 3.13.0-dev.202103031343 → 4.0.0

package/scss/mixins/_transition.scss

@@ -0,0 +1,105 @@
+// A revoir, à compléter, à optimiser
+//Note Julien -> appliquer ce type de transition à l'ensemble des propriétés provoque des mouvements au chargement de la page
+
+.transition-hover-fast {
+    transition-timing-function: ease;
+    transition-duration: 0.25s;
+    transition-property: all;
+}
+
+.transition-hover {
+    transition-timing-function: ease;
+    transition-duration: 0.5s;
+    transition-property: all;
+}
+
+.transition-hover-slow {
+    transition-timing-function: ease;
+    transition-duration: 0.75s;
+    transition-property: all;
+}
+
+.transition-hover-very-slow {
+    transition-timing-function: ease;
+    transition-duration: 0.75s;
+    transition-property: all;
+}
+
+/**
+ * https://easings.net/
+ */
+$easeInSine: cubic-bezier(0.47, 0, 0.745, 0.715);
+$easeOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
+$easeInOutSine: cubic-bezier(0.39, 0.575, 0.565, 1);
+
+$easeInQuad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+$easeOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+$easeInOutQuad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+
+$easeInCubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+$easeOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+$easeInOutCubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+
+$easeInQuart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+$easeOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
+$easeInOutQuart: cubic-bezier(0.165, 0.84, 0.44, 1);
+
+$easeInQuint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+$easeOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
+$easeInOutQuint: cubic-bezier(0.23, 1, 0.32, 1);
+
+$easeInExpo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+$easeOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
+$easeInOutExpo: cubic-bezier(0.19, 1, 0.22, 1);
+
+$easeInCirc: cubic-bezier(0.6, 0.04, 0.98, 0.335);
+$easeOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
+$easeInOutCirc: cubic-bezier(0.075, 0.82, 0.165, 1);
+
+$easeInBack: cubic-bezier(0.6, -0.28, 0.735, 0.045);
+$easeOutBack: cubic-bezier(0.175, 0.885, 0.32, 1.275);
+$easeInOutBack: cubic-bezier(0.68, -0.55, 0.265, 1.55);
+
+$easeInOutFast: cubic-bezier(1, 0, 0, 1);
+
+$authenticMotion: cubic-bezier(0.4, 0, 0.2, 1);
+
+$default-easing: $easeInOutQuad;
+$default-duration: 0.4s;
+
+//Mixins
+
+@mixin add-transitions($properties...) {
+    transition-timing-function: $default-easing;
+    transition-duration: $default-duration;
+    transition-property: $properties;
+
+    @media (hover: hover) {
+        &:hover {
+            @content;
+        }
+    }
+}
+
+@mixin background-color-to($color: $primary, $duration: $default-duration, $easing: $default-easing) {
+    transition: background-color $duration $easing;
+
+    &:hover {
+        background-color: $color;
+    }
+}
+
+@mixin color-to($color: $primary, $duration: 0.2s, $easing: $default-easing) {
+    transition: color $duration $easing;
+
+    &:hover {
+        color: $color;
+    }
+}
+
+@mixin decoration-to($state: "underline") {
+
+    &:hover {
+        text-decoration: $state;
+    }
+}

package/scss/variables/_.scss

@@ -0,0 +1,4 @@
+@import "colors";
+@import "variables-bootstrap";
+@import "variables-ode";
+@import "icons";

package/scss/variables/_colors.scss

@@ -0,0 +1,51 @@
+//Override Bootstrap default colors
+
+$white: #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black: #000 !default;
+
+$blue: #0d6efd !default;
+$indigo: #6610f2 !default;
+$purple: #6f42c1 !default;
+$pink: #d63384 !default;
+$red: #dc3545 !default;
+$orange: #fd7e14 !default;
+$yellow: #ffc107 !default;
+$green: #198754 !default;
+$teal: #20c997 !default;
+$cyan: #0dcaf0 !default;
+$deep-blue: #0984b3 !default;
+
+$primary: $blue !default;
+$secondary: $gray-600 !default;
+$third: $deep-blue !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $yellow !default;
+$danger: $red !default;
+$light: $gray-200 !default;
+$medium: $gray-500 !default;
+$dark: $gray-700 !default;
+$ghost: #f5f5fb !default;
+
+$theme-colors: (
+    "primary": $primary,
+    "secondary": $secondary,
+    "third": $third,
+    "success": $success,
+    "info": $info,
+    "warning": $warning,
+    "danger": $danger,
+    "light": $light,
+    "medium": $medium,
+    "dark": $dark,
+    "ghost": $ghost
+) !default;

package/scss/variables/_icons.scss

@@ -0,0 +1,184 @@
+/* prettier-ignore */
+$icons-interface: (
+    "apps"          : ( "glyph": "\e86c"),
+    "burger"        : ( "glyph": "\e956"),
+    "carnet-de-bord": ( "glyph": "\e902"),
+    "chevron-right" : ( "glyph": "\e823"),
+    "close"         : ( "glyph": "\e866"),
+    "community"     : ( "glyph": "\e814"),
+    "comment"       : ( "glyph": "\e8d2"),
+    "conversation"  : ( "glyph": "\e804"),
+    "disconnect"    : ( "glyph": "\e842"),
+    "eye-slash"     : ( "glyph": "\e904"),
+    "folder"        : ( "glyph": "\e846"),
+    "grades"        : ( "glyph": "\e614"),
+    "grid"          : ( "glyph": "\e940"),
+    "help"          : ( "glyph": "\e835"),
+    "home"          : ( "glyph": "\e82b"),
+    "homeworks"     : ( "glyph": "\e86f"),
+    "list"          : ( "glyph": "\e84f"),
+    "microphone"    : ( "glyph": "\e864"),
+    "minus"         : ( "glyph": "\e95b"),
+    "nobody"        : ( "glyph": "\e901"),
+    "plus"          : ( "glyph": "\e85e"),
+    "public"        : ( "glyph": "\e8d1"),
+    "rss"           : ( "glyph": "\e861"),
+    "search"        : ( "glyph": "\e8d0"),
+    "signets"       : ( "glyph": "\e80c"),
+    "star"          : ( "glyph": "\e9d9"),
+    "timer-off"     : ( "glyph": "\e426"),
+    "trending-up"   : ( "glyph": "\e8e5"),
+    "tools"         : ( "glyph": "\e855"),
+    "user"          : ( "glyph": "\e905"),
+    "users"         : ( "glyph": "\e822"),
+    "share"         : ( "glyph": "\e815"),
+    "view"          : ( "glyph": "\e873"),
+    "warning"       : ( "glyph": "\e903")      
+) !default;
+
+$icons-widgets: (
+    "actualites":       ("glyph": "\e85b"),
+    "aide-devoirs":     ("glyph": "\e818"),
+    "agenda":           ("glyph": "\e83c"),
+    "apps":             ("glyph": "\e86c"),
+    "bookmark-empty":   ("glyph": "\e888"),
+    "calendar":         ("glyph": "\e834"),
+    "carnet-de-bord":   ("glyph": "\e902"),
+    "microphone":       ("glyph": "\e864"),
+    "maxicours":        ("glyph": "\e825"),
+    "mood":             ("glyph": "\e811"),
+    "notes":            ("glyph": "\e806"),
+    "rss":              ("glyph": "\e861"),
+    "qwant":            ("glyph": "\e93d"),
+    "schoolbook":       ("glyph": "\e95a"),
+    "signets":          ("glyph": "\e80c"),
+) !default;
+
+$icons-applications: (
+    "account":             ( "color": $purple, "glyph": "\e905"),
+    "actualites":          ( "color": $cyan,   "glyph": "\e85b"),
+    "admin-portal":        ( "color": $red,    "glyph": "\e908"),
+    "admin":               ( "color": $yellow, "glyph": "\e81a"),
+    "archive":             ( "color": $yellow, "glyph": "\e81d"),
+    "attendance":          ( "color": $red,    "glyph": "\e80b"),
+    "blog":                ( "color": $indigo, "glyph": "\e809"),
+    "cahier-de-texte":     ( "color": $teal,   "glyph": "\e910"),
+    "cahier-textes":       ( "color": $teal,   "glyph": "\e86f"),
+    "calendar":            ( "color": $yellow, "glyph": "\e834"),
+    "canal-numerique":     ( "color": $cyan,   "glyph": "\e80a"),
+    "cns":                 ( "color": $teal,   "glyph": "\e88a"),
+    "collaborative-wall":  ( "color": $teal,   "glyph": "\e800"),
+    "collaborativeeditor": ( "color": $cyan,   "glyph": "\e829"),
+    "community":           ( "color": $purple, "glyph": "\e814"),
+    "competences":         ( "color": $red,    "glyph": "\e927"),
+    "conversation":        ( "color": $yellow, "glyph": "\e804"),
+    "directory":           ( "color": $teal,   "glyph": "\e811"),
+    "exercizer":           ( "color": $purple, "glyph": "\e833"),
+    "qwant":               ( "color": $pink,   "glyph": "\e93d"),
+    "forum":               ( "color": $cyan,   "glyph": "\e81e"),
+    "library":             ( "color": $yellow, "glyph": "\e94c"),
+    "mindmap":             ( "color": $cyan,   "glyph": "\e859"),
+    "notebook":            ( "color": $teal,   "glyph": "\e8d4"),
+    "notes":               ( "color": $yellow, "glyph": "\e806"),
+    "pad":                 ( "color": $cyan,   "glyph": "\e829"),
+    "pages":               ( "color": $red,    "glyph": "\e876"),
+    "parametrage":         ( "color": $red,    "glyph": "\e92f"),
+    "parcours":            ( "color": $orange, "glyph": "\e94d"),
+    "paths":               ( "color": $orange, "glyph": "\e94d"),
+    "poll":                ( "color": $cyan,   "glyph": "\e832"),
+    "polls":               ( "color": $cyan,   "glyph": "\e832"),
+    "rack":                ( "color": $red,    "glyph": "\e80d"),
+    "rbs":                 ( "color": $pink,   "glyph": "\e80e"),
+    "schoolbook":          ( "color": $teal,   "glyph": "\e91e"),
+    "scrap-book":          ( "color": $teal,   "glyph": "\e8d4"),
+    "scrapbook":           ( "color": $teal,   "glyph": "\e8d4"),
+    "searchengine":        ( "color": $cyan,   "glyph": "\e8d0"),
+    "settings-class":      ( "color": $yellow, "glyph": "\e942"),
+    "sharebigfiles":       ( "color": $purple, "glyph": "\e8cb"),
+    "statistics":          ( "color": $purple, "glyph": "\e810"),
+    "stats":               ( "color": $purple, "glyph": "\e909"),
+    "support":             ( "color": $teal,   "glyph": "\e835"),
+    "timeline":            ( "color": $indigo, "glyph": "\e854"),
+    "timelinegenerator":   ( "color": $yellow, "glyph": "\e819"),
+    "userbook":            ( "color": $teal,   "glyph": "\e811"),
+    "userbook-mood":       ( "color": $teal,   "glyph": "\e811"),
+    "userbook-moto":       ( "color": $teal,   "glyph": "\e811"),
+    "video":               ( "color": $cyan,   "glyph": "\e872"),
+    "visioconf":           ( "color": $cyan,   "glyph": "\e957"),
+    "Web-conference":      ( "color": $cyan,   "glyph": "\e957"),
+    "website":             ( "color": $cyan,   "glyph": "\e90a"),
+    "wiki":                ( "color": $purple, "glyph": "\e813"),
+    "workspace":           ( "color": $red,    "glyph": "\e81b"),
+) !default;
+
+$icons-connectors: (
+    "absences"                  : ( "color": $red,    "glyph": "\e80b"),
+    "admission-post-bac"        : ( "color": $red,    "glyph": "\e816"),
+    "aide-devoirs"              : ( "color": $teal,   "glyph": "\e818"),
+    "agenda"                    : ( "color": $yellow, "glyph": "\e83c"),
+    "assistance"                : ( "color": $cyan,   "glyph": "\e93c"),
+    "assr"                      : ( "color": $red,    "glyph": "\e891"),
+    "award"                     : ( "color": $teal,   "glyph": "\e818"),
+    "banquesavoir"              : ( "color": $cyan,   "glyph": "\e88d"),
+    "bcdi"                      : ( "color": $purple, "glyph": "\e88f"),
+    "biblionisep"               : ( "color": $teal,   "glyph": "\e8a4"),
+    "bookmark-empty"            : ( "color": $teal,   "glyph": "\e888"),
+    "canal-numerique"           : ( "color": $red,    "glyph": "\e80a"),
+    "ccn"                       : ( "color": $teal,   "glyph": "\e90f"),
+    "cerise"                    : ( "color": $red,    "glyph": "\e81c"),
+    "cervoprint"                : ( "color": $cyan,   "glyph": "\e896"),
+    "charlemagne"               : ( "color": $red,    "glyph": "\e885"),
+    "charte"                    : ( "color": $yellow, "glyph": "\e93b"),
+    "chat"                      : ( "color": $red,    "glyph": "\e817"),
+    "cidj"                      : ( "color": $teal,   "glyph": "\e893"),
+    "connecteur-generique1"     : ( "color": $red,    "glyph": "\e8aa"),
+    "connecteur-generique2"     : ( "color": $red,    "glyph": "\e8ab"),
+    "educagri"                  : ( "color": $indigo, "glyph": "\e89e"),
+    "edumedia"                  : ( "color": $cyan,   "glyph": "\e887"),
+    "edumoov"                   : ( "color": $red,    "glyph": "\e939"),
+    "edutheque"                 : ( "color": $yellow, "glyph": "\e8a6"),
+    "electron"                  : ( "color": $red,    "glyph": "\e89b"),
+    "elyceepicardie"            : ( "color": $indigo, "glyph": "\e898"),
+    "esidoc"                    : ( "color": $pink,   "glyph": "\e826"),
+    "europress"                 : ( "color": $cyan,   "glyph": "\e8a7"),
+    "gepi"                      : ( "color": $cyan,   "glyph": "\e89c"),
+    "glpi"                      : ( "color": $red,    "glyph": "\e897"),
+    "hiboutheque"               : ( "color": $teal,   "glyph": "\e90e"),
+    "itopstore"                 : ( "color": $teal,   "glyph": "\e895"),
+    "kne"                       : ( "color": $purple, "glyph": "\e81f"),
+    "le-site-tv"                : ( "color": $yellow, "glyph": "\e87a"),
+    "lemonde"                   : ( "color": $indigo, "glyph": "\e8a9"),
+    "lesechos"                  : ( "color": $indigo, "glyph": "\e8a5"),
+    "lsu"                       : ( "color": $cyan,   "glyph": "\e93a"),
+    "madmagz"                   : ( "color": $pink,   "glyph": "\e89d"),
+    "matholycee"                : ( "color": $red,    "glyph": "\e8a3"),
+    "maxicours"                 : ( "color": $indigo, "glyph": "\e825"),
+    "mediacentre"               : ( "color": $red,    "glyph": "\e863"),
+    "monorientationenligne"     : ( "color": $yellow, "glyph": "\e89f"),
+    "monstageenligne"           : ( "color": $cyan,   "glyph": "\e8a2"),
+    "moodle"                    : ( "color": $orange, "glyph": "\e948"),
+    "museefrancaisphoto"        : ( "color": $indigo, "glyph": "\e892"),
+    "my-network"                : ( "color": $indigo, "glyph": "\e82e"),
+    "netvibes"                  : ( "color": $teal,   "glyph": "\e8a1"),
+    "note"                      : ( "color": $yellow, "glyph": "\e806"),
+    "onisep"                    : ( "color": $cyan,   "glyph": "\e88c"),
+    "onisep2"                   : ( "color": $cyan,   "glyph": "\e894"),
+    "parametrage"               : ( "color": $red,    "glyph": "\e92f"),
+    "paraschool"                : ( "color": $teal,   "glyph": "\e82d"),
+    "pearltress"                : ( "color": $cyan,   "glyph": "\e933"),
+    "picardie-cursus"           : ( "color": $purple, "glyph": "\e921"),
+    "pro-eps"                   : ( "color": $cyan,   "glyph": "\e884"),
+    "pronote"                   : ( "color": $purple, "glyph": "\e82a"),
+    "public"                    : ( "color": $red,    "glyph": "\e863"),
+    "qwant-junior"              : ( "color": $red,    "glyph": "\e93d"),
+    "residence-artiste"         : ( "color": $teal,   "glyph": "\e90f"),
+    "ressourcesdepartementale91": ( "color": $indigo, "glyph": "\e890"),
+    "sacoche"                   : ( "color": $indigo, "glyph": "\e899"),
+    "scolinfo"                  : ( "color": $red,    "glyph": "\e886"),
+    "suitcase"                  : ( "color": $red,    "glyph": "\e88b"),
+    "turboself"                 : ( "color": $yellow, "glyph": "\e8a0"),
+    "universalis"               : ( "color": $red,    "glyph": "\e831"),
+    "unstagepourtous"           : ( "color": $pink,   "glyph": "\e88e"),
+    "vie-scolaire"              : ( "color": $yellow, "glyph": "\e879"),
+    "webclasseur"               : ( "color": $cyan,   "glyph": "\e88c"),
+) !default;

package/scss/variables/_variables-bootstrap.scss

@@ -0,0 +1,107 @@
+/*
+Personnalisation de certains paramètres de boostrap
+Ajouter l'option !default pour permettre la surcharge depuis les thèmes
+Ref : https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
+*/
+// Body
+$body-bg: $gray-100 !default;
+$body-color: $gray-700 !default;
+
+$text-light: $gray-300 !default;
+$text-lightest: $white !default;
+$text-color: $gray-800 !default;
+
+$link-decoration: none !default;
+
+// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
+// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+$min-contrast-ratio: 1.75 !default;
+
+// Grid breakpoints
+$grid-breakpoints: (
+    xxs: 0,
+    xs: 360px,
+    sm: 576px,
+    md: 768px,
+    lg: 992px,
+    xl: 1200px,
+    xxl: 1400px,
+) !default;
+
+// Components
+$border-radius-sm: 6px !default;
+$border-radius: 6px !default;
+$border-radius-lg: 10px !default;
+
+// Typography
+$font-family-sans-serif: "Roboto", sans-serif !default;
+$font-size-base: 1.4rem !default;
+$line-height-base: 1.6 !default;
+$small-font-size: 1.2rem !default;
+
+// Forms
+$input-border-color: $gray-300 !default;
+$input-focus-border-color: $secondary !default;
+$input-btn-padding-x: 1rem !default;
+$form-floating-padding-x: 1rem !default;
+$form-floating-padding-y: 1.25rem !default;
+$form-floating-height: 5rem !default;
+$form-floating-input-padding-t: 1.75rem !default;
+$form-floating-input-padding-b: 0.5rem !default;
+
+// Dropdowns
+$dropdown-link-color: $gray-700 !default;
+$dropdown-link-hover-color: darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg: rgba($secondary, 0.1) !default;
+
+// Image thumbnails
+$thumbnail-bg: $white !default;
+
+// Cards
+$card-spacer-y: 25px !default;
+$card-spacer-x: 35px !default;
+$card-min-height: 110px !default;
+$card-width: 265px !default;
+
+// Modals
+$modal-backdrop-bg: $gray-800 !default;
+$modal-backdrop-opacity: 0.65 !default;
+$modal-footer-border-width: 0 !default;
+$modal-header-border-width: 0 !default;
+$modal-inner-padding: 1.5rem !default;
+$modal-content-border-width: 0 !default;
+
+// Offcanvas
+$offcanvas-padding-y: 1rem !default;
+$offcanvas-padding-x: 1rem !default;
+$offcanvas-vertical-height: auto !default;
+
+// Image thumbnails
+$thumbnail-bg: $white !default;
+$thumbnail-padding: .5rem!default;
+
+// Toast
+$toast-font-size: 1.4rem !default;
+$toast-padding-y: 15px !default;
+$toast-padding-x: 20px !default;
+$toast-background-color: #fff !default;
+$toast-header-background-color: #fff !default;
+$toast-max-width: 450px !default;
+
+// Table
+$table-color: $gray-700 !default;
+$table-striped-bg: rgba($gray-100, .25) !default;
+$table-border-color: $gray-100 !default;
+$table-cell-padding-y: 0.75rem !default;
+$table-cell-padding-x: 0.75rem !default;
+$table-cell-padding-y-sm: .5rem !default;
+$table-cell-padding-x-sm: .5rem !default;
+$table-hover-bg: $gray-100 !default;
+
+// Tabs
+$nav-link-color: $secondary !default;
+$nav-tabs-link-active-bg: $white !default;
+$nav-tabs-link-active-color: $gray-600 !default;
+
+// Z-index
+$zindex-offcanvas: 1050 !default;

package/scss/variables/_variables-ode.scss

@@ -0,0 +1,12 @@
+//Variables propres au framework ode-bootstrap
+
+// COLOR // shadow // A Garder ou unifier avec les var $box-shadow ?
+$shadow-lightest: rgba(#000, 0.1);
+$shadow-light: rgba(#000, 0.3);
+$shadow: rgba(#000, 0.6);
+$shadow-dark: rgba(#000, 0.8);
+
+// FONT PATHS
+$fonts-path: "fonts" !default;
+$fa-font-path: "#{$fonts-path}/fa" !default;
+$dyslexic-font-path: "#{$fonts-path}/dyslexic" !default;

package/scss/_emptyscreen.scss

@@ -1,45 +0,0 @@
-.emptyscreen {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-content: center;
-    text-align: center;
-    height: inherit;
-    align-items: center;
-    margin-top: 25px;
-    &-header {
-        font-size: 26px;
-    }
-    &-image {
-        max-width: 40%;
-        max-height: 30vh;
-        margin-top: 35px;
-        margin-bottom: 20px;
-        &__mini {
-        max-height: 200px;
-        margin: 25px;
-        }
-        &[src*="trash"] {
-        max-height: 35vh;
-        }
-    }
-    &-footer {
-        font-size: 14px;
-        line-height: 1.5;
-        color: #333;
-        margin: 25px 50px;
-        max-width: 500px;
-    }
-}
-
-@include media-breakpoint-up(sm) {
-    .emptyscreen {
-    &-header {
-        font-size: 20px;
-    }
-    &-footer {
-        font-size: 12px;
-    }
-    }
-}
-  

package/scss/_image-contextual-menu.scss

@@ -1,97 +0,0 @@
-.lightbox-opened .image-contextual-menu{
-    opacity: 0;
-}
-.lightbox-opened .image-contextual-menu{
-    display: none;
-}
-.image-contextual-menu{
-    display: flex;
-    align-items: center;
-    position: absolute;
-    padding: 5px;
-    border-radius: 5px;
-    animation: slideIn 1 250ms;
-    transform-origin: top;
-    z-index: 100001;
-    background: #f9f9f9;
-    color: #222;
-    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
-    white-space: nowrap;
-    button, i{
-        user-select: none;
-        margin-bottom: 0;
-        background: transparent;
-        color: #222;
-        cursor: pointer;
-    }
-    button{
-        font-family: $ode-btn-font;
-        text-transform: uppercase;
-        height: 40px;
-        display: inline-block;
-        box-sizing: border-box;
-        border-radius: 15px;
-        font-size: 22px;
-        border: none;
-        line-height: 40px;
-        padding-left: 12px !important;
-        padding-right: 12px !important;
-        padding-left: 13px;
-        background: transparent;
-        box-shadow: none;
-        border-right: 1px solid rgba(255,255,255, 0.3);
-        &:hover{
-            background: #ccc;
-        }
-    }
-    i{
-        transition: 250ms ease;
-        line-height: 37px;
-        display: inline-block;
-        height: 38px;
-        box-sizing: border-box;
-        width: 35px;
-        text-align: center;
-        vertical-align: text-bottom;
-        border-radius: 3px;
-        font-style: normal;
-        &.large{
-            font-size: 30px;
-        }
-        &.medium{
-            font-size: 23px;
-        }
-        &.ed{
-            box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;
-            &:hover{
-                box-shadow: none;
-            }
-        }
-    }
-
-    i.resize-image{
-        @include fonticon();
-        &::before{
-            content: '\e929';
-        }
-    }
-}
-
-.image-contextual-menu{
-    i:hover, i.selected{
-        background: #ddd;
-    }
-    button:hover{
-        color: #222;
-    }
-}
-@media screen and (max-width: $tablette) {
-    body{
-        .image-contextual-menu{
-            pointer-events: none;
-            button, i{
-                pointer-events: all;
-            }
-        }
-    }
-}

package/scss/_mixins.scss

@@ -1,15 +0,0 @@
-@function getUrl($path) {
-    @return url(#{$base-url}#{$path});
-}
-
-@function getUrlStr($path) {
-    @return #{$base-url}#{$path};
-}
-
-@mixin fonticon {
-    font-family: "generic-icons";
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    background-image: none;
-    font-weight: normal!important;
-}