@rolster/styles-foundations 1.1.7 → 1.1.9

package/dist/rolster-styles.rtl.css

@@ -1343,6 +1343,10 @@ textarea {
   font-size: 8rem;
 }
 
+button {
+  font-size: 8rem;
+}
+
 a,
 p,
 span {
@@ -3028,550 +3032,550 @@ button {
   font-weight: var(--font-weight-bold);
 }
 
-.pdg-top-4 {
-  padding-top: var(--sizing-4);
+.pdg-top-x4 {
+  padding-top: var(--sizing-x4);
 }
 
-.pdg-rgt-4 {
-  padding-left: var(--sizing-4);
+.pdg-rgt-x4 {
+  padding-left: var(--sizing-x4);
 }
 
-.pdg-bot-4 {
-  padding-bottom: var(--sizing-4);
+.pdg-bot-x4 {
+  padding-bottom: var(--sizing-x4);
 }
 
-.pdg-lft-4 {
-  padding-right: var(--sizing-4);
+.pdg-lft-x4 {
+  padding-right: var(--sizing-x4);
 }
 
-.pdg-hrz-4 {
-  padding: 0rem var(--sizing-4);
+.pdg-hrz-x4 {
+  padding: 0rem var(--sizing-x4);
 }
 
-.pdg-vrt-4 {
-  padding: var(--sizing-4) 0rem;
+.pdg-vrt-x4 {
+  padding: var(--sizing-x4) 0rem;
 }
 
-.pdg-4 {
-  padding: var(--sizing-4);
+.pdg-x4 {
+  padding: var(--sizing-x4);
 }
 
-.pdg-top-8 {
-  padding-top: var(--sizing-8);
+.pdg-top-x8 {
+  padding-top: var(--sizing-x8);
 }
 
-.pdg-rgt-8 {
-  padding-left: var(--sizing-8);
+.pdg-rgt-x8 {
+  padding-left: var(--sizing-x8);
 }
 
-.pdg-bot-8 {
-  padding-bottom: var(--sizing-8);
+.pdg-bot-x8 {
+  padding-bottom: var(--sizing-x8);
 }
 
-.pdg-lft-8 {
-  padding-right: var(--sizing-8);
+.pdg-lft-x8 {
+  padding-right: var(--sizing-x8);
 }
 
-.pdg-hrz-8 {
-  padding: 0rem var(--sizing-8);
+.pdg-hrz-x8 {
+  padding: 0rem var(--sizing-x8);
 }
 
-.pdg-vrt-8 {
-  padding: var(--sizing-8) 0rem;
+.pdg-vrt-x8 {
+  padding: var(--sizing-x8) 0rem;
 }
 
-.pdg-8 {
-  padding: var(--sizing-8);
+.pdg-x8 {
+  padding: var(--sizing-x8);
 }
 
-.pdg-top-12 {
-  padding-top: var(--sizing-12);
+.pdg-top-x12 {
+  padding-top: var(--sizing-x12);
 }
 
-.pdg-rgt-12 {
-  padding-left: var(--sizing-12);
+.pdg-rgt-x12 {
+  padding-left: var(--sizing-x12);
 }
 
-.pdg-bot-12 {
-  padding-bottom: var(--sizing-12);
+.pdg-bot-x12 {
+  padding-bottom: var(--sizing-x12);
 }
 
-.pdg-lft-12 {
-  padding-right: var(--sizing-12);
+.pdg-lft-x12 {
+  padding-right: var(--sizing-x12);
 }
 
-.pdg-hrz-12 {
-  padding: 0rem var(--sizing-12);
+.pdg-hrz-x12 {
+  padding: 0rem var(--sizing-x12);
 }
 
-.pdg-vrt-12 {
-  padding: var(--sizing-12) 0rem;
+.pdg-vrt-x12 {
+  padding: var(--sizing-x12) 0rem;
 }
 
-.pdg-12 {
-  padding: var(--sizing-12);
+.pdg-x12 {
+  padding: var(--sizing-x12);
 }
 
-.pdg-top-16 {
-  padding-top: var(--sizing-16);
+.pdg-top-x16 {
+  padding-top: var(--sizing-x16);
 }
 
-.pdg-rgt-16 {
-  padding-left: var(--sizing-16);
+.pdg-rgt-x16 {
+  padding-left: var(--sizing-x16);
 }
 
-.pdg-bot-16 {
-  padding-bottom: var(--sizing-16);
+.pdg-bot-x16 {
+  padding-bottom: var(--sizing-x16);
 }
 
-.pdg-lft-16 {
-  padding-right: var(--sizing-16);
+.pdg-lft-x16 {
+  padding-right: var(--sizing-x16);
 }
 
-.pdg-hrz-16 {
-  padding: 0rem var(--sizing-16);
+.pdg-hrz-x16 {
+  padding: 0rem var(--sizing-x16);
 }
 
-.pdg-vrt-16 {
-  padding: var(--sizing-16) 0rem;
+.pdg-vrt-x16 {
+  padding: var(--sizing-x16) 0rem;
 }
 
-.pdg-16 {
-  padding: var(--sizing-16);
+.pdg-x16 {
+  padding: var(--sizing-x16);
 }
 
-.pdg-top-24 {
-  padding-top: var(--sizing-24);
+.pdg-top-x24 {
+  padding-top: var(--sizing-x24);
 }
 
-.pdg-rgt-24 {
-  padding-left: var(--sizing-24);
+.pdg-rgt-x24 {
+  padding-left: var(--sizing-x24);
 }
 
-.pdg-bot-24 {
-  padding-bottom: var(--sizing-24);
+.pdg-bot-x24 {
+  padding-bottom: var(--sizing-x24);
 }
 
-.pdg-lft-24 {
-  padding-right: var(--sizing-24);
+.pdg-lft-x24 {
+  padding-right: var(--sizing-x24);
 }
 
-.pdg-hrz-24 {
-  padding: 0rem var(--sizing-24);
+.pdg-hrz-x24 {
+  padding: 0rem var(--sizing-x24);
 }
 
-.pdg-vrt-24 {
-  padding: var(--sizing-24) 0rem;
+.pdg-vrt-x24 {
+  padding: var(--sizing-x24) 0rem;
 }
 
-.pdg-24 {
-  padding: var(--sizing-24);
+.pdg-x24 {
+  padding: var(--sizing-x24);
 }
 
-.pdg-top-36 {
-  padding-top: var(--sizing-36);
+.pdg-top-x36 {
+  padding-top: var(--sizing-x36);
 }
 
-.pdg-rgt-36 {
-  padding-left: var(--sizing-36);
+.pdg-rgt-x36 {
+  padding-left: var(--sizing-x36);
 }
 
-.pdg-bot-36 {
-  padding-bottom: var(--sizing-36);
+.pdg-bot-x36 {
+  padding-bottom: var(--sizing-x36);
 }
 
-.pdg-lft-36 {
-  padding-right: var(--sizing-36);
+.pdg-lft-x36 {
+  padding-right: var(--sizing-x36);
 }
 
-.pdg-hrz-36 {
-  padding: 0rem var(--sizing-36);
+.pdg-hrz-x36 {
+  padding: 0rem var(--sizing-x36);
 }
 
-.pdg-vrt-36 {
-  padding: var(--sizing-36) 0rem;
+.pdg-vrt-x36 {
+  padding: var(--sizing-x36) 0rem;
 }
 
-.pdg-36 {
-  padding: var(--sizing-36);
+.pdg-x36 {
+  padding: var(--sizing-x36);
 }
 
-.pdx-top-4 {
-  padding-top: var(--sizing-4);
+.pdx-top-x4 {
+  padding-top: var(--sizing-x4);
   box-sizing: border-box;
 }
 
-.pdx-rgt-4 {
-  padding-left: var(--sizing-4);
+.pdx-rgt-x4 {
+  padding-left: var(--sizing-x4);
   box-sizing: border-box;
 }
 
-.pdx-bot-4 {
-  padding-bottom: var(--sizing-4);
+.pdx-bot-x4 {
+  padding-bottom: var(--sizing-x4);
   box-sizing: border-box;
 }
 
-.pdx-lft-4 {
-  padding-right: var(--sizing-4);
+.pdx-lft-x4 {
+  padding-right: var(--sizing-x4);
   box-sizing: border-box;
 }
 
-.pdx-hrz-4 {
-  padding: 0rem var(--sizing-4);
+.pdx-hrz-x4 {
+  padding: 0rem var(--sizing-x4);
   box-sizing: border-box;
 }
 
-.pdx-vrt-4 {
-  padding: var(--sizing-4) 0rem;
+.pdx-vrt-x4 {
+  padding: var(--sizing-x4) 0rem;
   box-sizing: border-box;
 }
 
-.pdx-4 {
-  padding: var(--sizing-4);
+.pdx-x4 {
+  padding: var(--sizing-x4);
   box-sizing: border-box;
 }
 
-.pdx-top-8 {
-  padding-top: var(--sizing-8);
+.pdx-top-x8 {
+  padding-top: var(--sizing-x8);
   box-sizing: border-box;
 }
 
-.pdx-rgt-8 {
-  padding-left: var(--sizing-8);
+.pdx-rgt-x8 {
+  padding-left: var(--sizing-x8);
   box-sizing: border-box;
 }
 
-.pdx-bot-8 {
-  padding-bottom: var(--sizing-8);
+.pdx-bot-x8 {
+  padding-bottom: var(--sizing-x8);
   box-sizing: border-box;
 }
 
-.pdx-lft-8 {
-  padding-right: var(--sizing-8);
+.pdx-lft-x8 {
+  padding-right: var(--sizing-x8);
   box-sizing: border-box;
 }
 
-.pdx-hrz-8 {
-  padding: 0rem var(--sizing-8);
+.pdx-hrz-x8 {
+  padding: 0rem var(--sizing-x8);
   box-sizing: border-box;
 }
 
-.pdx-vrt-8 {
-  padding: var(--sizing-8) 0rem;
+.pdx-vrt-x8 {
+  padding: var(--sizing-x8) 0rem;
   box-sizing: border-box;
 }
 
-.pdx-8 {
-  padding: var(--sizing-8);
+.pdx-x8 {
+  padding: var(--sizing-x8);
   box-sizing: border-box;
 }
 
-.pdx-top-12 {
-  padding-top: var(--sizing-12);
+.pdx-top-x12 {
+  padding-top: var(--sizing-x12);
   box-sizing: border-box;
 }
 
-.pdx-rgt-12 {
-  padding-left: var(--sizing-12);
+.pdx-rgt-x12 {
+  padding-left: var(--sizing-x12);
   box-sizing: border-box;
 }
 
-.pdx-bot-12 {
-  padding-bottom: var(--sizing-12);
+.pdx-bot-x12 {
+  padding-bottom: var(--sizing-x12);
   box-sizing: border-box;
 }
 
-.pdx-lft-12 {
-  padding-right: var(--sizing-12);
+.pdx-lft-x12 {
+  padding-right: var(--sizing-x12);
   box-sizing: border-box;
 }
 
-.pdx-hrz-12 {
-  padding: 0rem var(--sizing-12);
+.pdx-hrz-x12 {
+  padding: 0rem var(--sizing-x12);
   box-sizing: border-box;
 }
 
-.pdx-vrt-12 {
-  padding: var(--sizing-12) 0rem;
+.pdx-vrt-x12 {
+  padding: var(--sizing-x12) 0rem;
   box-sizing: border-box;
 }
 
-.pdx-12 {
-  padding: var(--sizing-12);
+.pdx-x12 {
+  padding: var(--sizing-x12);
   box-sizing: border-box;
 }
 
-.pdx-top-16 {
-  padding-top: var(--sizing-16);
+.pdx-top-x16 {
+  padding-top: var(--sizing-x16);
   box-sizing: border-box;
 }
 
-.pdx-rgt-16 {
-  padding-left: var(--sizing-16);
+.pdx-rgt-x16 {
+  padding-left: var(--sizing-x16);
   box-sizing: border-box;
 }
 
-.pdx-bot-16 {
-  padding-bottom: var(--sizing-16);
+.pdx-bot-x16 {
+  padding-bottom: var(--sizing-x16);
   box-sizing: border-box;
 }
 
-.pdx-lft-16 {
-  padding-right: var(--sizing-16);
+.pdx-lft-x16 {
+  padding-right: var(--sizing-x16);
   box-sizing: border-box;
 }
 
-.pdx-hrz-16 {
-  padding: 0rem var(--sizing-16);
+.pdx-hrz-x16 {
+  padding: 0rem var(--sizing-x16);
   box-sizing: border-box;
 }
 
-.pdx-vrt-16 {
-  padding: var(--sizing-16) 0rem;
+.pdx-vrt-x16 {
+  padding: var(--sizing-x16) 0rem;
   box-sizing: border-box;
 }
 
-.pdx-16 {
-  padding: var(--sizing-16);
+.pdx-x16 {
+  padding: var(--sizing-x16);
   box-sizing: border-box;
 }
 
-.pdx-top-24 {
-  padding-top: var(--sizing-24);
+.pdx-top-x24 {
+  padding-top: var(--sizing-x24);
   box-sizing: border-box;
 }
 
-.pdx-rgt-24 {
-  padding-left: var(--sizing-24);
+.pdx-rgt-x24 {
+  padding-left: var(--sizing-x24);
   box-sizing: border-box;
 }
 
-.pdx-bot-24 {
-  padding-bottom: var(--sizing-24);
+.pdx-bot-x24 {
+  padding-bottom: var(--sizing-x24);
   box-sizing: border-box;
 }
 
-.pdx-lft-24 {
-  padding-right: var(--sizing-24);
+.pdx-lft-x24 {
+  padding-right: var(--sizing-x24);
   box-sizing: border-box;
 }
 
-.pdx-hrz-24 {
-  padding: 0rem var(--sizing-24);
+.pdx-hrz-x24 {
+  padding: 0rem var(--sizing-x24);
   box-sizing: border-box;
 }
 
-.pdx-vrt-24 {
-  padding: var(--sizing-24) 0rem;
+.pdx-vrt-x24 {
+  padding: var(--sizing-x24) 0rem;
   box-sizing: border-box;
 }
 
-.pdx-24 {
-  padding: var(--sizing-24);
+.pdx-x24 {
+  padding: var(--sizing-x24);
   box-sizing: border-box;
 }
 
-.pdx-top-36 {
-  padding-top: var(--sizing-36);
+.pdx-top-x36 {
+  padding-top: var(--sizing-x36);
   box-sizing: border-box;
 }
 
-.pdx-rgt-36 {
-  padding-left: var(--sizing-36);
+.pdx-rgt-x36 {
+  padding-left: var(--sizing-x36);
   box-sizing: border-box;
 }
 
-.pdx-bot-36 {
-  padding-bottom: var(--sizing-36);
+.pdx-bot-x36 {
+  padding-bottom: var(--sizing-x36);
   box-sizing: border-box;
 }
 
-.pdx-lft-36 {
-  padding-right: var(--sizing-36);
+.pdx-lft-x36 {
+  padding-right: var(--sizing-x36);
   box-sizing: border-box;
 }
 
-.pdx-hrz-36 {
-  padding: 0rem var(--sizing-36);
+.pdx-hrz-x36 {
+  padding: 0rem var(--sizing-x36);
   box-sizing: border-box;
 }
 
-.pdx-vrt-36 {
-  padding: var(--sizing-36) 0rem;
+.pdx-vrt-x36 {
+  padding: var(--sizing-x36) 0rem;
   box-sizing: border-box;
 }
 
-.pdx-36 {
-  padding: var(--sizing-36);
+.pdx-x36 {
+  padding: var(--sizing-x36);
   box-sizing: border-box;
 }
 
-.mrg-top-4 {
-  margin-top: var(--sizing-4);
+.mrg-top-x4 {
+  margin-top: var(--sizing-x4);
 }
 
-.mrg-rgt-4 {
-  margin-left: var(--sizing-4);
+.mrg-rgt-x4 {
+  margin-left: var(--sizing-x4);
 }
 
-.mrg-bot-4 {
-  margin-bottom: var(--sizing-4);
+.mrg-bot-x4 {
+  margin-bottom: var(--sizing-x4);
 }
 
-.mrg-lft-4 {
-  margin-right: var(--sizing-4);
+.mrg-lft-x4 {
+  margin-right: var(--sizing-x4);
 }
 
-.mrg-hrz-4 {
-  margin: 0rem var(--sizing-4);
+.mrg-hrz-x4 {
+  margin: 0rem var(--sizing-x4);
 }
 
-.mrg-vrt-4 {
-  margin: var(--sizing-4) 0rem;
+.mrg-vrt-x4 {
+  margin: var(--sizing-x4) 0rem;
 }
 
-.mrg-4 {
-  margin: var(--sizing-4);
+.mrg-x4 {
+  margin: var(--sizing-x4);
 }
 
-.mrg-top-8 {
-  margin-top: var(--sizing-8);
+.mrg-top-x8 {
+  margin-top: var(--sizing-x8);
 }
 
-.mrg-rgt-8 {
-  margin-left: var(--sizing-8);
+.mrg-rgt-x8 {
+  margin-left: var(--sizing-x8);
 }
 
-.mrg-bot-8 {
-  margin-bottom: var(--sizing-8);
+.mrg-bot-x8 {
+  margin-bottom: var(--sizing-x8);
 }
 
-.mrg-lft-8 {
-  margin-right: var(--sizing-8);
+.mrg-lft-x8 {
+  margin-right: var(--sizing-x8);
 }
 
-.mrg-hrz-8 {
-  margin: 0rem var(--sizing-8);
+.mrg-hrz-x8 {
+  margin: 0rem var(--sizing-x8);
 }
 
-.mrg-vrt-8 {
-  margin: var(--sizing-8) 0rem;
+.mrg-vrt-x8 {
+  margin: var(--sizing-x8) 0rem;
 }
 
-.mrg-8 {
-  margin: var(--sizing-8);
+.mrg-x8 {
+  margin: var(--sizing-x8);
 }
 
-.mrg-top-12 {
-  margin-top: var(--sizing-12);
+.mrg-top-x12 {
+  margin-top: var(--sizing-x12);
 }
 
-.mrg-rgt-12 {
-  margin-left: var(--sizing-12);
+.mrg-rgt-x12 {
+  margin-left: var(--sizing-x12);
 }
 
-.mrg-bot-12 {
-  margin-bottom: var(--sizing-12);
+.mrg-bot-x12 {
+  margin-bottom: var(--sizing-x12);
 }
 
-.mrg-lft-12 {
-  margin-right: var(--sizing-12);
+.mrg-lft-x12 {
+  margin-right: var(--sizing-x12);
 }
 
-.mrg-hrz-12 {
-  margin: 0rem var(--sizing-12);
+.mrg-hrz-x12 {
+  margin: 0rem var(--sizing-x12);
 }
 
-.mrg-vrt-12 {
-  margin: var(--sizing-12) 0rem;
+.mrg-vrt-x12 {
+  margin: var(--sizing-x12) 0rem;
 }
 
-.mrg-12 {
-  margin: var(--sizing-12);
+.mrg-x12 {
+  margin: var(--sizing-x12);
 }
 
-.mrg-top-16 {
-  margin-top: var(--sizing-16);
+.mrg-top-x16 {
+  margin-top: var(--sizing-x16);
 }
 
-.mrg-rgt-16 {
-  margin-left: var(--sizing-16);
+.mrg-rgt-x16 {
+  margin-left: var(--sizing-x16);
 }
 
-.mrg-bot-16 {
-  margin-bottom: var(--sizing-16);
+.mrg-bot-x16 {
+  margin-bottom: var(--sizing-x16);
 }
 
-.mrg-lft-16 {
-  margin-right: var(--sizing-16);
+.mrg-lft-x16 {
+  margin-right: var(--sizing-x16);
 }
 
-.mrg-hrz-16 {
-  margin: 0rem var(--sizing-16);
+.mrg-hrz-x16 {
+  margin: 0rem var(--sizing-x16);
 }
 
-.mrg-vrt-16 {
-  margin: var(--sizing-16) 0rem;
+.mrg-vrt-x16 {
+  margin: var(--sizing-x16) 0rem;
 }
 
-.mrg-16 {
-  margin: var(--sizing-16);
+.mrg-x16 {
+  margin: var(--sizing-x16);
 }
 
-.mrg-top-24 {
-  margin-top: var(--sizing-24);
+.mrg-top-x24 {
+  margin-top: var(--sizing-x24);
 }
 
-.mrg-rgt-24 {
-  margin-left: var(--sizing-24);
+.mrg-rgt-x24 {
+  margin-left: var(--sizing-x24);
 }
 
-.mrg-bot-24 {
-  margin-bottom: var(--sizing-24);
+.mrg-bot-x24 {
+  margin-bottom: var(--sizing-x24);
 }
 
-.mrg-lft-24 {
-  margin-right: var(--sizing-24);
+.mrg-lft-x24 {
+  margin-right: var(--sizing-x24);
 }
 
-.mrg-hrz-24 {
-  margin: 0rem var(--sizing-24);
+.mrg-hrz-x24 {
+  margin: 0rem var(--sizing-x24);
 }
 
-.mrg-vrt-24 {
-  margin: var(--sizing-24) 0rem;
+.mrg-vrt-x24 {
+  margin: var(--sizing-x24) 0rem;
 }
 
-.mrg-24 {
-  margin: var(--sizing-24);
+.mrg-x24 {
+  margin: var(--sizing-x24);
 }
 
-.mrg-top-36 {
-  margin-top: var(--sizing-36);
+.mrg-top-x36 {
+  margin-top: var(--sizing-x36);
 }
 
-.mrg-rgt-36 {
-  margin-left: var(--sizing-36);
+.mrg-rgt-x36 {
+  margin-left: var(--sizing-x36);
 }
 
-.mrg-bot-36 {
-  margin-bottom: var(--sizing-36);
+.mrg-bot-x36 {
+  margin-bottom: var(--sizing-x36);
 }
 
-.mrg-lft-36 {
-  margin-right: var(--sizing-36);
+.mrg-lft-x36 {
+  margin-right: var(--sizing-x36);
 }
 
-.mrg-hrz-36 {
-  margin: 0rem var(--sizing-36);
+.mrg-hrz-x36 {
+  margin: 0rem var(--sizing-x36);
 }
 
-.mrg-vrt-36 {
-  margin: var(--sizing-36) 0rem;
+.mrg-vrt-x36 {
+  margin: var(--sizing-x36) 0rem;
 }
 
-.mrg-36 {
-  margin: var(--sizing-36);
+.mrg-x36 {
+  margin: var(--sizing-x36);
 }
 
 :root {
@@ -3956,6 +3960,7 @@ button {
 }
 .rls-datatable__cell .rls-amount {
   font-size: var(--rls-datatable-font-size);
+  width: 100%;
 }
 .rls-datatable__cell .rls-poster {
   display: flex;