TinyMCE is going to break my mind

Eunomiac · Apr 28, 2024 · ba9237f · ba9237f
1 parent 6be775a
commit ba9237f
Show file tree

Hide file tree

Showing 31 changed files with 444 additions and 415 deletions.
diff --git a/city-of-knives/data/actors/002720.ldb → city-of-knives/data/actors/002738.ldb b/city-of-knives/data/actors/002720.ldb → city-of-knives/data/actors/002738.ldb
diff --git a/city-of-knives/data/actors/MANIFEST-002718 b/city-of-knives/data/actors/MANIFEST-002718
diff --git a/city-of-knives/world.json b/city-of-knives/world.json
@@ -10,7 +10,7 @@
   },
   "systemVersion": "0.1",
   "lastPlayed": "Sun Apr 28 2024 03:45:31 GMT-0400 (Eastern Daylight Time)",
-  "playtime": 509142,
+  "playtime": 512295,
   "safeMode": false,
   "packs": [
     {

diff --git a/public/tinymce/tinymce.css b/public/tinymce/tinymce.css
diff --git a/public/tinymce/tinymce.css.map b/public/tinymce/tinymce.css.map
diff --git a/src/scss/_tagify-custom.scss b/src/scss/_tagify-custom.scss
@@ -61,10 +61,10 @@ $hover-yiq: $bg-yiq * 1.33;
   --placeholder-color: transparent;
   --placeholder-color-focus: transparent;
   --tags-border-color: #343434;
-  --tag-pad: 0; // 0.1rem 0.3rem;
+  --tag-pad: 0; // #{toPixels(0.1rem)} #{toPixels(0.3rem)};
   align-items: center;
   height: 18px;
-  gap: 0.1rem;
+  gap: #{toPixels(0.1rem)};
 
   min-width: 100%;
   flex-wrap: nowrap;
@@ -105,7 +105,7 @@ $hover-yiq: $bg-yiq * 1.33;
 
   .tagify__input {
     flex-grow: 0.2;
-    padding: 0.1rem;
+    padding: #{toPixels(0.1rem)};
     display: flex;
     justify-items: center;
     align-content: center;
@@ -172,7 +172,7 @@ $hover-yiq: $bg-yiq * 1.33;
         font-family: "Fjalla One", sans-serif;
         margin: 0px 0 3px 3px;
         color: var(--blades-black);
-        padding: 0.1rem 0.25rem;
+        padding: #{toPixels(0.1rem)} #{toPixels(0.25rem)};
         border-radius: 5px;
         pointer-events: auto;
         line-height: 18px;

diff --git a/src/scss/components/_buttons-toggles.scss b/src/scss/components/_buttons-toggles.scss
@@ -1,21 +1,21 @@
 .button-icon, .toggle-icon {
   position: absolute;
-  height: 1.5rem;
-  width: 1.5rem;
-  line-height: 1.5rem;
+  height: #{toPixels(1.5rem)};
+  width: #{toPixels(1.5rem)};
+  line-height: #{toPixels(1.5rem)};
   display: inline-flex;
   justify-content: center;
   align-items: center;
   right: 0;
       text-shadow: none;
 
   i {
-    height: 1.5rem;
-    width: 1.5rem;
-    line-height: 1.75rem;
+    height: #{toPixels(1.5rem)};
+    width: #{toPixels(1.5rem)};
+    line-height: #{toPixels(1.75rem)};
     text-align: center;
     opacity: 0.75;
-    margin-top: -0.125rem;
+    margin-top: #{toPixels(-0.125rem)};
     pointer-events: none;
 
     &.toggle-off {

diff --git a/src/scss/components/_cohort-block.scss b/src/scss/components/_cohort-block.scss
@@ -74,7 +74,7 @@
       .cohort-name {
         pointer-events: auto;
         font-family: var(--font-emphasis);
-        font-size: toRem(18px);
+        font-size: 18px;
         line-height: 25px;
         color: var(--blades-white-bright);
         transition: 0.25s;
@@ -89,7 +89,7 @@
       }
 
       .cohort-subtitle {
-        font-size: toRem(14px);
+        font-size: 14px;
         font-style: italic;
         line-height: 14px;
         position: relative;
@@ -102,13 +102,13 @@
         text-align: right;
 
         .cohort-quality-label {
-          font-size: toRem(16px);
+          font-size: 16px;
           font-family: var(--font-emphasis);
         }
 
         .cohort-quality-number {
           display: inline-block;
-          font-size: toRem(16px);
+          font-size: 16px;
           font-weight: bold;
           color: var(--blades-gold-bright);
           transform-origin: 50% 50%;
@@ -122,13 +122,13 @@
         margin-top: -5px;
 
         .cohort-scale-label {
-          font-size: toRem(16px);
+          font-size: 16px;
           font-family: var(--font-emphasis);
         }
 
         .cohort-scale-number {
           display: inline-block;
-          font-size: toRem(16px);
+          font-size: 16px;
           font-weight: bold;
           color: var(--blades-gold-bright);
           transform-origin: 50% 50%;