+29
@@ -128,3 +128,32 @@ body{
|
||||
|
||||
.next-line-btn{position:absolute;bottom:max(24px,calc(env(safe-area-inset-bottom) + 12px));right:20px;width:64px;height:64px;border-radius:50%;background:var(--accent);color:white;font-size:26px;border:none;box-shadow:0 4px 20px rgba(43,108,176,.38);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}
|
||||
.next-line-btn:disabled{opacity:.3;cursor:default}
|
||||
|
||||
/* ── Dyktando ── */
|
||||
.blank-progress{font-size:14px;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0}
|
||||
|
||||
.dyk-body{flex:1;display:flex;flex-direction:column;overflow:hidden}
|
||||
.dyk-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}
|
||||
.dyk-text{padding:20px;font-size:20px;line-height:1.9}
|
||||
|
||||
/* inline blank spans */
|
||||
.dyk-blank{display:inline;font-weight:700}
|
||||
.dyk-blank--pending{color:#dc2626;border-bottom:2px solid #dc2626}
|
||||
.dyk-blank--active{color:#dc2626;background:#fee2e2;border-radius:4px;padding:0 2px;animation:dyk-pulse 1s ease-in-out infinite}
|
||||
.dyk-blank--ok{color:#16a34a;font-weight:700}
|
||||
.dyk-blank--err{color:#dc2626;font-weight:700}
|
||||
@keyframes dyk-pulse{0%,100%{opacity:1}50%{opacity:.4}}
|
||||
|
||||
/* choice buttons */
|
||||
.dyk-choices{flex-shrink:0;display:flex;gap:12px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:white;border-top:2px solid #e6e9ef}
|
||||
.dyk-choices.hidden{display:none}
|
||||
.choice-btn{flex:1;padding:18px 8px;border-radius:14px;border:2px solid var(--accent);background:white;font-size:24px;font-weight:700;cursor:pointer;color:var(--accent);font-family:inherit;transition:background .12s,color .12s}
|
||||
.choice-btn:hover,.choice-btn:active{background:var(--accent);color:white}
|
||||
|
||||
/* summary */
|
||||
.dyk-summary{padding:20px}
|
||||
.dyk-summary-text{font-size:20px;line-height:1.9;margin-bottom:20px}
|
||||
.summary-score{font-size:18px;font-weight:700;text-align:center;color:#111;margin:0 0 20px}
|
||||
.dyk-summary-back{display:block;width:100%;margin-bottom:32px}
|
||||
.dyk-word--ok{color:#16a34a;font-weight:700}
|
||||
.dyk-word--err{color:#dc2626;font-weight:700}
|
||||
|
||||
Reference in New Issue
Block a user