Last Sync: 2026-06-05 03:26 (Mobile)

.obsidian/plugins/advanced-canvas/styles.css

@@ -1,55 +1,55 @@
 /* src/styles.scss */
-.properties-field > .setting-item-info {
+.ac-settings .properties-field > .setting-item-info {
   flex: 0;
   margin: 0;
   padding: var(--size-4-1) var(--size-4-2);
   border: var(--input-border-width) solid var(--background-modifier-border);
   border-radius: var(--input-radius) 0 0 var(--input-radius);
 }
-.properties-field > .setting-item-control > input {
+.ac-settings .properties-field > .setting-item-control > input {
   width: 100%;
   border-radius: 0 var(--input-radius) var(--input-radius) 0;
 }
-.ac-settings-heading:not(:first-child) {
+.ac-settings .ac-settings-heading:not(:first-child) {
   margin-top: var(--size-4-10) !important;
 }
-.ac-settings-heading:has(.checkbox-container:not(.is-enabled)) {
+.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) {
   border-bottom-color: var(--background-modifier-border-hover);
 }
-.ac-settings-heading .setting-item-description {
+.ac-settings .ac-settings-heading .setting-item-description {
   margin-inline-end: 20px;
 }
-.settings-header-children {
+.ac-settings .settings-header-children {
   transform-origin: top center;
   transform: scaleY(1);
   transition: transform 0.2s ease-in-out;
 }
-.ac-settings-heading:has(.checkbox-container:not(.is-enabled)) + .settings-header-children {
+.ac-settings .ac-settings-heading:has(.checkbox-container:not(.is-enabled)) + .settings-header-children {
   opacity: 0.5;
   pointer-events: none;
   height: 0;
   transform: scaleY(0);
 }
-.setting-item > .setting-item-control input[type=text] {
+.ac-settings .setting-item > .setting-item-control input[type=text] {
   width: 75px;
 }
-details.setting-item {
+.ac-settings details.setting-item {
   flex-direction: column;
   align-items: initial;
 }
-details.setting-item:not([open]) {
+.ac-settings details.setting-item:not([open]) {
   row-gap: 0;
 }
-details.setting-item[open] {
+.ac-settings details.setting-item[open] {
   padding-bottom: var(--size-4-2);
 }
-details.setting-item[open] > summary {
+.ac-settings details.setting-item[open] > summary {
   margin-bottom: var(--size-4-2);
 }
-details.setting-item > *:not(summary) {
+.ac-settings details.setting-item > *:not(summary) {
   border: 1px solid var(--background-primary);
 }
-.kofi-banner {
+.ac-settings .kofi-banner {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -58,17 +58,17 @@ details.setting-item > *:not(summary) {
   background-color: var(--background-primary-alt);
   border-radius: var(--radius-m);
 }
-.kofi-banner .ac-kofi-banner-title {
+.ac-settings .kofi-banner .ac-kofi-banner-title {
   margin: 0;
   font-size: var(--font-ui-small);
   font-weight: 600;
 }
-.kofi-banner .ac-kofi-button {
+.ac-settings .kofi-banner .ac-kofi-button {
   width: min-content;
   height: min-content;
   line-height: 0;
 }
-.kofi-banner .ac-kofi-button img {
+.ac-settings .kofi-banner .ac-kofi-button img {
   min-width: 75px;
   width: 25%;
   max-width: 100px;
@@ -491,3 +491,35 @@ details.setting-item > *:not(summary) {
 .canvas-node-interaction-layer[data-is-from-portal=true] .canvas-node-resizer .canvas-node-connection-point {
   pointer-events: all;
 }
+.ac-card-embed {
+  display: flex;
+  flex-direction: column;
+  contain: strict;
+  overflow: hidden;
+  background-color: var(--background-primary);
+  border: 1px solid rgb(var(--canvas-color));
+  border-radius: var(--radius-m);
+  box-shadow: var(--shadow-stationary);
+}
+.ac-card-embed.is-themed {
+  background-color: rgba(var(--canvas-color), 0.07);
+  border-color: rgba(var(--canvas-color), 0.7);
+  box-shadow: inset 0 0 0 1px rgba(var(--canvas-color), 0.7), var(--shadow-stationary);
+}
+.ac-card-embed > .markdown-content {
+  position: relative;
+  overflow-y: auto;
+  overflow-wrap: break-word;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  padding: 0 var(--size-4-4);
+  font-size: var(--font-text-size);
+  font-family: var(--font-text);
+  line-height: var(--line-height-normal);
+  color: var(--text-normal);
+  user-select: text;
+  -webkit-user-select: text;
+  scrollbar-gutter: stable;
+}