feat: redesign

.stylelintrc

@@ -1,16 +1,21 @@
 {
-  "extends": "stylelint-config-standard-scss",
+  "extends": "stylelint-config-standard",
+  "plugins": ["@stylistic/stylelint-plugin"],
   "rules": {
     "selector-class-pattern": null,
     "custom-property-empty-line-before": null,
     "at-rule-empty-line-before": null,
     "value-keyword-case": ["lower", { "ignoreKeywords": ["BlinkMacSystemFont"] }],
     "keyframes-name-pattern": null,
     "property-no-vendor-prefix": null,
-    "color-function-notation": "legacy",
+    "color-function-notation": "modern",
     "alpha-value-notation": "number",
-    "max-line-length": null,
     "value-no-vendor-prefix": null,
-    "scss/dollar-variable-empty-line-before": null
+    "declaration-block-single-line-max-declarations": null,
+    "media-feature-range-notation": null,
+    "selector-not-notation": null,
+    "no-descending-specificity": null,
+    "import-notation": null,
+    "@stylistic/indentation": 2
   }
 }

Gemfile

@@ -13,9 +13,6 @@ gem "turbo-rails", "~> 2.0.0"
 # Install Stimulus on Rails
 gem "stimulus-rails", "~> 1.3.4"
 
-# Bundle and process CSS in Rails
-gem "cssbundling-rails", "~> 1.4.0"
-
 # Bundle and transpile JavaScript in Rails
 gem "jsbundling-rails", "~> 1.3.0"
 

Gemfile.lock

@@ -117,8 +117,6 @@ GEM
       bigdecimal
       rexml
     crass (1.0.6)
-    cssbundling-rails (1.4.3)
-      railties (>= 6.0.0)
     csv (3.3.5)
     cuprite (0.14.3)
       capybara (~> 3.0)
@@ -149,7 +147,6 @@ GEM
       webrick (~> 1.7)
       websocket-driver (>= 0.6, < 0.8)
     ffi (1.17.4)
-    ffi (1.17.4-arm64-darwin)
     fugit (1.11.2)
       et-orbi (~> 1, >= 1.2.11)
       raabro (~> 1.4)
@@ -235,8 +232,6 @@ GEM
     nokogiri (1.19.2)
       mini_portile2 (~> 2.8.2)
       racc (~> 1.4)
-    nokogiri (1.19.2-arm64-darwin)
-      racc (~> 1.4)
     ostruct (0.6.3)
     pagy (9.3.5)
     parallel (1.25.1)
@@ -387,7 +382,6 @@ GEM
     stringio (3.2.0)
     thor (1.3.2)
     thruster (0.1.20)
-    thruster (0.1.20-arm64-darwin)
     timeout (0.6.1)
     tsort (0.2.0)
     turbo-rails (2.0.23)
@@ -430,7 +424,6 @@ DEPENDENCIES
   browser (~> 6.2.0)
   bullet (~> 8.1.0)
   capybara (~> 3.40.0)
-  cssbundling-rails (~> 1.4.0)
   cuprite (~> 0.14.3)
   daemons (~> 1.4.0)
   debug
@@ -497,7 +490,6 @@ CHECKSUMS
   connection_pool (3.0.2) sha256=33fff5ba71a12d2aa26cb72b1db8bba2a1a01823559fb01d29eb74c286e62e0a
   crack (1.0.1) sha256=ff4a10390cd31d66440b7524eb1841874db86201d5b70032028553130b6d4c7e
   crass (1.0.6) sha256=dc516022a56e7b3b156099abc81b6d2b08ea1ed12676ac7a5657617f012bd45d
-  cssbundling-rails (1.4.3) sha256=53aecd5a7d24ac9c8fcd92975acd0e830fead4ee4583d3d3d49bb64651946e41
   csv (3.3.5) sha256=6e5134ac3383ef728b7f02725d9872934f523cb40b961479f69cf3afa6c8e73f
   cuprite (0.14.3) sha256=5d3b8f85f680f0979bc122bcae69e1f13499956eacdf6307a80498ce9131afbd
   daemons (1.4.1) sha256=8fc76d76faec669feb5e455d72f35bd4c46dc6735e28c420afb822fac1fa9a1d
@@ -513,7 +505,6 @@ CHECKSUMS
   et-orbi (1.4.0) sha256=6c7e3c90779821f9e3b324c5e96fda9767f72995d6ae435b96678a4f3e2de8bc
   ferrum (0.13) sha256=3823a74a5cd772204d46ea67f0c5703cabe00e7716fcb18ec8955099944c1fd2
   ffi (1.17.4) sha256=bcd1642e06f0d16fc9e09ac6d49c3a7298b9789bcb58127302f934e437d60acf
