@windwalker-io/unicorn-next 0.1.2 → 0.1.4

package/scss/bootstrap/multi-level-menu.scss

@@ -1,121 +1,121 @@
-// @see https://codepen.io/svnt/pen/beEgre
-
-@import "bootstrap/scss/functions";
-@import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
-
-.dropdown-hover .dropdown {
-  > .dropdown-menu {
-    display: block;
-    visibility: hidden;
-    opacity: 0;
-    min-width: 250px;
-  }
-
-  &:hover {
-    > .dropdown-menu {
-      visibility: visible;
-      opacity: 1;
-    }
-  }
-}
-
-.dropdown {
-  .dropdown-item {
-    display: inline-block;
-  }
-
-  .dropdown-column {
-    padding: .5rem 0 .5rem 1rem;
-    min-width: 250px;
-
-    &:last-child {
-      padding-right: 1rem;
-    }
-  }
-
-  .dropdown-submenu {
-    position: relative;
-  }
-
-  .dropdown-submenu {
-    > .dropdown-menu {
-      top: 0;
-      left: 100%;
-      margin-top: -6px;
-      margin-left: -1px;
-      display: block;
-      visibility: hidden;
-      opacity: 0;
-    }
-
-    &:hover > .dropdown-menu {
-      visibility: visible;
-      opacity: 1;
-    }
-  }
-
-  .dropdown-submenu > a:after {
-    display: block;
-    content: " ";
-    float: right;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
-    border-width: 5px 0 5px 5px;
-    border-left-color: #ccc;
-    margin-top: 5px;
-    margin-right: -10px;
-  }
-}
-
-.dropdown-fade .dropdown {
-  > .dropdown-menu {
-    transition: visibility 0s, display 0s, opacity .25s;
-    transition-delay: .25s, .25s, 0s;
-  }
-
-  &:hover {
-    > .dropdown-menu {
-      transition-delay: 0s, 0s, 0s;
-    }
-  }
-
-  .dropdown-submenu {
-    > .dropdown-menu {
-      transition: visibility 0s, display 0s, opacity .25s;
-      transition-delay: .25s, .25s, 0s;
-    }
-
-    &:hover > .dropdown-menu {
-      transition-delay: 0s, 0s, 0s;
-    }
-  }
-}
-
-.subnav {
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-  margin-left: 1rem;
-}
-
-.subnav-link {
-  display: block;
-  padding: $nav-link-padding-y $nav-link-padding-x;
-
-  &:hover,
-  &:focus {
-    text-decoration: none;
-  }
-
-  // Disabled state lightens text
-  &.disabled {
-    color: $nav-link-disabled-color;
-    pointer-events: none;
-    cursor: default;
-  }
-}
+// @see https://codepen.io/svnt/pen/beEgre
+
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+
+.dropdown-hover .dropdown {
+  > .dropdown-menu {
+    display: block;
+    visibility: hidden;
+    opacity: 0;
+    min-width: 250px;
+  }
+
+  &:hover {
+    > .dropdown-menu {
+      visibility: visible;
+      opacity: 1;
+    }
+  }
+}
+
+.dropdown {
+  .dropdown-item {
+    display: inline-block;
+  }
+
+  .dropdown-column {
+    padding: .5rem 0 .5rem 1rem;
+    min-width: 250px;
+
+    &:last-child {
+      padding-right: 1rem;
+    }
+  }
+
+  .dropdown-submenu {
+    position: relative;
+  }
+
+  .dropdown-submenu {
+    > .dropdown-menu {
+      top: 0;
+      left: 100%;
+      margin-top: -6px;
+      margin-left: -1px;
+      display: block;
+      visibility: hidden;
+      opacity: 0;
+    }
+
+    &:hover > .dropdown-menu {
+      visibility: visible;
+      opacity: 1;
+    }
+  }
+
+  .dropdown-submenu > a:after {
+    display: block;
+    content: " ";
+    float: right;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+    border-width: 5px 0 5px 5px;
+    border-left-color: #ccc;
+    margin-top: 5px;
+    margin-right: -10px;
+  }
+}
+
+.dropdown-fade .dropdown {
+  > .dropdown-menu {
+    transition: visibility 0s, display 0s, opacity .25s;
+    transition-delay: .25s, .25s, 0s;
+  }
+
+  &:hover {
+    > .dropdown-menu {
+      transition-delay: 0s, 0s, 0s;
+    }
+  }
+
+  .dropdown-submenu {
+    > .dropdown-menu {
+      transition: visibility 0s, display 0s, opacity .25s;
+      transition-delay: .25s, .25s, 0s;
+    }
+
+    &:hover > .dropdown-menu {
+      transition-delay: 0s, 0s, 0s;
+    }
+  }
+}
+
+.subnav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+  margin-left: 1rem;
+}
+
+.subnav-link {
+  display: block;
+  padding: $nav-link-padding-y $nav-link-padding-x;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+
+  // Disabled state lightens text
+  &.disabled {
+    color: $nav-link-disabled-color;
+    pointer-events: none;
+    cursor: default;
+  }
+}

