Remove the pterodactyl directory when handling assets

This supports moving away from multiple-theme support in the Panel since that is no longer going to be offered.

resources/assets/styles/components/animations.css

@@ -0,0 +1,10 @@
+.animate {
+  &.fadein {
+    animation: fadein 500ms;
+  }
+}
+
+@keyframes fadein {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}

resources/assets/styles/components/authentication.css

@@ -0,0 +1,32 @@
+.input-open {
+  @apply .w-full .px-3 .relative;
+}
+
+.input-open > .input {
+  @apply .appearance-none .block .w-full .text-grey-darker .border-b-2 .border-grey-light .py-3 .mb-3;
+
+  &:focus {
+    @apply .border-blue;
+    outline: 0;
+    transition: border 500ms ease-out;
+  }
+
+  &:focus + label, &:valid + label, &.has-content + label {
+    @apply .text-grey-darker .px-0 .cursor-pointer;
+    transform:translateY(-26px)
+  }
+
+  &:required {
+    box-shadow: none;
+  }
+}
+
+.input-open > label {
+  @apply .block .uppercase .tracking-wide .text-grey .text-xs .mb-2 .absolute;
+  top: 14px;
+  transition: transform 200ms ease-out;
+}
+
+.login-box {
+  @apply .bg-white .shadow-lg .rounded-lg .pt-10 .px-8 .pb-6 .mb-4;
+}

resources/assets/styles/components/buttons.css

@@ -0,0 +1,26 @@
+.btn {
+  @apply .rounded;
+
+  /**
+   * Button Colors
+   */
+  &.btn-blue {
+    @apply .bg-blue .border-blue-dark .border .text-white;
+
+    &:hover:enabled {
+      @apply .bg-blue-dark .border-blue-darker;
+    }
+  }
+
+  /**
+   * Button Sizes
+   */
+  &.btn-jumbo {
+    @apply .p-4 .w-full .uppercase .tracking-wide .text-sm;
+  }
+
+  &:disabled, &.disabled {
+    opacity: 0.55;
+    cursor: default;
+  }
+}

resources/assets/styles/components/spinners.css

@@ -0,0 +1,52 @@
+.spinner {
+  color: transparent;
+  pointer-events: none;
+  position: relative;
+
+  &:after {
+    animation: spinners--spin 500ms infinite linear;
+    border-radius: 9999px;
+    @apply .border-2 .border-grey-light;
+    border-top-color: transparent !important;
+    border-right-color: transparent !important;
+    content: '';
+    display: block;
+    width: 1em;
+    height: 1em;
+    left: calc(50% - (1em / 2));
+    top: calc(50% - (1em / 2));
+    position: absolute !important;
+  }
+
+  /**
+   * Speeds
+   */
+  &.spin-slow:after {
+    animation: spinners--spin 1200ms infinite linear;
+  }
+
+  /**
+   * Spinner Colors
+   */
+  &.blue:after {
+    @apply .border-blue;
+  }
+
+  &.white:after {
+    @apply .border-white;
+  }
+
+  &.spinner-thick:after {
+    @apply .border-4;
+  }
+}
+
+@keyframes spinners--spin {
+  from {
+    transform: rotate(0deg);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}