edge-city
git clone https://git.pyrossh.dev/edge-city
edge-city is a next level meta-framework for react that runs only on edge runtimes
example/src/pages/todos/Todo.css
| e284d5b | 1 | .todo { |
| 6b0984a | 2 | display: flex; |
| 6b0984a | 3 | border-bottom-width: 1px; |
| 6b0984a | 4 | border-color: #d1d5db; |
| 6b0984a | 5 | align-items: center; |
| 6b0984a | 6 | height: 4rem; |
| 6b0984a | 7 | margin-bottom: 0.5rem; |
| 6b0984a | 8 | margin-top: 0.5rem; |
| 6b0984a | 9 | |
| 6b0984a | 10 | & .text { |
| e284d5b | 11 | display: flex; |
| 6b0984a | 12 | flex: 1; |
| 6b0984a | 13 | flex-direction: column; |
| e6b4ebe | 14 | font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", |
| e6b4ebe | 15 | "Courier New", monospace; |
| 6b0984a | 16 | margin-left: 0.5rem; |
| e284d5b | 17 | } |
| 6b0984a | 18 | |
| ce83445 | 19 | & form { |
| ce83445 | 20 | display: flex; |
| ce83445 | 21 | flex: 1; |
| ce83445 | 22 | |
| ce83445 | 23 | & .text-input { |
| ce83445 | 24 | display: flex; |
| ce83445 | 25 | flex: 1; |
| ce83445 | 26 | margin-right: 0.5rem; |
| ce83445 | 27 | } |
| ce83445 | 28 | } |
| ce83445 | 29 | |
| 6b0984a | 30 | & .timestamp { |
| 6b0984a | 31 | line-height: 2; |
| 6b0984a | 32 | opacity: 0.5; |
| 6b0984a | 33 | font-size: 0.75rem; |
| 6b0984a | 34 | } |
| 6b0984a | 35 | |
| 6b0984a | 36 | & .edit-button { |
| 6b0984a | 37 | padding: 0.5rem; |
| 6b0984a | 38 | margin-right: 0.5rem; |
| 6b0984a | 39 | } |
| 6b0984a | 40 | |
| 6b0984a | 41 | & .delete-button { |
| 6b0984a | 42 | padding: 0.5rem; |
| e284d5b | 43 | } |
| e6b4ebe | 44 | } |