migrate away from legacy sanitization

Tested in sandbox, seems to work ok

Into the Odd/into-the-odd-style.css

@@ -17,29 +17,29 @@ button[type="roll"] {
 
 /* Utilities classes */
 
-.sheet-flex-container {
+.flex-container {
     display: flex;
 }
 
-.sheet-auto-column {
+.auto-column {
     flex-basis: 200px;
     flex-grow: 1;
     min-width: 200px;
 }
 
-.sheet-horizontal-separator {
+.horizontal-separator {
     min-width: 5px;
     width: 5px;
 }
 
-.sheet-vertical-separator {
+.vertical-separator {
     height: 5px;
     min-height: 5px;
 }
 
 /* Title of the sheet */
 
-.sheet-title {
+.title {
     color: black;
     font-family: "Pirata One";
     font-size: 30px;
@@ -47,11 +47,11 @@ button[type="roll"] {
 
 /* Stats column containing hit points and abilities */
 
-.sheet-stats-column {
+.stats-column {
     width: 200px;
 }
 
-.sheet-stat-title {
+.stat-title {
     background-color: black;
     color: white;
     font-family: "Nunito Sans";
@@ -62,28 +62,28 @@ button[type="roll"] {
     text-align: center;
 }
 
-.sheet-ability-title {
+.ability-title {
     width: 80px;
 }
 
-.sheet-hit-points-title {
+.hit-points-title {
     width: 128px;
 }
 
-.sheet-stat-inputs {
+.stat-inputs {
     background-color: white;
     border: 1px solid black;
     height: 24px;
     width: 70px;
 }
 
-.sheet-stat-input {
+.stat-input {
     border: none !important;
     text-align: center;
     width: 30px !important;
 }
 
-.sheet-stat-input-separator {
+.stat-input-separator {
     background: linear-gradient(
         to top left,
         rgba(0, 0, 0, 0) 0%,
@@ -97,7 +97,7 @@ button[type="roll"] {
 
 /* Generic styling for lists */
 
-.sheet-list-title {
+.list-title {
     background-color: black;
     color: white;
     display: flex;
@@ -109,13 +109,13 @@ button[type="roll"] {
     width: 100% !important;
 }
 
-.sheet-list-input {
+.list-input {
     border: none;
     border-radius: 0px;
     height: 25px !important;
 }
 
-.sheet-list-textarea {
+.list-textarea {
     border: none;
     border-radius: 0px;
     height: 43px !important;
@@ -124,7 +124,7 @@ button[type="roll"] {
     resize: none;
 }
 
-.sheet-list-textarea-row {
+.list-textarea-row {
     border-bottom: 1px solid black;
     border-left: 1px solid black;
     border-right: 1px solid black;
@@ -132,32 +132,32 @@ button[type="roll"] {
     padding: 4px;
 }
 
-.sheet-list-row {
+.list-row {
     border-bottom: 1px solid black;
     border-left: 1px solid black;
     border-right: 1px solid black;
     font-size: 0px;
 }
 
-.sheet-list-input {
+.list-input {
     background-color: white;
     padding-bottom: 0px;
     padding-top: 0px;
 }
 
-.sheet-list-input-center-aligned {
+.list-input-center-aligned {
     text-align: center;
 }
 
-.sheet-grid-100-percent {
+.grid-100-percent {
     width: 100%;
 }
 
-.sheet-grid-80-percent {
+.grid-80-percent {
     width: 80%;
 }
 
-.sheet-grid-20-percent {
+.grid-20-percent {
     width: 20%;
 }
 

Into the Odd/sheet.json

@@ -5,5 +5,5 @@
   "roll20userid": "3842271",
   "preview": "into-the-odd-preview.png",
   "instructions": "A simple character sheet for the Into the Odd system.",
-  "legacy": true
-}
+  "legacy": false
+}