ode-csslib 1.0.0-dev-produit.202209220950

package/scss/specifics/cahier-de-textes/components/_atomic.scss

@@ -0,0 +1,289 @@
+.text-ellipsis {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.vertical-align-top {
+  vertical-align: top;
+}
+
+.display-table {
+  display: table;
+}
+
+.table-cell-middle {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.empty-take-space:after {
+  content: '\200b';
+}
+
+.pagination {
+  float: right;
+}
+
+.table-layout-fixed {
+  table-layout: fixed;
+}
+
+.inline-child{
+  >div{
+    display: inline-block;
+  }
+}
+
+.space-between-child{
+  >div:before{
+    content: " ";
+    white-space: pre;
+  }
+}
+
+.float-none{
+  float: none;
+}
+
+.min-width-unset {
+  min-width: unset !important;
+}
+
+.resize-vertical {
+  resize: vertical;
+}
+
+.resize-none {
+  resize: none;
+}
+
+.display-inline-block {
+  display:inline-block;
+}
+
+.overflow-y- {
+  overflow-y: auto;
+}
+
+.pull-left {
+  float: left !important;
+}
+
+.pull-right {
+  float: right !important;;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-left {
+  text-align: left;
+}
+
+// Color
+.orange-text {
+  color: #ff8500;
+}
+
+.yellow-text {
+  color: #ffd900;
+}
+
+.green-text {
+  color: $diary-darkgreen;
+}
+
+.red-text {
+  color: $diary-red;
+}
+
+.lightgray {
+  color: #999;
+}
+
+.gray {
+  color: #666;
+}
+
+.bg-lightgrey {
+  background-color: #f7f6f6;
+}
+
+
+// Form
+
+.italic {
+  font-style: italic;
+}
+
+// Opacity
+
+.opacity-icon {
+  opacity: 0.2;
+}
+
+
+
+// Margin
+
+.remove-margin{
+  margin: 0px;
+}
+
+.remove-margin-top{
+  margin-top: 0px;
+}
+
+.margin-sm{
+  margin: 5px;
+}
+
+.margin-md{
+  margin: 10px;
+}
+
+.margin-bottom-sm {
+  margin-bottom: 5px;
+}
+.margin-top-sm {
+  margin-top: 5px;
+}
+.margin-left-sm {
+  margin-left: 5px !important;
+}
+.margin-right-sm {
+  margin-right: 5px;
+}
+
+.margin-bottom-md {
+  margin-bottom: 10px;
+}
+.margin-top-md {
+  margin-top: 10px;
+}
+.margin-left-md {
+  margin-left: 10px;
+}
+.margin-right-md {
+  margin-right: 10px;
+}
+.margin-top-Botton-md{
+  margin-top: 15px;
+  margin-bottom: 10px;
+}
+.margin-bottom-mid {
+  margin-bottom: 15px;
+}
+.margin-bottom-lg {
+  margin-bottom: 20px;
+}
+.margin-top-lg {
+  margin-top: 20px !important;
+}
+.margin-left-lg {
+  margin-left: 20px;
+}
+.margin-right-lg {
+  margin-right: 20px;
+}
+
+
+
+// Padding
+
+.remove-padding {
+  padding: 0px;
+}
+
+.padding-sm {
+  padding: 5px;
+}
+
+.padding-lg {
+  padding: 20px;
+}
+
+
+.padding-bottom-sm {
+  padding-bottom: 5px;
+}
+.padding-top-sm {
+  padding-top: 5px;
+}
+.padding-left-sm {
+  padding-left: 5px;
+}
+.padding-right-sm {
+  padding-right: 5px;
+}
+
+.padding-md {
+  padding: 10px;
+}
+
+.padding-bottom-md {
+  padding-bottom: 10px;
+}
+
+.padding-bottom-lg {
+  padding-bottom: 16px;
+}
+
+.padding-top-md {
+  padding-top: 10px;
+}
+
+.padding-left-md {
+  padding-left: 10px !important;
+}
+
+.padding-left-xlg {
+  padding-left: 24px;
+}
+
+.padding-right-md {
+  padding-right: 10px;
+}
+
+.padding-right-lg {
+  padding-right: 20px;
+}
+
+.padding-right-xlg {
+  padding-right: 24px;
+}
+
+.padding-bottom-list {
+  padding-bottom: 24px;
+}
+
+
+.full-td-width {
+  width: 100%
+}
+
+.border-width-fieldset {
+  border: aliceblue;
+}
+
+.cdt-title-not-clickable {
+  color: $diary-black;
+  margin: 0px;
+}
+
+.text-align-inherit {
+  text-align: initial !important;
+}
+
+.justified-content-end {
+  justify-content: flex-end !important;
+}

package/scss/specifics/cahier-de-textes/components/_buttons.scss

@@ -0,0 +1,18 @@
+button, a.button, input[type=button] {
+  color: $diary-white;
+  background: $diary-darkgreen;
+  box-shadow: none;
+
+  &:hover {
+    background-color: $diary-darkengreen;
+  }
+
+  &:disabled {
+    background: $diary-dark-grey;
+  }
+
+  &.cancel {
+    background: $diary-grey;
+    color: $diary-white;
+  }
+}

package/scss/specifics/cahier-de-textes/components/_editor.scss

@@ -0,0 +1,52 @@
+editor {
+  lightbox {
+    h2 {
+      background: $diary-darkgreen;
+      box-sizing: border-box;
+      margin: 0;
+      padding: 10px 5px;
+      color: $diary-white;
+      border-top-left-radius: 5px;
+      border-top-right-radius: 5px;
+      text-indent: 20px;
+
+      ~ div {
+        padding: 0 20px;
+
+        &:last-child {
+          margin-bottom: 20px !important;
+        }
+      }
+    }
+
+    // insert media library
+    .media-library {
+      margin: 10px;
+      width: auto;
+    }
+
+    nav.vertical>ul, nav.vertical>div>ul, .app-menu>ul, .app-menu>div>ul {
+      border-left: 5px solid $diary-darkgreen;
+      a:hover, a:hover>h1, a:hover>h2, a:hover>h3 {
+        color: $diary-darkgreen;
+      }
+    }
+
+    nav.vertical ul li a.selected, .app-menu ul li a.selected {
+      color: $diary-darkgreen;
+    }
+
+    nav.vertical ul li a i.arrow::before, .app-menu ul li a i.arrow::before {
+      color: $diary-darkgreen;
+    }
+  }
+
+  // insert math
+  .mathjax {
+    lightbox {
+      .content {
+        padding: 10px;
+      }
+    }
+  }
+}

package/scss/specifics/cahier-de-textes/components/_ellipsis.scss

@@ -0,0 +1,26 @@
+@mixin ellipsis-multiline($multiline) {
+  display: block;
+  display: -webkit-box;
+  margin: 0 auto;
+  -webkit-line-clamp: $multiline;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  /*! autoprefixer: off */
+  -webkit-box-orient: vertical;
+  /* autoprefixer: on */
+}
+
+.ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.ellipsis-multiline {
+  &-two {
+    @include ellipsis-multiline(2);
+  }
+  &-three {
+    @include ellipsis-multiline(3);
+  }
+}

package/scss/specifics/cahier-de-textes/components/_empty-content.scss

@@ -0,0 +1,49 @@
+.empty-content {
+  margin: 0 auto;
+  display: flex;
+  @include mobile {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .description {
+    height: 300px;
+    font-size: 18px;
+    color: $diary-middle-grey;
+    display: flex;
+    align-self: flex-start;
+    align-items: center;
+    justify-content: center;
+
+    @include mobile {
+      height: auto;
+      padding: 24px 0;
+    }
+  }
+}
+
+.bar {
+  &:first-child {
+    margin-right: 20px;
+  }
+
+  &:last-child {
+    margin-left: 20px;
+  }
+}
+
+.orange-bar {
+  display: block;
+  width: 50px;
+  height: 10px;
+  background: $diary-darkorange;
+  border-radius: 5px;
+}
+
+.green-bar {
+  display: block;
+  width: 50px;
+  height: 10px;
+  background: $diary-darkgreen;
+  border-radius: 5px;
+}

package/scss/specifics/cahier-de-textes/components/_icons.scss

@@ -0,0 +1,114 @@
+i {
+  &.diary-view-calendar::before {
+    content: "\e8b3";
+  }
+
+  &.diary-view-list::before {
+    content: "\e8b8";
+  }
+
+  &.diary-view-carousel::before {
+    content: "\e90d";
+  }
+
+  &.diary-view-puzzle-piece::before {
+    content: "\e918";
+  }
+
+  &.diary-view-chart-bar::before {
+    content: "\e810";
+  }
+
+  &.diary-view-window::before {
+    content: "\f56e";
+  }
+
+  &.open-bloc::before {
+    content: "\e932";
+  }
+
+  &.close-bloc::before {
+    content: "\e931";
+  }
+
+  &.diary-up::before {
+    content: "\e838";
+  }
+
+  &.diary-calendar::before {
+    content: "\e917";
+  }
+
+  &.diary-file::before {
+    content: "\e945";
+  }
+
+  &.diary-folder::before {
+    content: "\e81b";
+  }
+
+  &.diary-user::before {
+    content: "\e870";
+  }
+
+  &.arrow-right::before {
+    content: "\e823";
+  }
+
+  &.arrow-left::before {
+    content: "\e87b";
+  }
+
+  &.arrow-up::before {
+    content: "\e840";
+  }
+
+  &.arrow-down::before {
+    content: "\e841";
+  }
+
+  &.right-open::before {
+    content: "\e823";
+  }
+
+  &.visible:before {
+    font-family: 'material-icons';
+    content: "\F208";
+  }
+
+  &.invisible:before {
+    font-family: 'material-icons';
+    content: "\F6D0";
+  }
+
+  &.dashboard:before {
+    font-family: 'material-icons';
+    content: "\F56E";
+  }
+
+  &.nav-diary-calendar:before {
+    font-family: 'material-icons';
+    content: "\F4EB";
+  }
+
+  &.notebook:before {
+    font-family: 'material-icons';
+    content: "\F82D";
+  }
+
+  &.progression:before {
+    font-family: 'material-icons';
+    content: "\F8B4";
+  }
+
+
+  &.file-pdf:before {
+    content: "\e857";
+  }
+
+  &.notebook-archive:before {
+    font-family: 'material-icons';
+    content: "\F3D4";
+  }
+
+}

package/scss/specifics/cahier-de-textes/components/_index.scss

@@ -0,0 +1,25 @@
+@import './mixins';
+@import './responsive';
+@import './pagination';
+@import './main';
+@import './side-navbar';
+@import './containers/index';
+@import './atomic';
+@import './utils';
+@import './administrator-page';
+@import './select';
+@import './progression';
+@import './icons';
+@import './fixCalendarHRFirefox';
+@import './loader';
+@import './sniplet';
+@import './progression-tree';
+@import './buttons';
+@import './main/index';
+@import './empty-content';
+@import './app-title';
+@import './ellipsis';
+@import './lightbox';
+@import './editor';
+@import './multi-combo';
+@import './notebook-archives';

package/scss/specifics/cahier-de-textes/components/_lightbox.scss

@@ -0,0 +1,25 @@
+.lightbox {
+  z-index: 100030;
+
+  .content {
+    padding: 0;
+  }
+
+  .close-lightbox {
+    color: $diary-white;
+  }
+
+  section.head {
+    background: $diary-darkgreen;
+    padding: 1px 15px !important;
+    border-radius: 5px 5px 0 0;
+
+    h1, h2, h3, h4, h5, h6 {
+      color: $diary-white;
+    }
+  }
+
+  section.body {
+    padding: 8px 20px;
+  }
+}

package/scss/specifics/cahier-de-textes/components/_loader.scss

@@ -0,0 +1,55 @@
+$loader-animation-duration: 1.8s;
+
+.loader-container {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .loader {
+    margin: 50px;
+    transform: translate(-50%, -50%);
+    width: 50px;
+    height: 10px;
+    background: $diary-darkgreen;
+    border-radius: 5px;
+    animation: load $loader-animation-duration ease-in-out infinite;
+
+    &:before, &:after {
+      position: absolute;
+      display: block;
+      content: "";
+      animation: load $loader-animation-duration ease-in-out infinite;
+      height: 10px;
+      border-radius: 5px;
+    }
+
+    &:before {
+      top: -20px;
+      left: 10px;
+      width: 40px;
+      background: $diary-red;
+    }
+
+    &:after {
+      bottom: -20px;
+      width: 35px;
+      background: $diary-purple;
+    }
+  }
+}
+
+@keyframes load {
+  0% {
+    transform: translateX(40px);
+  }
+
+  50% {
+    transform: translateX(-30px);
+  }
+  100% {
+    transform: translateX(40px);
+  }
+}