obsidian-github-api-sync/styles.css at main · asmotim/obsidian-github-api-sync · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/* GitHub Sync Plugin Styles */

/* Ribbon icon styling */
.github-sync-ribbon-icon {
  transition: transform 0.3s ease;
}

/* Spinning animation when syncing */
.github-sync-ribbon-icon--syncing {
  animation: github-sync-spin 1s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .github-sync-ribbon-icon,
  .github-sync-ribbon-icon--syncing {
    animation: none;
    transition: none;
  }
}

@keyframes github-sync-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Hover effect */
.github-sync-ribbon-icon:hover {
  opacity: 0.8;
}

/* Sync log textarea */
.github-api-sync-log-textarea {
  width: 100%;
  min-height: 320px;
}

.github-api-sync-auth-card {
  border: 1px solid var(--background-modifier-border);
  border-radius: 12px;
  padding: 16px;
  margin: 16px 0;
}

.github-api-sync-auth-label {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-bottom: 8px;
}

.github-api-sync-auth-code {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

.github-api-sync-auth-meta {
  color: var(--text-muted);
  margin-top: 6px;
}

.github-api-sync-auth-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.github-api-sync-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 16px;
}

.github-api-sync-auth-status {
  margin-top: 12px;
  color: var(--text-normal);
}

.github-api-sync-auth-status-error {
  color: var(--text-error);
}

.github-api-sync-summary-card {
  border: 1px solid var(--background-modifier-border);
  border-radius: 12px;
  background: var(--background-secondary);
  padding: 16px;
  margin: 12px 0 18px;
}

.github-api-sync-summary-card-warning {
  border-color: var(--text-warning);
}

.github-api-sync-preview-section {
  margin: 18px 0;
}

.github-api-sync-preview-section h3 {
  margin: 0 0 8px;
}

.github-api-sync-preview-list {
  margin: 0;
  padding-left: 20px;
}

.github-api-sync-preview-details {
  margin: 10px 0;
}

.github-api-sync-inline-note {
  color: var(--text-muted);
  margin: 8px 0 0;
}