Button, select, and input style updates

Author: rossta

app/javascript/css/baseline.css

@@ -306,8 +306,8 @@ select {
   border-style: solid;
   border-width: 1px;
   border-radius: 0;
-  padding: 0.5rem 0.75rem;
-  font-size: 1rem;
+  padding: 0.75rem 1rem;
+  font-size: var(--step--1);
   line-height: 1.5rem;
   --tw-shadow: 0 0 #0000;
 }

app/javascript/css/components/button.css

@@ -1,14 +1,13 @@
 .button {
   border-radius: 0.375rem;
-  padding: 0.75rem;
+  font-size: var(--step--1);
+  padding: 0.75rem 1rem;
+  font-weight: 700;
+
   display: inline-flex;
   align-items: center;
-  font-size: 0.875rem;
   font-family: var(--sans-serif);
-  line-height: 1.5715;
-  font-weight: 600;
   color: var(--joy-light);
-  line-height: 1rem;
 
   &:is(a) {
     text-decoration: none;

app/javascript/css/components/select.css

@@ -1,6 +1,6 @@
 select {
-  font-size: 0.875rem;
-  padding: 0.625rem;
-  border-radius: 0.5rem;
+  padding: 0.75rem 1rem;
+  font-size: var(--step--1);
+  border-radius: 0.375rem;
   display: block;
 }

app/javascript/css/config/settings.css

@@ -7,14 +7,4 @@
   --monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     'Liberation Mono', 'Courier New', monospace;
   --leading: 1.6;
-  --ratio: 1.61803;
-  --width-measure: 60ch;
-  --width-margin: calc(var(--width-measure) / 1.618);
-  --width-padding: var(--space-none-3xl);
-  --border-thin: 1px;
-  --border-thick: 2px;
-  --border-chunky: 4px;
-  --scrollbar-width: 10px;
 }
-
-/* from Tailwind CSS */

app/views/users/newsletter_subscriptions/form.rb

@@ -21,7 +21,7 @@ def view_template
             autocomplete: "off",
             placeholder: "[email protected]",
             class:
-              "flex-1 rounded bg-white/5 py-1.5 pl-3 sm:leading-6 focus-ring focus:ring-0 ring-1 ring-inset ring-white/10 w-full lg:min-w-[36ch] "
+              "flex-1 rounded bg-white/5 focus-ring focus:ring-0 ring-1 ring-inset ring-white/10 w-full lg:min-w-[36ch] "
         end
         div do
           plain f.submit "Subscribe", class: "button primary focus-ring"