diff --git a/packages/web/src/styles/files.css b/packages/web/src/styles/files.css deleted file mode 100644 index 0cd357c..0000000 --- a/packages/web/src/styles/files.css +++ /dev/null @@ -1,117 +0,0 @@ -.files-main { - display: flex; - align-items: flex-start; -} -.files-content { - flex: 1; - min-width: 0; -} -.files-heading { - position: relative; -} -.breadcrumbs { - display: flex; - align-items: center; - padding-right: 48px; -} -.breadcrumbs button { - padding: 0; - font: inherit; - border-radius: 0; - text-align: left; -} -.breadcrumbs button:hover { - text-decoration: underline; -} -.folder-trail { - font-size: 14px; - color: #404040; - overflow-wrap: anywhere; -} -.folder-separator { - display: inline-block; - margin: 0 12px; - color: #737373; - font-weight: 300; -} -.file-actions { - position: absolute; - right: 0; - top: 4px; -} -.file-actions summary { - height: 32px; - padding: 4px 8px; - background: transparent; - border-color: transparent; - box-shadow: none; -} -.file-actions summary:hover { - background: #7373731a; -} -.empty { - text-align: center; - margin-top: 24px; - font-style: italic; -} -.files-content > [role="status"], -.files-content > [role="alert"] { - margin-top: 16px; -} -.inspector-slot { - width: 0; - flex-shrink: 0; -} -.inspector-open { - width: 320px; -} -dialog { - color: var(--ink); - background: var(--panel); - border: 1px solid var(--line); - border-radius: 6px; - width: min(400px, calc(100vw - 32px)); - padding: 16px; - box-shadow: 0 10px 15px #0002; -} -dialog h2 { - font: - 700 20px/28px "iA Quattro", - sans-serif; - margin: 0; -} -dialog::backdrop { - background: #0008; - backdrop-filter: blur(2px); -} -@media (min-width: 1024px) { - .breadcrumbs { - align-items: flex-end; - } - .folder-trail { - font-size: 18px; - } - .inspector-slot { - margin-left: 32px; - margin-top: 80px; - position: sticky; - top: 32px; - } -} -@media (max-width: 1023px) { - .files-main { - flex-direction: column; - } - .files-content { - width: 100%; - } - .inspector-open { - width: 100%; - margin-top: 24px; - } -} -@media (prefers-color-scheme: dark) { - .folder-trail { - color: #e5e5e5; - } -}