diff --git a/web/src/App.tsx b/web/src/App.tsx index 4826ba43..c52c9d2a 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -26,7 +26,6 @@ import { RedwoodApolloProvider } from '@redwoodjs/web/apollo' import FatalErrorPage from 'src/pages/FatalErrorPage' import Routes from 'src/Routes' -import './scaffold.css' import './scss/custom.scss' const App = () => ( diff --git a/web/src/scaffold.css b/web/src/scaffold.css deleted file mode 100644 index 3a6a2155..00000000 --- a/web/src/scaffold.css +++ /dev/null @@ -1,397 +0,0 @@ -/* - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css -*/ - -.rw-scaffold *, -.rw-scaffold ::after, -.rw-scaffold ::before { - box-sizing: inherit; -} -.rw-scaffold main { - color: #4a5568; - display: block; -} -.rw-scaffold h1, -.rw-scaffold h2 { - margin: 0; -} -.rw-scaffold a { - background-color: transparent; -} -.rw-scaffold ul { - margin: 0; - padding: 0; -} -.rw-scaffold input { - font-family: inherit; - font-size: 100%; - overflow: visible; -} -.rw-scaffold input:-ms-input-placeholder { - color: #a0aec0; -} -.rw-scaffold input::-ms-input-placeholder { - color: #a0aec0; -} -.rw-scaffold input::placeholder { - color: #a0aec0; -} -.rw-scaffold table { - border-collapse: collapse; -} - -/* - Style -*/ - -.rw-scaffold, -.rw-toast { - background-color: #fff; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, - 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', - 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; -} -.rw-header { - display: flex; - justify-content: space-between; - padding: 1rem 2rem 1rem 2rem; -} -.rw-main { - margin-left: 1rem; - margin-right: 1rem; - padding-bottom: 1rem; -} -.rw-segment { - border-radius: 0.5rem; - border-width: 1px; - border-color: #e5e7eb; - overflow: hidden; - width: 100%; - scrollbar-color: #a1a1aa transparent; -} -.rw-segment::-webkit-scrollbar { - height: initial; -} -.rw-segment::-webkit-scrollbar-track { - background-color: transparent; - border-color: #e2e8f0; - border-style: solid; - border-radius: 0 0 10px 10px; - border-width: 1px 0 0 0; - padding: 2px; -} -.rw-segment::-webkit-scrollbar-thumb { - background-color: #a1a1aa; - background-clip: content-box; - border: 3px solid transparent; - border-radius: 10px; -} -.rw-segment-header { - background-color: #e2e8f0; - color: #4a5568; - padding: 0.75rem 1rem; -} -.rw-segment-main { - background-color: #f7fafc; - padding: 1rem; -} -.rw-link { - color: #4299e1; - text-decoration: underline; -} -.rw-link:hover { - color: #2b6cb0; -} -.rw-forgot-link { - font-size: 0.75rem; - color: #a0aec0; - text-align: right; - margin-top: 0.1rem; -} -.rw-forgot-link:hover { - font-size: 0.75rem; - color: #4299e1; -} -.rw-heading { - font-weight: 600; -} -.rw-heading.rw-heading-primary { - font-size: 1.25rem; -} -.rw-heading.rw-heading-secondary { - font-size: 0.875rem; -} -.rw-heading .rw-link { - color: #4a5568; - text-decoration: none; -} -.rw-heading .rw-link:hover { - color: #1a202c; - text-decoration: underline; -} -.rw-cell-error { - font-size: 90%; - font-weight: 600; -} -.rw-form-wrapper { - box-sizing: border-box; - font-size: 0.875rem; - margin-top: -1rem; -} -.rw-cell-error, -.rw-form-error-wrapper { - padding: 1rem; - background-color: #fff5f5; - color: #c53030; - border-width: 1px; - border-color: #feb2b2; - border-radius: 0.25rem; - margin: 1rem 0; -} -.rw-form-error-title { - margin-top: 0; - margin-bottom: 0; - font-weight: 600; -} -.rw-form-error-list { - margin-top: 0.5rem; - list-style-type: disc; - list-style-position: inside; -} -.rw-button { - border: none; - color: #718096; - cursor: pointer; - display: flex; - justify-content: center; - font-size: 0.75rem; - font-weight: 600; - padding: 0.25rem 1rem; - text-transform: uppercase; - text-decoration: none; - letter-spacing: 0.025em; - border-radius: 0.25rem; - line-height: 2; - border: 0; -} -.rw-button:hover { - background-color: #718096; - color: #fff; -} -.rw-button.rw-button-small { - font-size: 0.75rem; - border-radius: 0.125rem; - padding: 0.25rem 0.5rem; - line-height: inherit; -} -.rw-button.rw-button-green { - background-color: #48bb78; - color: #fff; -} -.rw-button.rw-button-green:hover { - background-color: #38a169; - color: #fff; -} -.rw-button.rw-button-blue { - background-color: #3182ce; - color: #fff; -} -.rw-button.rw-button-blue:hover { - background-color: #2b6cb0; -} -.rw-button.rw-button-red { - background-color: #e53e3e; - color: #fff; -} -.rw-button.rw-button-red:hover { - background-color: #c53030; -} -.rw-button-icon { - font-size: 1.25rem; - line-height: 1; - margin-right: 0.25rem; -} -.rw-button-group { - display: flex; - justify-content: center; - margin: 0.75rem 0.5rem; -} -.rw-button-group .rw-button { - margin: 0 0.25rem; -} -.rw-form-wrapper .rw-button-group { - margin-top: 2rem; - margin-bottom: 0; -} -.rw-label { - display: block; - margin-top: 1.5rem; - color: #4a5568; - font-weight: 600; - text-align: left; -} -.rw-label.rw-label-error { - color: #c53030; -} -.rw-input { - display: block; - margin-top: 0.5rem; - width: 100%; - padding: 0.5rem; - border-width: 1px; - border-style: solid; - border-color: #e2e8f0; - color: #4a5568; - border-radius: 0.25rem; - outline: none; -} -.rw-check-radio-item-none { - color: #4a5568; -} -.rw-check-radio-items { - display: flex; - justify-items: center; -} -.rw-input[type='checkbox'] { - display: inline; - width: 1rem; - margin-left: 0; - margin-right: 0.5rem; - margin-top: 0.25rem; -} -.rw-input[type='radio'] { - display: inline; - width: 1rem; - margin-left: 0; - margin-right: 0.5rem; - margin-top: 0.25rem; -} -.rw-input:focus { - border-color: #a0aec0; -} -.rw-input-error { - border-color: #c53030; - color: #c53030; -} - -.rw-input-error:focus { - outline: none; - border-color: #c53030; - box-shadow: 0 0 5px #c53030; -} - -.rw-field-error { - display: block; - margin-top: 0.25rem; - font-weight: 600; - text-transform: uppercase; - font-size: 0.75rem; - color: #c53030; -} -.rw-table-wrapper-responsive { - overflow-x: auto; -} -.rw-table-wrapper-responsive .rw-table { - min-width: 48rem; -} -.rw-table { - table-layout: auto; - width: 100%; - font-size: 0.875rem; -} -.rw-table th, -.rw-table td { - padding: 0.75rem; -} -.rw-table td { - background-color: #ffffff; - color: #1a202c; -} -.rw-table tr:nth-child(odd) td, -.rw-table tr:nth-child(odd) th { - background-color: #f7fafc; -} -.rw-table thead tr { - color: #4a5568; -} -.rw-table th { - font-weight: 600; - text-align: left; -} -.rw-table thead th { - background-color: #e2e8f0; - text-align: left; -} -.rw-table tbody th { - text-align: right; -} -@media (min-width: 768px) { - .rw-table tbody th { - width: 20%; - } -} -.rw-table tbody tr { - border-top-width: 1px; -} -.rw-table input { - margin-left: 0; -} -.rw-table-actions { - display: flex; - justify-content: flex-end; - align-items: center; - height: 17px; - padding-right: 0.25rem; -} -.rw-table-actions .rw-button { - background-color: transparent; -} -.rw-table-actions .rw-button:hover { - background-color: #718096; - color: #fff; -} -.rw-table-actions .rw-button-blue { - color: #3182ce; -} -.rw-table-actions .rw-button-blue:hover { - background-color: #3182ce; - color: #fff; -} -.rw-table-actions .rw-button-red { - color: #e53e3e; -} -.rw-table-actions .rw-button-red:hover { - background-color: #e53e3e; - color: #fff; -} -.rw-text-center { - text-align: center; -} -.rw-login-container { - display: flex; - align-items: center; - justify-content: center; - width: 24rem; - margin: 4rem auto; - flex-wrap: wrap; -} -.rw-login-container .rw-form-wrapper { - width: 100%; - text-align: center; -} -.rw-login-link { - margin-top: 1rem; - color: #4a5568; - font-size: 90%; - text-align: center; - flex-basis: 100%; -} -.rw-webauthn-wrapper { - margin: 1.5rem 1rem 1rem; - line-height: 1.4; -} -.rw-webauthn-wrapper h2 { - font-size: 150%; - font-weight: bold; - margin-bottom: 1rem; -}