swiftle css fix

Author: sliemeobn

Examples/Swiftle/Public/elementary.css

@@ -20,8 +20,9 @@
   --e-ai:initial;
   --e-ac:initial;
   --e-g:initial;
-  --e-pos:initial;
-  --e-inset:initial;
+  --e-ov:initial;
+  --e-pn:initial;
+  --e-it:initial;
   --e-c:initial;
   --e-ta:initial;
   --e-fw:initial;
@@ -35,8 +36,9 @@
   --e-to:initial;
   --e-ts:initial;
   --e-o:initial;
-  --e-t:initial;
-  --e-tr:initial;
+  --e-tm:initial;
+  --e-tmo:initial;
+  --e-tn:initial;
   margin:var(--e-m, 0);
   padding:var(--e-p, 0);
   background:var(--e-bg, transparent);
@@ -57,8 +59,9 @@
   align-items:var(--e-ai, normal);
   align-content:var(--e-ac, normal);
   gap:var(--e-g, 0);
-  position:var(--e-pos, );
-  inset:var(--e-inset, );
+  overflow:var(--e-ov, visible);
+  position:var(--e-pn, );
+  inset:var(--e-it, );
   color:var(--e-c, inherit);
   text-align:var(--e-ta, inherit);
   font-weight:var(--e-fw, inherit);
@@ -72,8 +75,9 @@
   text-overflow:var(--e-to, clip);
   text-shadow:var(--e-ts, none);
   opacity:var(--e-o, 1);
-  transform:var(--e-t, none);
-  transition:var(--e-tr, none);
+  transform:var(--e-tm, none);
+  transform-origin:var(--e-tmo, center);
+  transition:var(--e-tn, none);
 }
 ._ehm:hover { margin:var(--eh-m)}
 ._ehp:hover { padding:var(--eh-p)}
@@ -95,8 +99,9 @@
 ._ehai:hover { align-items:var(--eh-ai)}
 ._ehac:hover { align-content:var(--eh-ac)}
 ._ehg:hover { gap:var(--eh-g)}
-._ehpos:hover { position:var(--eh-pos)}
-._ehinset:hover { inset:var(--eh-inset)}
+._ehov:hover { overflow:var(--eh-ov)}
+._ehpn:hover { position:var(--eh-pn)}
+._ehit:hover { inset:var(--eh-it)}
 ._ehc:hover { color:var(--eh-c)}
 ._ehta:hover { text-align:var(--eh-ta)}
 ._ehfw:hover { font-weight:var(--eh-fw)}
@@ -110,8 +115,9 @@
 ._ehto:hover { text-overflow:var(--eh-to)}
 ._ehts:hover { text-shadow:var(--eh-ts)}
 ._eho:hover { opacity:var(--eh-o)}
-._eht:hover { transform:var(--eh-t)}
-._ehtr:hover { transition:var(--eh-tr)}
+._ehtm:hover { transform:var(--eh-tm)}
+._ehtmo:hover { transform-origin:var(--eh-tmo)}
+._ehtn:hover { transition:var(--eh-tn)}
 
 ._efm:focus { margin:var(--ef-m)}
 ._efp:focus { padding:var(--ef-p)}
@@ -133,8 +139,9 @@
 ._efai:focus { align-items:var(--ef-ai)}
 ._efac:focus { align-content:var(--ef-ac)}
 ._efg:focus { gap:var(--ef-g)}
-._efpos:focus { position:var(--ef-pos)}
-._efinset:focus { inset:var(--ef-inset)}
+._efov:focus { overflow:var(--ef-ov)}
+._efpn:focus { position:var(--ef-pn)}
+._efit:focus { inset:var(--ef-it)}
 ._efc:focus { color:var(--ef-c)}
 ._efta:focus { text-align:var(--ef-ta)}
 ._effw:focus { font-weight:var(--ef-fw)}
@@ -148,8 +155,9 @@
 ._efto:focus { text-overflow:var(--ef-to)}
 ._efts:focus { text-shadow:var(--ef-ts)}
 ._efo:focus { opacity:var(--ef-o)}
-._eft:focus { transform:var(--ef-t)}
-._eftr:focus { transition:var(--ef-tr)}
+._eftm:focus { transform:var(--ef-tm)}
+._eftmo:focus { transform-origin:var(--ef-tmo)}
+._eftn:focus { transition:var(--ef-tn)}
 
 ._eam:active { margin:var(--ea-m)}
 ._eap:active { padding:var(--ea-p)}
@@ -171,8 +179,9 @@
 ._eaai:active { align-items:var(--ea-ai)}
 ._eaac:active { align-content:var(--ea-ac)}
 ._eag:active { gap:var(--ea-g)}
-._eapos:active { position:var(--ea-pos)}
-._eainset:active { inset:var(--ea-inset)}
+._eaov:active { overflow:var(--ea-ov)}
+._eapn:active { position:var(--ea-pn)}
+._eait:active { inset:var(--ea-it)}
 ._eac:active { color:var(--ea-c)}
 ._eata:active { text-align:var(--ea-ta)}
 ._eafw:active { font-weight:var(--ea-fw)}
@@ -186,8 +195,9 @@
 ._eato:active { text-overflow:var(--ea-to)}
 ._eats:active { text-shadow:var(--ea-ts)}
 ._eao:active { opacity:var(--ea-o)}
-._eat:active { transform:var(--ea-t)}
-._eatr:active { transition:var(--ea-tr)}
+._eatm:active { transform:var(--ea-tm)}
+._eatmo:active { transform-origin:var(--ea-tmo)}
+._eatn:active { transition:var(--ea-tn)}
 
 ._edm:disabled { margin:var(--ed-m)}
 ._edp:disabled { padding:var(--ed-p)}
@@ -209,8 +219,9 @@
 ._edai:disabled { align-items:var(--ed-ai)}
 ._edac:disabled { align-content:var(--ed-ac)}
 ._edg:disabled { gap:var(--ed-g)}
-._edpos:disabled { position:var(--ed-pos)}
-._edinset:disabled { inset:var(--ed-inset)}
+._edov:disabled { overflow:var(--ed-ov)}
+._edpn:disabled { position:var(--ed-pn)}
+._edit:disabled { inset:var(--ed-it)}
 ._edc:disabled { color:var(--ed-c)}
 ._edta:disabled { text-align:var(--ed-ta)}
 ._edfw:disabled { font-weight:var(--ed-fw)}
@@ -224,7 +235,8 @@
 ._edto:disabled { text-overflow:var(--ed-to)}
 ._edts:disabled { text-shadow:var(--ed-ts)}
 ._edo:disabled { opacity:var(--ed-o)}
-._edt:disabled { transform:var(--ed-t)}
-._edtr:disabled { transition:var(--ed-tr)}
+._edtm:disabled { transform:var(--ed-tm)}
+._edtmo:disabled { transform-origin:var(--ed-tmo)}
+._edtn:disabled { transition:var(--ed-tn)}