Fix CI (#88)

* Lock some dependencies; update tailwindcss build

* Only lock to sqlite3 < 2.0 on Rails 7 versions

Author: kaspth

Gemfile

@@ -4,8 +4,6 @@ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
 # Specify your gem's dependencies in showcase.gemspec.
 gemspec
 
-gem "sqlite3"
-
 rails_version = ENV.fetch("RAILS_VERSION", "7")
 
 rails_constraint = if rails_version == "main"
@@ -15,7 +13,9 @@ else
 end
 
 gem "rails", rails_constraint
+gem "sqlite3", rails_version.start_with?("7") ? "< 2.0" : "> 2"
 gem "sprockets-rails"
+gem "tailwindcss-rails", "~> 2.3"
 
 # Start debugger with binding.b [https://github.com/ruby/debug]
 # gem "debug", ">= 1.0.0"

app/assets/builds/showcase.css

@@ -1,31 +1,3 @@
-/*
-  ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
-  */
-
-/*
-  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
-  */
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  line-height: 1.5;
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-body {
-  margin: 0;
-}
-
-pre {
-  margin: 0;
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-  font-size: 1em;
-}
-
 *, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
@@ -74,6 +46,10 @@ pre {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
 }
 
 ::backdrop {
@@ -124,6 +100,38 @@ pre {
   --tw-backdrop-opacity:  ;
   --tw-backdrop-saturate:  ;
   --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+/*
+  ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com
+  */
+
+/*
+  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+  */
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  line-height: 1.5;
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+}
+
+body {
+  margin: 0;
+}
+
+pre {
+  margin: 0;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
 }
 
 .sc-link {
@@ -487,38 +495,38 @@ pre {
   background-color: rgb(238 242 255 / var(--tw-bg-opacity));
 }
 
-:is(.sc-dark .dark\:sc-block) {
+.dark\:sc-block:is(.sc-dark *) {
   display: block;
 }
 
-:is(.sc-dark .dark\:sc-hidden) {
+.dark\:sc-hidden:is(.sc-dark *) {
   display: none;
 }
 
-:is(.sc-dark .dark\:sc-bg-neutral-700\/50) {
+.dark\:sc-bg-neutral-700\/50:is(.sc-dark *) {
   background-color: rgb(64 64 64 / 0.5);
 }
 
-:is(.sc-dark .dark\:sc-bg-neutral-800) {
+.dark\:sc-bg-neutral-800:is(.sc-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(38 38 38 / var(--tw-bg-opacity));
 }
 
-:is(.sc-dark .dark\:sc-bg-neutral-900) {
+.dark\:sc-bg-neutral-900:is(.sc-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(23 23 23 / var(--tw-bg-opacity));
 }
 
-:is(.sc-dark .dark\:sc-text-inherit) {
+.dark\:sc-text-inherit:is(.sc-dark *) {
   color: inherit;
 }
 
-:is(.sc-dark .dark\:sc-text-white) {
+.dark\:sc-text-white:is(.sc-dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-:is(.sc-dark .dark\:hover\:sc-bg-neutral-700\/50:hover) {
+.dark\:hover\:sc-bg-neutral-700\/50:hover:is(.sc-dark *) {
   background-color: rgb(64 64 64 / 0.5);
 }