package/scss/editor.scss

@@ -1,116 +1,116 @@
-/**
- * @link https://www.tinymce.com/css/codepen.min.css
- */
-
-.mce-container textarea {
-  display: initial !important
-}
-
-.mce-content-body {
-  font-size: 16px;
-  color: #828282;
-  padding: 0 25px 25px;
-}
-
-.mce-content-body a {
-  color: #007bff;
-}
-
-.mce-content-body h1 {
-  font-size: 34px
-}
-
-.mce-content-body h2 {
-  font-size: 30px
-}
-
-.mce-content-body h3 {
-  font-size: 26px
-}
-
-.mce-content-body h4 {
-  font-size: 22px
-}
-
-.mce-content-body h5 {
-  font-size: 18px
-}
-
-.mce-content-body h6 {
-  font-size: 14px
-}
-
-.mce-content-body p {
-  margin: 25px 0
-}
-
-.mce-content-body ol,
-.mce-content-body ul {
-  padding-left: 15px;
-  list-style-position: outside;
-  margin-bottom: 20px
-}
-
-.mce-content-body ol li,
-.mce-content-body ul li {
-  margin-left: 10px;
-  margin-bottom: 10px;
-  color: #828282
-}
-
-.mce-content-body ul {
-  list-style-type: disc;
-}
-
-.mce-content-body ol {
-  list-style-type: decimal
-}
-
-.mce-content-body table {
-  width: 100%;
-  border-spacing: 0;
-  border-collapse: separate;
-  border: 1px solid #aaa
-}
-
-.mce-content-body table tr:nth-child(even) {
-  background: #fafafa
-}
-
-.mce-content-body table caption,
-.mce-content-body table td,
-.mce-content-body table th {
-  padding: 15px 7px;
-  font: inherit
-}
-
-.mce-content-body table th {
-  font-weight: 400;
-  color: #6e6e6e;
-  background-position: 100% 100%;
-  background-size: 2px 10px;
-  background-repeat: no-repeat
-}
-
-.mce-content-body table th:last-child {
-  background: 0 0
-}
-
-/* Luna Hack */
-.mce-content-body hr#luna-readmore {
-  background: #eee;
-  content: "READMORE";
-  height: 20px;
-  display: block;
-  text-align: center;
-}
-
-.mce-content-body hr#luna-readmore::before {
-  content: "READMORE";
-  color: #999;
-}
-
-.mce-content-body img {
-  max-width: 100%;
-  height: auto !important;
-}
+/**
+ * @link https://www.tinymce.com/css/codepen.min.css
+ */
+
+.mce-container textarea {
+  display: initial !important
+}
+
+.mce-content-body {
+  font-size: 16px;
+  color: #828282;
+  padding: 0 25px 25px;
+}
+
+.mce-content-body a {
+  color: #007bff;
+}
+
+.mce-content-body h1 {
+  font-size: 34px
+}
+
+.mce-content-body h2 {
+  font-size: 30px
+}
+
+.mce-content-body h3 {
+  font-size: 26px
+}
+
+.mce-content-body h4 {
+  font-size: 22px
+}
+
+.mce-content-body h5 {
+  font-size: 18px
+}
+
+.mce-content-body h6 {
+  font-size: 14px
+}
+
+.mce-content-body p {
+  margin: 25px 0
+}
+
+.mce-content-body ol,
+.mce-content-body ul {
+  padding-left: 15px;
+  list-style-position: outside;
+  margin-bottom: 20px
+}
+
+.mce-content-body ol li,
+.mce-content-body ul li {
+  margin-left: 10px;
+  margin-bottom: 10px;
+  color: #828282
+}
+
+.mce-content-body ul {
+  list-style-type: disc;
+}
+
+.mce-content-body ol {
+  list-style-type: decimal
+}
+
+.mce-content-body table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  border: 1px solid #aaa
+}
+
+.mce-content-body table tr:nth-child(even) {
+  background: #fafafa
+}
+
+.mce-content-body table caption,
+.mce-content-body table td,
+.mce-content-body table th {
+  padding: 15px 7px;
+  font: inherit
+}
+
+.mce-content-body table th {
+  font-weight: 400;
+  color: #6e6e6e;
+  background-position: 100% 100%;
+  background-size: 2px 10px;
+  background-repeat: no-repeat
+}
+
+.mce-content-body table th:last-child {
+  background: 0 0
+}
+
+/* Luna Hack */
+.mce-content-body hr#luna-readmore {
+  background: #eee;
+  content: "READMORE";
+  height: 20px;
+  display: block;
+  text-align: center;
+}
+
+.mce-content-body hr#luna-readmore::before {
+  content: "READMORE";
+  color: #999;
+}
+
+.mce-content-body img {
+  max-width: 100%;
+  height: auto !important;
+}

