🩹 Minor Fixes to (S)CSS

- Updated dark theme coloration for some links. - Fixed Spacing for li action icons - Fixed Spacing for icons in dark theme which closes #178 Signed-off-by: Sigrunixia <[email protected]>
ebullient · Aug 9, 2023 · 3bd5965 · 3bd5965
1 parent 0736c39
commit 3bd5965
Show file tree

Hide file tree

Showing 6 changed files with 221 additions and 102 deletions.
diff --git a/examples/css-snippets/pf2-compendium.css b/examples/css-snippets/pf2-compendium.css
diff --git a/src/scss/pf2e/callmonitions/_02-pf2-summary.scss b/src/scss/pf2e/callmonitions/_02-pf2-summary.scss
@@ -5,17 +5,7 @@
 .admonition[data-callout='pf2-summary'] {
   --callout-icon: '<svg xmlns="http://www.w3.org/2000/svg"   viewBox="0 0 1024 1024"><path fill="currentColor" d="M854.173 764.089H712.398l-1.355-2.419c.501-86.681 34.198-175.368 98.214-245.312 47.831-52.261 83.95-121.041 102.458-189.368l-82.338-49.795 76.414-13.791-86.599-51.529 104.084-17.674c-10.445-78.138-57.588-136.002-154.489-136.002-94.565 18.374-363.959 23.983-503.322 5.922-17.664-5.751-35.459-9.136-52.817-9.731-.129-.035-.267-.068-.394-.102l.219.097c-45.31-1.502-87.613 16.03-116.708 60.236-40.414 61.408 2.616 166.812 97.48 166.812 5.359 0 10.253-.289 14.727-.832v.733h118.467c-17.921 72.21-62.36 152.533-113.828 233.474a564.359 564.359 0 0 0-12.575 20.767l69.657 71.359-112.351 18.818c-65.349 171.651-54.745 363.552 96.403 363.552v-.002l15.634.11v.234h171.175v-.311h451.103c135.99.002 154.656-225.247-37.485-225.247zM452.277 872.408c-.003-.935-.03-1.888-.055-2.836.025.95.052 1.903.055 2.836zm-4.386-35.788c.027.119.047.232.074.351-.027-.117-.047-.231-.074-.347-5.374-23.696-20.779-43.454-40.897-56.175h.007c20.114 12.721 35.516 32.477 40.89 56.171zm4.214 29.647zm-.459-6.386zm-.765-6.682c-.125-.924-.242-1.844-.384-2.781.144.937.261 1.858.384 2.781zm-1.113-7.143c-.144-.814-.269-1.615-.426-2.437.157.822.282 1.624.426 2.437zM236.579 269.87c28.031-23.871-1.146-80.303-34.722-127.243h115.747c19.346 37.343 21.335 80.462 11.471 127.243h-92.496zm89.202 522.253c51.786-17.213 110.468 15.682 122.11 67.013 1.991 8.782 3.269 17.061 3.911 24.882.075-.817.112-1.662.17-2.491-1.291 18.519-6.792 33.936-15.602 46.701h-1.034a76.702 76.702 0 0 1-3.062 4.103l1.614-.707c-14.802 19.359-37.539 32.29-64.57 40.636h-28.104l1.368-.6c-29.614-.008-63.612-2.798-63.612-2.798 43.925-.703 62.862-19.294 70.065-40.598-31.298 11.376-64.654-9.072-75.146-39.264-14.161-40.748 12.502-83.784 51.893-96.877zm126.458 83.452c-.018.919-.027 1.846-.065 2.75.038-.905.045-1.831.065-2.75zm-18.22 55.872z"></path></svg>';
 
-  & .admonition-title {
-    display: flex;
-
-    & .admonition-title-content {
-      flex: 1;
-    }
-  }
-
   & .admonition-content {
   @include content-styles.common-admonition-typography;
   }
-
-
 }
diff --git a/src/scss/pf2e/callmonitions/_03-embed-avatar.scss b/src/scss/pf2e/callmonitions/_03-embed-avatar.scss
@@ -11,6 +11,10 @@
     &:hover {
       color: darken(var.$tyrian-purple, 10%);
     }
+
+    &:is([href*='#Actions']) {
+      color: transparent;
+    }
   }
 
   & .admonition-title {

diff --git a/src/scss/pf2e/callmonitions/shake-ins/_admon-content-styling.scss b/src/scss/pf2e/callmonitions/shake-ins/_admon-content-styling.scss
@@ -20,6 +20,10 @@
 
     &:is([href*='#Actions']) {
       color: transparent;
+
+      &:has(.admonition) {
+        vertical-align: sub;
+      }
     }
   }
 
@@ -156,11 +160,11 @@
   }
 
   a.external-link {
-    color: var.$very-light-violet;
-
+    color: rgb(var(--callout-color));
+    filter: invert(100%);
 
     &:hover {
-      color: darken(var.$very-light-violet, 10%);
+      filter: invert(100%) brightness(1.2);
     }
   }