nexus-shared 1.1.20 → 2.0.0

package/src/styles/nexus.utility.css

@@ -1,347 +0,0 @@
-/* scrollbar */
-.sb,
-.sbh,
-textarea {
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--B30) var(--B2);
-}
-.sbh {
-  scrollbar-width: none;
-}
-
-.sb::-webkit-scrollbar {
-  width: var(--SLBW);
-  height: var(--SLBW);
-}
-
-/* Thinner scrollbar: textareas + .sb.sm (Firefox: thin is the minimum) */
-.sb.sm,
-textarea {
-  scrollbar-width: thin;
-}
-
-.sb.sm::-webkit-scrollbar-thumb,
-textarea::-webkit-scrollbar-thumb {
-  border-width: 0.08rem;
-}
-
-.sb::-webkit-scrollbar-track,
-textarea::-webkit-scrollbar-track {
-  background: var(--B3);
-}
-
-.sb::-webkit-scrollbar-thumb,
-textarea::-webkit-scrollbar-thumb {
-  background-color: var(--B30);
-  border-radius: var(--BR2);
-  border: 0.12rem solid var(--B3);
-}
-
-.sb::-webkit-scrollbar-thumb:hover,
-textarea::-webkit-scrollbar-thumb:hover {
-  background-color: var(--B40);
-}
-
-.sb::-webkit-scrollbar-button,
-textarea::-webkit-scrollbar-button {
-  background-color: var(--B3);
-}
-
-.sb::-webkit-scrollbar-button:hover,
-textarea::-webkit-scrollbar-button:hover {
-  background-color: var(--B3);
-}
-
-.sb::-webkit-scrollbar-corner,
-textarea::-webkit-scrollbar-corner {
-  background: var(--B3);
-}
-
-.sbh::-webkit-scrollbar {
-  width: 0;
-  height: 0;
-}
-
-.usn,
-body {
-  user-select: none !important;
-}
-
-.usa {
-  user-select: all !important;
-}
-
-.en {
-  pointer-events: none;
-}
-
-.no-drag {
-  user-select: none;
-  /* Prevent text selection */
-  -webkit-user-drag: none;
-  /* Prevent dragging in WebKit browsers */
-  pointer-events: auto;
-  /* Still clickable */
-}
-
-/* Pointer events all */
-.ea {
-  pointer-events: all;
-}
-
-/* Disabled */
-.d {
-  pointer-events: none;
-  cursor: not-allowed;
-  opacity: 0.7;
-}
-
-.db {
-  display: block;
-}
-
-.dn {
-  display: none !important;
-}
-
-.vv {
-  visibility: visible;
-}
-
-.vh {
-  visibility: hidden;
-}
-
-.dif {
-  display: inline-flex;
-}
-
-.df {
-  display: flex;
-}
-
-.ddc {
-  flex-direction: column;
-}
-
-.fg {
-  flex-grow: 1;
-}
-
-.fw {
-  flex-wrap: wrap;
-}
-
-.ac {
-  align-items: center;
-}
-
-.acc {
-  align-content: center;
-}
-
-.jc {
-  justify-content: center;
-}
-
-.ae {
-  align-items: flex-end;
-}
-
-.jr {
-  justify-content: right;
-}
-
-.jl {
-  justify-content: left;
-}
-
-.sn {
-  outline: none;
-  border: none;
-  background-color: unset;
-}
-
-.o0 {
-  opacity: 0;
-}
-
-.o1 {
-  opacity: 1;
-}
-
-.oh {
-  overflow: hidden;
-}
-
-.bb {
-  box-sizing: border-box;
-}
-
-.w100 {
-  width: 100%;
-}
-
-.h100 {
-  height: 100%;
-}
-
-.ps {
-  position: sticky;
-}
-
-.pa {
-  position: absolute;
-}
-
-.pf {
-  position: fixed;
-}
-
-.pr {
-  position: relative;
-}
-
-.ty50 {
-  transform: translateY(-50%);
-}
-
-.tx50 {
-  transform: translateX(-50%);
-}
-
-.txy50 {
-  transform: translate(-50%, -50%);
-}
-
-.t50 {
-  top: 50%;
-}
-
-.l50 {
-  left: 50%;
-}
-
-.left {
-  left: 0;
-}
-
-.right {
-  right: 0;
-}
-
-.top {
-  top: 0;
-}
-
-.bottom {
-  bottom: 0;
-}
-
-.r {
-  border-radius: var(--BR1);
-}
-
-.r2 {
-  border-radius: var(--BR2);
-}
-
-.rr {
-  border-radius: 50%;
-}
-
-.anim,
-.h {
-  transition: var(--ANIM);
-}
-
-.no-anim {
-  transition: none !important;
-}
-
-.h,
-.hc {
-  cursor: pointer;
-}
-
-.rs {
-  resize: both !important;
-  position: relative;
-}
-
-.cur-move {
-  cursor: move !important;
-}
-
-.nw {
-  white-space: nowrap;
-}
-
-.toh {
-  white-space: nowrap !important;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-}
-
-.tl {
-  text-align: left !important;
-}
-
-.tr {
-  text-align: right !important;
-}
-
-.tj {
-  text-align: justify !important;
-}
-
-.tc {
-  text-align: center !important;
-}
-
-del {
-  position: relative;
-}
-
-.l-bb {
-  text-decoration: underline;
-}
-
-del:after {
-  content: "";
-  width: 100%;
-  top: 50%;
-  left: 0;
-  border-bottom: 0.15rem solid red;
-  position: absolute;
-}
-
-.u {
-  text-decoration: underline;
-}
-
-.ma {
-  margin: auto;
-}
-
-.mw {
-  width: var(--MW);
-  max-width: var(--MW);
-}
-
-@media (max-width: 1150px) {
-  :root {
-    --MW: 95vw;
-  }
-}
-
-@media (max-width: 950px) {
-  :root {
-    --MW: 98vw;
-  }
-
-  .client-menu .utilities {
-    width: 100% !important;
-  }
-}