dorian-tailwind 0.3.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 87b056c5ecf01956b5293a5d76365b3f2ed766a96269e0eb4b9168d70eac1d66
-  data.tar.gz: 2dae019f0a18049721be237943e32cb28fed077e57b8f61b159201787ddb911a
+  metadata.gz: 5867f5f43e119934aed631e012eead79c09a86138d89fce5dc8a60939018fc33
+  data.tar.gz: b967149e6ac479687cce8bc4848479438ca02435ddcc91534ab8de3dd309f840
 SHA512:
-  metadata.gz: 8a8cdbb277d000b6c5c1881b6327a87c3fdf5a9ba2eb92c9a528f95f3830df81819f25a92f13a66abc250431e274120c464f4da30dbcbaaf49a805ff2bd4b8e6
-  data.tar.gz: 2f1098e4b0cabcf66ab1bff1ff0176c71e0b2bfd07a556d6aef8859cdb1c654cd35a24a28d268d2f8a8fa79ba3225b3ba71a6994f5df6f0edfb3f663167a998a
+  metadata.gz: 31d1f7ba66edf93f4bb8ed1c734bf622357bc150f69447ea092a8d884843109118c1d7932cb27811eb3ebe97da67180d5429b875a4a6f6279269ff32687e1d3a
+  data.tar.gz: 8e3eacf5476c78dee1f48365bfc6f4c37f5923837c09dbfca841e263a398d51e3e910987fb8836058c8842a5f44d695990e29af91c1288974bb167a961972430

data/app/assets/stylesheets/dorian-tailwind/backdrop-filter.css

