Skip to main content
Module

x/jotai/examples/todos_with_atomFamily/src/styles.css

👻 Primitive and flexible state management for React
Go to Latest
File
@import url("https://rsms.me/inter/inter.css");
* { box-sizing: border-box;}
html,body { width: 100%; height: 100%;}
body { margin-top: 5em; display: flex; align-items: flex-start; justify-content: center; background: #fdfdfd; font-family: "Inter", sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; filter: saturate(0);}
#root { width: 50ch; display: flex; flex-direction: column; gap: 1em;}
input:not([type="checkbox"]) { width: 100%; border: none; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05); padding: 10px 20px; margin-top: 2em; margin-bottom: 4em; background: white;}
input:focus { outline: none;}
.anticon-close { width: 32px !important; cursor: pointer; color: #c0c0c0;}
.anticon-close:hover { color: #272730;}
.item { position: relative; display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 20px; overflow: hidden;}
.item > span { display: inline-block; width: 100%;}
h1 { font-size: 10em; font-weight: 800; margin: 0; padding: 0; letter-spacing: -5px; color: black; white-space: nowrap;}