✨ Initial clean up of framework scss

frontend/resources/styles/common/framework.scss

@@ -56,150 +56,6 @@ input[type="button"][disabled],
   pointer-events: none;
 }
 
-// Doted list
-
-.doted-list {
-  li {
-    align-items: center;
-    display: flex;
-    padding: $size-2 0;
-
-    &::before {
-      background-color: $color-complete;
-      border-radius: 50%;
-      content: "";
-      flex-shrink: 0;
-      height: 10px;
-      margin-right: 6px;
-      width: 10px;
-    }
-
-    &.not-included {
-      text-decoration: line-through;
-    }
-  }
-}
-
-// Input elements
-.input-element {
-  display: flex;
-  flex-shrink: 0;
-  position: relative;
-  width: 75px;
-
-  &::after,
-  .after {
-    color: $color-gray-20;
-    font-size: $fs12;
-    height: 20px;
-    position: absolute;
-    right: $size-2;
-    text-align: right;
-    top: 26%;
-    width: 18px;
-
-    pointer-events: none;
-    max-width: 4rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-
-  .after {
-    width: auto;
-    right: 6px;
-  }
-
-  &.mini {
-    width: 43px;
-  }
-
-  &.auto {
-    width: auto;
-  }
-
-  // Input amounts
-
-  &.pixels {
-    & input {
-      padding-right: 20px;
-    }
-
-    &::after {
-      content: "px";
-    }
-  }
-
-  &.percentail {
-    &::after {
-      content: "%";
-    }
-  }
-
-  &.milliseconds {
-    &::after {
-      content: "ms";
-    }
-  }
-
-  &.degrees {
-    &::after {
-      content: "dg";
-    }
-  }
-
-  &.height {
-    &::after {
-      content: "H";
-    }
-  }
-
-  &.width {
-    &::after {
-      content: "W";
-    }
-  }
-
-  &.Xaxis {
-    &::after {
-      content: "X";
-    }
-  }
-
-  &.Yaxis {
-    &::after {
-      content: "Y";
-    }
-  }
-
-  &.maxW {
-    &::after {
-      content: attr(alt);
-    }
-  }
-
-  &.minW {
-    &::after {
-      content: attr(alt);
-    }
-  }
-
-  &.maxH {
-    &::after {
-      content: attr(alt);
-    }
-  }
-
-  &.minH {
-    &::after {
-      content: attr(alt);
-    }
-  }
-
-  &.large {
-    min-width: 7rem;
-  }
-}
-
 input,
 select {
   box-sizing: border-box;
@@ -329,43 +185,6 @@ input[type="range"]:focus::-ms-fill-upper {
   background: $color-gray-60;
 }
 
-// Scroll bar (chrome)
-
-::-webkit-scrollbar {
-  background-color: transparent;
-  cursor: pointer;
-  height: 8px;
-  width: 8px;
-}
-
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-corner {
-  background-color: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-  background-color: $color-gray-20;
-
-  &:hover {
-    background-color: darken($color-gray-20, 14%);
-    outline: 2px solid $color-primary;
-  }
-}
-
-.message-inline {
-  background-color: $color-info;
-  color: $color-info-darker;
-  margin-bottom: 1.2rem;
-  padding: 0.8rem;
-  text-align: center;
-  p {
-    margin: 0;
-  }
-  .code {
-    font-family: monospace;
-  }
-}
-
 [draggable] {
   -moz-user-select: none;
   -khtml-user-select: none;