ahmetildirim_obsidian-inscribe/styles.css

99 lines
1.8 KiB
CSS
Raw Normal View History

/* Editor Styles */
.inscribe-inline-prediction {
opacity: 0.5;
}
.inscribe-prompt-textarea {
width: 100%;
resize: vertical;
position: relative;
}
.inscribe-section {
margin-top: 1.75em;
}
/* Path Mapping Styles */
2025-03-26 20:36:31 +00:00
.inscribe-mapping-table {
width: 100%;
border-collapse: collapse;
}
2025-03-26 20:36:31 +00:00
.inscribe-mapping-table th {
text-align: left;
2025-03-28 14:58:34 +00:00
padding: 8px 0px;
2025-03-26 20:36:31 +00:00
border-bottom: 1px solid var(--background-modifier-border);
}
2025-03-26 20:36:31 +00:00
.inscribe-mapping-table td {
text-align: left;
2025-03-28 14:58:34 +00:00
padding: 8px 0px;
border-bottom: 1px solid var(--background-modifier-border);
}
2025-03-26 20:58:37 +00:00
.inscribe-mapping-table .mapping-toggle-wrapper {
display: flex;
}
/* Style provider modal */
.inscribe-provider-settings-modal {
width: 500px;
}
/* Status Bar Styles */
/* Writing animation with rotation */
@keyframes write {
0% {
transform: rotate(0deg) translateX(0);
}
15% {
transform: rotate(720deg) translateX(0);
}
30% {
transform: rotate(720deg) translateX(3px);
}
45% {
transform: rotate(720deg) translateX(-3px);
}
60% {
transform: rotate(720deg) translateX(3px);
}
75% {
transform: rotate(720deg) translateX(-3px);
}
90% {
transform: rotate(720deg) translateX(1px);
}
100% {
transform: rotate(720deg) translateX(0);
}
}
.status-bar-item-icon.active {
animation: write 2.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
/* Strikethrough effect for disabled completion */
.status-bar-item-icon.completion-disabled {
position: relative;
}
.status-bar-item-icon.completion-disabled::after {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: var(--text-muted);
transform: translateY(-50%);
}