lookbook.css in lookbook-2.0.5

- old
+ new

@@ -1522,11 +1522,11 @@
   gap: 1.5rem;
   padding: 1rem;
   display: flex;
 }
 
-@media (min-width: 480px) {
+@media (width >= 480px) {
   [data-component="message"] {
     padding: 1.5rem;
   }
 }
 
@@ -1554,11 +1554,11 @@
   opacity: .3;
   flex: none;
   display: none;
 }
 
-@media (min-width: 480px) {
+@media (width >= 480px) {
   [data-component="message"] .message-icon {
     display: block;
   }
 }
 
@@ -3838,11 +3838,11 @@
 
 .theme-github .highlight .line-number::selection {
   background-color: #0000;
 }
 
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .lg\:prose-base {
     font-size: 1rem;
     line-height: 1.75;
   }
 
@@ -4128,11 +4128,11 @@
 
 .prose-a\:text-lookbook-prose-link :where(a):not(:where([class~="not-prose"] *)) {
   color: var(--lookbook-prose-link);
 }
 
-@media (min-width: 480px) {
+@media (width >= 480px) {
   .xs\:mx-auto {
     margin-left: auto;
     margin-right: auto;
   }
 
@@ -4152,17 +4152,17 @@
     padding-top: 2rem;
     padding-bottom: 2rem;
   }
 }
 
-@media (min-width: 640px) {
+@media (width >= 640px) {
   .sm\:p-8 {
     padding: 2rem;
   }
 }
 
-@media (min-width: 768px) {
+@media (width >= 768px) {
   .md\:-mr-\[2px\] {
     margin-right: -2px;
   }
 
   .md\:mt-0 {
@@ -4187,10 +4187,10 @@
   .md\:pt-10 {
     padding-top: 2.5rem;
   }
 }
 
-@media (min-width: 1024px) {
+@media (width >= 1024px) {
   .lg\:mb-8 {
     margin-bottom: 2rem;
   }
 
   .lg\:mb-9 {