refactor: paragraph mixin without text-alignment #220

source/components/layout/style/collapse.pcss

@@ -10,7 +10,7 @@
 
 
 [data-monster-role=control] {
-    @mixin paragraph;
+    @mixin text;
 
     &.overflow-hidden {
         overflow: hidden;
@@ -27,7 +27,7 @@
     }
 
     & [data-monster-role="detail"] {
-        @mixin paragraph;
+        @mixin text;
         
         height: 0;
         transition: height 0.4s ease-in-out;

source/components/style/control.pcss

 [data-monster-role=control] {
     outline: none;
     width: 100%;
+    box-sizing: border-box;
 }
 
 [data-monster-role=control].flex {
@@ -9,3 +10,7 @@
     align-items: center;
 }
 
+:host {
+    display: block;
+    box-sizing: border-box;
+}
\ No newline at end of file

source/components/style/data-grid.pcss

@@ -24,7 +24,7 @@
             border: none;
             padding: 0.4rem 0.4rem;
             display: flex;
-            @mixin paragraph;
+            @mixin text;
         }
     }
 
@@ -36,7 +36,7 @@
         font-weight: 600;
         font-size: 1rem;
         margin-bottom: 0.4rem;
-        @mixin paragraph;
+        @mixin text;
     }
 
 

source/components/style/mixin/typography.pcss

@@ -42,12 +42,18 @@
     font-weight: bold;
 }
  
-@define-mixin paragraph { 
+@define-mixin text { 
     font-size: 1rem;
     line-height: 1.6;
     font-weight: normal;
+}
+
+@define-mixin paragraph {
+    @mixin text;
     text-align: justify;
 }
 
 
 
+
+