@@ -1,5 +1,6 @@
 .backdrop-filter {
-  backdrop-filter: 1 1 1 1 1 1 1 1 1;
+  backdrop-filter: blur(0) brightness(1) contrast(1) grascale(0)
+    hue-rotate(0deg) invert(0) 1 saturate(1) sepia(0);
 }
 
 .backdrop-filter-none {

data/app/assets/stylesheets/dorian-tailwind/background-image.css

@@ -3,33 +3,49 @@
 }
 
 .bg-gradient-to-t {
-  background-image: linear-gradient(to top, 1);
+  background-image: linear-gradient(to top, #f9fafb, rgba(249, 250, 251, 0));
 }
 
 .bg-gradient-to-tr {
-  background-image: linear-gradient(to top right, 1);
+  background-image: linear-gradient(
+    to top right,
+    #f9fafb,
+    rgba(249, 250, 251, 0)
+  );
 }
 
 .bg-gradient-to-r {
-  background-image: linear-gradient(to right, 1);
+  background-image: linear-gradient(to right, #f9fafb, rgba(249, 250, 251, 0));
 }
 
 .bg-gradient-to-br {
-  background-image: linear-gradient(to bottom right, 1);
+  background-image: linear-gradient(
+    to bottom right,
+    #f9fafb,
+    rgba(249, 250, 251, 0)
+  );
 }
 
 .bg-gradient-to-b {
-  background-image: linear-gradient(to bottom, 1);
+  background-image: linear-gradient(to bottom, #f9fafb, rgba(249, 250, 251, 0));
 }
 
 .bg-gradient-to-bl {
-  background-image: linear-gradient(to bottom left, 1);
+  background-image: linear-gradient(
+    to bottom left,
+    #f9fafb,
+    rgba(249, 250, 251, 0)
+  );
 }
 
 .bg-gradient-to-l {
-  background-image: linear-gradient(to left, 1);
+  background-image: linear-gradient(to left, #f9fafb, rgba(249, 250, 251, 0));
 }
 
 .bg-gradient-to-tl {
-  background-image: linear-gradient(to top left, 1);
+  background-image: linear-gradient(
+    to top left,
+    #f9fafb,
+    rgba(249, 250, 251, 0)
+  );
 }

data/app/assets/stylesheets/dorian-tailwind/box-shadow.css

@@ -1,31 +1,31 @@
 .shadow-sm {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow-md {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow-lg {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow-xl {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow-2xl {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow-inner {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }
 
 .shadow-none {
-  box-shadow: 1, 1, 1;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
 }

data/app/assets/stylesheets/dorian-tailwind/divide-width.css

@@ -1,49 +1,49 @@
 .divide-x-0 > * + * {
-  border-right-width: calc(0px * 1);
-  border-left-width: calc(0px * calc(1 - 1));
+  border-right-width: calc(0px * 0);
+  border-left-width: calc(0px * calc(1 - 0));
 }
 
 .divide-x-2 > * + * {
-  border-right-width: calc(2px * 1);
-  border-left-width: calc(2px * calc(1 - 1));
+  border-right-width: calc(2px * 0);
+  border-left-width: calc(2px * calc(1 - 0));
 }
 
 .divide-x-4 > * + * {
-  border-right-width: calc(4px * 1);
-  border-left-width: calc(4px * calc(1 - 1));
+  border-right-width: calc(4px * 0);
+  border-left-width: calc(4px * calc(1 - 0));
 }
 
 .divide-x-8 > * + * {
-  border-right-width: calc(8px * 1);
-  border-left-width: calc(8px * calc(1 - 1));
+  border-right-width: calc(8px * 0);
+  border-left-width: calc(8px * calc(1 - 0));
 }
 
 .divide-x > * + * {
-  border-right-width: calc(1px * 1);
-  border-left-width: calc(1px * calc(1 - 1));
+  border-right-width: calc(1px * 0);
+  border-left-width: calc(1px * calc(1 - 0));
 }
 
 .divide-y-0 > * + * {
-  border-top-width: calc(0px * calc(1 - 1));
-  border-bottom-width: calc(0px * 1);
+  border-top-width: calc(0px * calc(1 - 0));
+  border-bottom-width: calc(0px * 0);
 }
 
 .divide-y-2 > * + * {
-  border-top-width: calc(2px * calc(1 - 1));
-  border-bottom-width: calc(2px * 1);
+  border-top-width: calc(2px * calc(1 - 0));
+  border-bottom-width: calc(2px * 0);
 }
 
 .divide-y-4 > * + * {
-  border-top-width: calc(4px * calc(1 - 1));
-  border-bottom-width: calc(4px * 1);
+  border-top-width: calc(4px * calc(1 - 0));
+  border-bottom-width: calc(4px * 0);
 }
 
 .divide-y-8 > * + * {
-  border-top-width: calc(8px * calc(1 - 1));
-  border-bottom-width: calc(8px * 1);
+  border-top-width: calc(8px * calc(1 - 0));
+  border-bottom-width: calc(8px * 0);
 }
 
 .divide-y > * + * {
-  border-top-width: calc(1px * calc(1 - 1));
-  border-bottom-width: calc(1px * 1);
+  border-top-width: calc(1px * calc(1 - 0));
+  border-bottom-width: calc(1px * 0);
 }

data/app/assets/stylesheets/dorian-tailwind/filter.css

@@ -1,5 +1,6 @@
 .filter {
-  filter: 1 1 1 1 1 1 1 1 1;
+  filter: blur(0) brightness(1) contrast(1) grayscale(0) hue-rotate(0deg)
+    invert(0) saturate(1) sepia(0) drop-shadow(0 0 #0000);
 }
 
 .filter-none {

data/app/assets/stylesheets/dorian-tailwind/ring-offset-color.css

@@ -1,335 +1,335 @@
 .ring-offset-transparent {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-current {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-black {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-white {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-gray-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-red-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-yellow-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-green-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-blue-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-indigo-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-purple-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-50 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-100 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-200 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-300 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-400 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-500 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-600 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-700 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-800 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-pink-900 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }

data/app/assets/stylesheets/dorian-tailwind/ring-offset-width.css

@@ -1,19 +1,19 @@
 .ring-offset-0 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-1 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-2 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-4 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }
 
 .ring-offset-8 {
-  box-shadow: 0 0 0 1 1, 1;
+  box-shadow: 0 0 0 0 #fff, 0 0 #0000;
 }

data/app/assets/stylesheets/dorian-tailwind/ring-width.css

@@ -1,23 +1,23 @@
 .ring-0 {
-  box-shadow: 1 0 0 0 calc(0px + 1) 1;
+  box-shadow: 0 0 0 calc(0px + 0) rgba(59, 130, 246, 0.5);
 }
 
 .ring-1 {
-  box-shadow: 1 0 0 0 calc(1px + 1) 1;
+  box-shadow: 0 0 0 calc(1px + 0) rgba(59, 130, 246, 0.5);
 }
 
 .ring-2 {
-  box-shadow: 1 0 0 0 calc(2px + 1) 1;
+  box-shadow: 0 0 0 calc(2px + 0) rgba(59, 130, 246, 0.5);
 }
 
 .ring {
-  box-shadow: 1 0 0 0 calc(3px + 1) 1;
+  box-shadow: 0 0 0 calc(3px + 0) rgba(59, 130, 246, 0.5);
 }
 
 .ring-4 {
-  box-shadow: 1 0 0 0 calc(4px + 1) 1;
+  box-shadow: 0 0 0 calc(4px + 0) rgba(59, 130, 246, 0.5);
 }
 
 .ring-8 {
-  box-shadow: 1 0 0 0 calc(8px + 1) 1;
+  box-shadow: 0 0 0 calc(8px + 0) rgba(59, 130, 246, 0.5);
 }