-  ffi (1.17.4-arm64-darwin) sha256=19071aaf1419251b0a46852abf960e77330a3b334d13a4ab51d58b31a937001b
   fugit (1.11.2) sha256=4c2e234f750c78d4514d0ca343a0b923847eac3846976fdb23ed4245d8fde6fe
   globalid (1.3.0) sha256=05c639ad6eb4594522a0b07983022f04aa7254626ab69445a0e493aa3786ff11
   hashdiff (1.2.1) sha256=9c079dbc513dfc8833ab59c0c2d8f230fa28499cc5efb4b8dd276cf931457cd1
@@ -551,7 +542,6 @@ CHECKSUMS
   net-ssh (7.3.2) sha256=65029e213c380e20e5fd92ece663934ab0a0fe888e0cd7cc6a5b664074362dd4
   nio4r (2.7.5) sha256=6c90168e48fb5f8e768419c93abb94ba2b892a1d0602cb06eef16d8b7df1dca1
   nokogiri (1.19.2) sha256=38fdd8b59db3d5ea9e7dfb14702e882b9bf819198d5bf976f17ebce12c481756
-  nokogiri (1.19.2-arm64-darwin) sha256=58d8ea2e31a967b843b70487a44c14c8ba1866daa1b9da9be9dbdf1b43dee205
   ostruct (0.6.3) sha256=95a2ed4a4bd1d190784e666b47b2d3f078e4a9efda2fccf18f84ddc6538ed912
   pagy (9.3.5) sha256=78a9513150b96f872c092ab1cd95bb818ea29b2c417a4302290bc9293f8f0fd7
   parallel (1.25.1) sha256=12e089b9aa36ea2343f6e93f18cfcebd031798253db8260590d26a7f70b1ab90
@@ -605,7 +595,6 @@ CHECKSUMS
   stringio (3.2.0) sha256=c37cb2e58b4ffbd33fe5cd948c05934af997b36e0b6ca6fdf43afa234cf222e1
   thor (1.3.2) sha256=eef0293b9e24158ccad7ab383ae83534b7ad4ed99c09f96f1a6b036550abbeda
   thruster (0.1.20) sha256=c05f2fbcae527bbe093a6e6d84fb12d9d680617e7c162325d9b97e8e9d4b5201
-  thruster (0.1.20-arm64-darwin) sha256=630cf8c273f562063b92ea5ccd7a721d7ba6130cc422c823727f4744f6d0770e
   timeout (0.6.1) sha256=78f57368a7e7bbadec56971f78a3f5ecbcfb59b7fcbb0a3ed6ddc08a5094accb
   tsort (0.2.0) sha256=9650a793f6859a43b6641671278f79cfead60ac714148aabe4e3f0060480089f
   turbo-rails (2.0.23) sha256=ee0d90733aafff056cf51ff11e803d65e43cae258cc55f6492020ec1f9f9315f

Procfile.dev

@@ -1,3 +1,2 @@
 web: bin/rails server
-js: npm run build-dev -- --watch
-css: npm run build-dev:css -- --watch
+assets: node esbuild.config.mjs --dev --watch

app/assets/stylesheets/application.css

@@ -0,0 +1,55 @@
+@layer settings, generic, elements, objects, components, utilities;
+
+@import "./settings/colors.css";
+@import "./settings/variables.css";
+@import "./settings/theme.css";
+
+@import "./generic/normalize.css";
+@import "./generic/reset.css";
+@import "./generic/box_sizing.css";
+
+@import "./elements/page.css";
+@import "./elements/content.css";
+
+@import "./objects/animations.css";
+@import "./objects/grid.css";
+@import "./objects/flex.css";
+@import "./objects/container.css";
+
+@import "./components/form.css";
+@import "./components/logo.css";
+@import "./components/button.css";
+@import "./components/icon.css";
+@import "./components/tab.css";
+@import "./components/backdrop.css";
+@import "./components/card.css";
+@import "./components/cover.css";
+@import "./components/loader.css";
+@import "./components/input.css";
+@import "./components/dropdown.css";
+@import "./components/dialog.css";
+@import "./components/overlay.css";
+@import "./components/list.css";
+@import "./components/avatar.css";
+@import "./components/flash.css";
+@import "./components/player.css";
+@import "./components/sidebar.css";
+@import "./components/nav.css";
+@import "./components/table.css";
+@import "./components/search.css";
+@import "./components/badge.css";
+@import "./components/playlist.css";
+@import "./components/song.css";
+
+@import "./utilities/display.css";
+@import "./utilities/spacing.css";
+@import "./utilities/sizing.css";
+@import "./utilities/overflow.css";
+@import "./utilities/position.css";
+@import "./utilities/text.css";
+@import "./utilities/border.css";
+@import "./utilities/background.css";
+@import "./utilities/image.css";
+@import "./utilities/cursor.css";
+@import "./utilities/visibility.css";
+@import "./utilities/bridge.css";