pl-fe: styles migration fixes

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>

packages/pl-fe/src/styles/application.scss

@@ -10,7 +10,6 @@
 @use 'components/compose-form';
 @use 'components/status';
 @use 'components/detailed-status';
-@use 'components/media-gallery';
 @use 'components/notification';
 @use 'components/columns';
 @use 'components/video-player';

packages/pl-fe/src/styles/components/media-gallery.scss

@@ -1 +0,0 @@
-

packages/pl-fe/src/styles/new/components.scss

@@ -149,9 +149,11 @@ a.⁂-list-item,
     @apply rounded-full text-gray-900 focus:ring-2 focus:ring-primary-500 dark:text-gray-100;
 
     >.⁂-icon {
-      size: 1.5rem;
+      height: 1.5rem;
+      width: 1.5rem;
       @apply rtl:rotate-180;
     }
+
     &__label {
       @apply sr-only;
     }

packages/pl-fe/src/styles/new/index.scss

@@ -1,2 +1,3 @@
 @use 'components';
 @use 'layout';
+@use 'statuses';

packages/pl-fe/src/styles/new/mixins.scss

@@ -2,7 +2,7 @@
   @if $family == sans {
     @apply font-sans;
   } @else if $family == mono {
-    font-family: Roboto Mono, ui-monospace, monospace;
+    font-family: 'Roboto Mono', ui-monospace, monospace;
   } @else {
     @warn "Unknown font family `#{$family}`.";
   }
@@ -50,7 +50,7 @@
   }
 
   @if $tracking == normal {
-    letter-spacing: 0em;
+    letter-spacing: 0;
   } @else if $tracking == wide {
     letter-spacing: 0.025em;
   } @else {
@@ -90,18 +90,18 @@
 
     @if $size == md {
       padding: 1rem;
-      @media (min-width: 581px) {
+      @media (width >= 581px) {
         border-radius: 0.75rem;
       }
     } @else if $size == lg {
       padding: 1rem;
-      @media (min-width: 581px) {
+      @media (width >= 581px) {
         padding: 1.5rem;
         border-radius: 0.75rem;
       }
     } @else if $size == xl {
       padding: 1rem;
-      @media (min-width: 581px) {
+      @media (width >= 581px) {
         padding: 2.5rem;
         border-radius: 1.5rem;
       }

packages/pl-fe/src/styles/new/statuses.scss

@@ -74,7 +74,8 @@
     background: transparent;
 
     .⁂-media-gallery__item {
-      size: 3rem;
+      height: 3rem;
+      width: 3rem;
       inset: auto;
       float: left;
 
@@ -84,7 +85,8 @@
       }
 
       &__icons svg {
-        size: 2rem;
+        height: 2rem;
+        width: 2rem;
       }
     }