ode-csslib 1.0.0-dev-produit.202209220950

package/scss/icons/_pictos.scss

@@ -0,0 +1,589 @@
+i.cloud-upload {
+  @include fonticon;
+  &::before {
+    content: "\e9c3";
+  }
+}
+
+i.undo,
+.undo > i {
+  @include fonticon;
+  &::before {
+    content: "\e8be";
+  }
+}
+
+i.redo,
+.redo > i {
+  @include fonticon;
+  &::before {
+    content: "\e8bd";
+  }
+}
+i.loaded {
+  @include fonticon;
+  transform: rotate(0deg);
+  &::before {
+    content: "\e915";
+  }
+}
+
+i.loading {
+  animation: rotate 1000ms linear infinite;
+  @include fonticon;
+  display: inline-block;
+  height: inherit !important;
+  &::before {
+    content: "\e85a";
+  }
+}
+
+i.loadingCopy {
+  font-size: 350%;
+  margin-left: 40px;
+  margin-top: 20px;
+}
+
+i.loadingMove {
+  font-size: 350%;
+  margin-left: 70px;
+  margin-top: 20px;
+}
+
+i.loadingExport {
+  font-size: 450%;
+  margin-top: 50px;
+}
+
+i.back {
+  @include fonticon;
+  &::before {
+    content: "\e84c";
+  }
+}
+
+i.forward {
+  @include fonticon;
+  &::before {
+    content: "\e867";
+  }
+}
+
+i.rotate {
+  @include fonticon;
+  &::before {
+    content: "\e92b";
+  }
+}
+
+i.crop {
+  @include fonticon;
+  &::before {
+    content: "\ea57";
+  }
+}
+
+i.blur {
+  @include fonticon;
+  &::before {
+    content: "\e92e";
+  }
+}
+
+i.resize {
+  @include fonticon;
+  &::before {
+    content: "\e865";
+  }
+}
+
+i.trash {
+  @include fonticon;
+  &::before {
+    content: "\e8cf";
+  }
+}
+
+.download-disk {
+  @include fonticon;
+  &:before {
+    content: "\e86e";
+  }
+}
+
+i.properties {
+  @include fonticon;
+  &::before {
+    content: "\e854";
+  }
+}
+
+i.help-large,
+i.help.cas,
+i.help,
+i.navbar-help {
+  @include fonticon;
+}
+i.help-large::before,
+i.type.help::before,
+i.help::before,
+i.navbar-help::before {
+  content: "\e835";
+  cursor: pointer;
+}
+i.others,
+i.share {
+  @include fonticon;
+  &::before {
+    content: "\e815";
+  }
+}
+i.search {
+  @include fonticon;
+  &::before {
+    content: "\e930";
+  }
+}
+i.file-text,
+i.draft {
+  @include fonticon;
+  &:before {
+    content: "\e919";
+  }
+}
+i.mail-in,
+i.download {
+  @include fonticon;
+  text-align: center;
+}
+i.mail-in:before,
+i.download:before {
+  content: "\e83f";
+  font-size: 12px;
+}
+
+i.mail-out,
+i.upload {
+  @include fonticon;
+  text-align: center;
+}
+i.mail-out:before,
+i.upload:before {
+  content: "\e84e";
+  font-size: 12px;
+}
+
+i.mail-new {
+  @include fonticon;
+  text-align: center;
+}
+i.mail-new:before {
+  content: "\e828";
+  font-size: 12px;
+}
+
+i.attachment {
+  width: auto;
+  height: auto;
+  @include fonticon;
+  &:before {
+    content: "\e805";
+  }
+}
+
+i.warning {
+  @include fonticon;
+  &::before {
+    content: "\e903";
+  }
+}
+i.check-circle {
+  @include fonticon;
+  &::before {
+    content: "\e916";
+  }
+}
+i.sort {
+  @include fonticon;
+  &::before {
+    content: "\e926";
+  }
+}
+i.right-arrow {
+  @include fonticon;
+  &::before {
+    content: "\e867";
+  }
+}
+i.person {
+  @include fonticon;
+  text-align: center;
+  font-size: 16px;
+  &::before {
+    content: "\e905";
+  }
+}
+
+/* actions icons */
+
+i.distribute {
+  @include fonticon;
+  &::before {
+    content: "\e849";
+  }
+}
+i.switch {
+  @include fonticon;
+  &::before {
+    content: "\e874";
+  }
+}
+
+i.send-mail {
+  @include fonticon;
+  margin-right: 7px;
+  @include run-transition(background);
+}
+i.send-mail::before {
+  content: "\e804";
+  color: $white;
+}
+i.send-mail:hover {
+  &::before {
+    color: $accent;
+  }
+}
+.action-item {
+  i.send-mail {
+    line-height: 43px;
+    &::before {
+      color: $primary;
+    }
+  }
+  &:hover {
+    i.send-mail {
+      &::before {
+        color: $accent;
+      }
+    }
+  }
+}
+
+i.add-favorite {
+  @include fonticon;
+  margin-right: 7px;
+  @include run-transition(background);
+}
+
+i.add-favorite::before {
+  content: "\e80c";
+  color: $white;
+}
+
+.domino {
+  i.add-favorite::before {
+    color: $primary;
+  }
+}
+i.add-favorite:hover {
+  &::before {
+    color: $accent;
+  }
+}
+i.add-favorite.no-hover:hover {
+  &::before {
+    color: $primary;
+  }
+}
+.action-item {
+  i.add-favorite {
+    line-height: 43px;
+    &::before {
+      color: $primary;
+    }
+  }
+  &:hover {
+    i.add-favorite {
+      &::before {
+        color: $accent;
+      }
+    }
+  }
+}
+
+.action-item:hover span {
+  color: $accent;
+}
+
+.icon-off {
+  opacity: 0.3;
+}
+
+i.spinner,
+.spinner > i {
+  @include fonticon;
+  &::before {
+    content: "\e85a";
+  }
+}
+
+i.folder-close {
+  @include fonticon;
+  &::before {
+    content: "\e81b";
+  }
+}
+
+i.settings-class-large,
+i.settings-class {
+  @include fonticon;
+
+  &::before {
+    content: "\e942";
+  }
+}
+
+i.add-page {
+  @include fonticon;
+  &::before {
+    content: "\e90b";
+  }
+}
+
+i.add-user {
+  @include fonticon;
+  &::before {
+    content: "\e937";
+  }
+}
+
+i.card-user {
+  @include fonticon;
+  &::before {
+    content: "\e943";
+  }
+}
+
+i.import-file {
+  @include fonticon;
+  &::before {
+    content: "\e944";
+  }
+}
+
+i.file-solid {
+  @include fonticon;
+  &::before {
+    content: "\e945";
+  }
+}
+
+i.file-pdf {
+  @include fonticon;
+  &::before {
+    content: "\e857";
+  }
+}
+
+i.file-xls {
+  @include fonticon;
+  &::before {
+    content: "\e881";
+  }
+}
+
+i.mail-o {
+  @include fonticon;
+  &::before {
+    content: "\e807";
+  }
+}
+i.left {
+  @include fonticon;
+  &::before {
+    content: "\e87b";
+  }
+}
+i.right {
+  @include fonticon;
+  &::before {
+    content: "\e823";
+  }
+}
+
+i.plus {
+  @include fonticon;
+  &::before {
+    content: "\e85e";
+  }
+}
+
+i.cancel {
+  @include fonticon;
+  &::before {
+    content: "\e866";
+  }
+}
+
+i.mine {
+  @include fonticon;
+  &::before {
+    content: "\e870";
+  }
+}
+
+i.view {
+  @include fonticon;
+  &::before {
+    content: "\e873";
+  }
+}
+
+i.public {
+  @include fonticon;
+  &::before {
+    content: "\e863";
+  }
+}
+
+i.share,
+i.ic-share {
+  @include fonticon;
+  &::before {
+    content: "\e815";
+  }
+}
+
+i.edit {
+  @include fonticon;
+  &::before {
+    content: "\e858";
+  }
+}
+
+i.manage {
+  @include fonticon;
+  &::before {
+    content: "\e854";
+  }
+}
+
+i.fullscreen-on {
+  @include fonticon;
+  &::before {
+    content: "\e947";
+  }
+}
+i.fullscreen-off {
+  @include fonticon;
+  &::before {
+    content: "\e946";
+  }
+}
+
+i.resize-full {
+  @include fonticon;
+  &::before {
+    content: "\e836";
+  }
+}
+
+i.dico,
+i.dicodelazone-widget-icon {
+  @include fonticon;
+  &::before {
+    content: "\e812";
+  }
+}
+
+i.ic-edumedia {
+  @include fonticon;
+  &::before {
+    content: "\e887";
+  }
+}
+
+i.dashboard {
+  @include fonticon;
+  &::before {
+    content: "\e94b";
+  }
+}
+
+i.congrats {
+  @include fonticon;
+  &::before {
+    content: "\e877";
+  }
+}
+
+i.file-image {
+  @include fonticon;
+  &::before {
+    content: "\e882";
+  }
+}
+
+i.website,
+i.website-large {
+  @include fonticon;
+  &::before {
+    content: "\e94a";
+  }
+}
+
+i.library,
+i.library-large {
+  @include fonticon;
+  &::before {
+    content: "\e94c";
+  }
+}
+
+i.move {
+  @include fonticon;
+  &::before {
+    content: "\e847";
+  }
+}
+i.save {
+  @include fonticon;
+  &::before {
+    content: "\e955";
+  }
+}
+
+i.record-video {
+  @include fonticon;
+  &::before {
+    content: "\e94f";
+  }
+}
+i.record-audio {
+  @include fonticon;
+  &::before {
+    content: "\e950";
+  }
+}
+
+i.suspend,
+i.pause {
+  @include fonticon;
+  &::before {
+    content: "\e952";
+  }
+}
+
+i.burger-icon {
+  @include fonticon;
+  &::before {
+    content: "\e956";
+  }
+}
+
+i.recurrent {
+  @include fonticon;
+  &::before {
+    content: "\e958";
+  }
+}

package/scss/icons/_svg.scss

@@ -0,0 +1,8 @@
+$svgs: 0, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64;
+
+@each $svg in $svgs {
+  .svg-#{$svg} {
+    width: $svg + px !important;
+    height: $svg + px !important;
+  }
+}

package/scss/index.scss

@@ -0,0 +1,24 @@
+@import "variables-css-lib";
+@import "breakpoints";
+
+@import "fonts";
+@import "mixins";
+@import "animations";
+@import "colors";
+@import "cursor";
+@import "crisscross";
+@import "crisscross-tablette";
+@import "crisscross-mobile";
+
+@import "ratios";
+@import "text";
+@import "layouts/layouts";
+@import "modules/modules";
+@import "app";
+@import "mobile/mobile";
+@import "icons/icons";
+
+@import "specifics/";
+
+@import "print";
+@import "bpr";

package/scss/layouts/_layouts.scss

@@ -0,0 +1,2 @@
+@import "pages-layouts";
+@import "positions";