duomo
duomo copied to clipboard
zaydek
CSS component for implementing layout
It would be better if we could just target `:not(...)` but we need to make sure this selector is actually valid first. If memory serves, it’s not.
What if we didn’t alias anything by default but users can, including the base configuration?
```ts /** * @jest-environment node */ declare function sass(data: string): string declare function errSass(testStr: string): Function ```
Locally these are: - `file:///Users/zaydek/Desktop/stack-11-test.html` - `file:///Users/zaydek/Desktop/sorcery-14-test.html`
See https://twitter.com/username_ZAYDEK/status/1330498963087224839 for context. Syntax looks something like this: `useAutoResize(["xs", "md"])`. This one wouldn’t be too hard but probably requires testing to make sure is working correctly.
Part of the logic needed to implement this is documented here: https://www.notion.so/Intro-to-React-2019-918bdd6954c1459e82caa748178f6455#3d4f31e5ba91410b99e66d8f2d0373ff. The website itself should not be scrollable when modal logic is triggered.
```scss @mixin to-dark-mode { :root[data-theme="dark"] & { $dur: 1200ms; $timing: timing(ease-out, $raw: true); transition: $dur background-color $timing, $dur border-color $timing; } } @mixin to-light-mode { :root:not([data-theme="dark"]) & { $dur: 600ms;...