Инициалиазация репозитория

app/assets/config/manifest.js

@@ -0,0 +1,5 @@
+//= link_tree ../images
+//= link_tree ../builds
+//= link_tree ../../javascript .js
+//= link_tree ../../../vendor/javascript .js
+//= link_directory ../stylesheets .css

app/assets/stylesheets/application.scss

@@ -0,0 +1,21 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
+ * vendor/assets/stylesheets directory can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the bottom of the
+ * compiled file so the styles you add here take precedence over styles defined in any other CSS
+ * files in this directory. Styles in this file should be added after the last require_* statement.
+ * It is generally better to create a new file per style scope.
+ *
+ //*= require_tree .
+ //*= require_self
+ */
+ @use "bootstrap-icons";
+ @use "slimselect";
+ @use "jquery-ui/core";
+ @use "toastr";
+ 
+ @use "base";

app/assets/stylesheets/application.tailwind.css

@@ -0,0 +1,13 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/*
+
+@layer components {
+  .btn-primary {
+    @apply py-2 px-4 bg-blue-200;
+  }
+}
+
+*/

app/assets/stylesheets/base.scss

@@ -0,0 +1,25 @@
+.required-label::after {
+    content: ' *';
+    color: red;
+    margin-left: -1px; // Optional: Adjust spacing
+}
+
+.field_with_errors {
+
+    input:not([type="submit"]),
+    .ss-main {
+        border: 1px solid red !important;
+        background-color: #ffd7d7;
+        color: red;
+
+        &::placeholder {
+            color: red;
+        }
+    }
+
+    .error-message {
+        color: red;
+        font-size: 16px;
+        font-weight: 500;
+    }
+}