package/scss/field/file-drag.scss

@@ -1,102 +1,102 @@
-.c-file-drag {
-  --bs-card-border-color: var(--bs-gray-400);
-  --fd-delete-color: var(--bs-danger);
-
-  overflow: hidden;
-  border: 1px solid var(--bs-card-border-color, #ddd);
-
-  label {
-    border: none;
-  }
-}
-
-.c-file-drag-input {
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  min-height: 100px;
-  cursor: pointer;
-
-  input {
-    position: relative;
-    z-index: 2;
-    width: 100%;
-    margin: 0;
-    overflow: hidden;
-    opacity: 0;
-    height: 100%;
-    cursor: pointer;
-
-    &.hover + label {
-      background-color: #efefef;
-    }
-
-    &.is-invalid ~ .c-file-drag-input__label {
-      border-color: var(--bs-danger);
-    }
-
-    &:disabled {
-      opacity: 0;
-      cursor: no-drop;
-
-      + label {
-        background-color: #eee;
-        color: #999;
-      }
-
-      + label button {
-        display: none;
-      }
-    }
-  }
-
-  &__label {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    z-index: 1;
-    padding: .375rem .75rem;
-    color: #495057;
-    background-color: #fff;
-    border: 1px solid var(--bs-gray-400);
-    border-radius: .25rem;
-    height: 100%;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: .5rem;
-    transition: all .3s;
-    cursor: pointer;
-
-    > span {
-      display: inline-block;
-      width: 100%;
-    }
-  }
-
-  label::after {
-    content: none !important;
-  }
-
-  &__button {
-    //font-size: .85rem;
-    //padding: .25rem .5rem;
-
-    //--bs-btn-border-color: var(--bs-secondary);
-    //--bs-btn-color: var(--bs-secondary);
-  }
-}
-
-.c-file-drag-preview {
-  .c-file-drag-preview__delete {
-    --bs-link-color-rgb: var(--bs-dark-rgb);
-
-    &.active {
-      --bs-link-color-rgb: var(--bs-primary-rgb);
-    }
-  }
-}
+.c-file-drag {
+  --bs-card-border-color: var(--bs-gray-400);
+  --fd-delete-color: var(--bs-danger);
+
+  overflow: hidden;
+  border: 1px solid var(--bs-card-border-color, #ddd);
+
+  label {
+    border: none;
+  }
+}
+
+.c-file-drag-input {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  min-height: 100px;
+  cursor: pointer;
+
+  input {
+    position: relative;
+    z-index: 2;
+    width: 100%;
+    margin: 0;
+    overflow: hidden;
+    opacity: 0;
+    height: 100%;
+    cursor: pointer;
+
+    &.hover + label {
+      background-color: #efefef;
+    }
+
+    &.is-invalid ~ .c-file-drag-input__label {
+      border-color: var(--bs-danger);
+    }
+
+    &:disabled {
+      opacity: 0;
+      cursor: no-drop;
+
+      + label {
+        background-color: #eee;
+        color: #999;
+      }
+
+      + label button {
+        display: none;
+      }
+    }
+  }
+
+  &__label {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    padding: .375rem .75rem;
+    color: #495057;
+    background-color: #fff;
+    border: 1px solid var(--bs-gray-400);
+    border-radius: .25rem;
+    height: 100%;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: .5rem;
+    transition: all .3s;
+    cursor: pointer;
+
+    > span {
+      display: inline-block;
+      width: 100%;
+    }
+  }
+
+  label::after {
+    content: none !important;
+  }
+
+  &__button {
+    //font-size: .85rem;
+    //padding: .25rem .5rem;
+
+    //--bs-btn-border-color: var(--bs-secondary);
+    //--bs-btn-color: var(--bs-secondary);
+  }
+}
+
+.c-file-drag-preview {
+  .c-file-drag-preview__delete {
+    --bs-link-color-rgb: var(--bs-dark-rgb);
+
+    &.active {
+      --bs-link-color-rgb: var(--bs-primary-rgb);
+    }
+  }
+}