package | from version | to version |
---|---|---|
betsy | 1.0.2 | 1.0.2-1596731055829 |
non-blocking-json | 1.0.0 | 1.1.0-1596731055829 |
overmind | 24.1.1 | 25.0.0-1596731055829 |
overmind-angular | 24.1.1 | 25.0.0-1596731055829 |
overmind-devtools | 25.1.1 | 26.0.0-1596731055829 |
overmind-devtools-client | 7.1.1 | 8.0.0-1596731055829 |
package | from version | to version |
---|---|---|
betsy | 1.0.2 | 1.0.2-1591603562887 |
overmind | 23.1.0 | 24.0.0-1591603562887 |
overmind-angular | 23.1.0 | 24.0.0-1591603562887 |
overmind-devtools | 24.1.0 | 25.0.0-1591603562887 |
overmind-devtools-client | 6.1.0 | 7.0.0-1591603562887 |
overmind-devtools-vscode | 5.1.0 | 6.0.0-1591603562887 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import * as React from 'react' | |
import { createConfig, TCss } from '@stitches/css' | |
const config = createConfig({ | |
tokens: { | |
colors: { | |
RED: 'tomato', | |
}, | |
}, | |
}) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import App from 'next/app' | |
import React from 'react' | |
import { createCss, TCss } from '@stitches/css' | |
import { Provider, config } from './css' | |
export default class MyApp extends App<{ serverCss: TCss<typeof config> }> { | |
render() { | |
const { Component, pageProps, serverCss } = this.props | |
return ( | |
<Provider css={serverCss || createCss(config)}> |
🧵
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class AppleSubscription { | |
String productId; | |
int purchaseDate; | |
int expiresDate; | |
bool isActive; | |
AppleSubscription.fromJSON(Map<String, dynamic> json) : | |
productId = json["productId"], | |
purchaseDate = json["purchaseDate"], | |
expiresDate = json["expiresDate"], |
package | from version | to version |
---|---|---|
betsy | 1.0.2 | 1.0.2-1583050194528 |
overmind | 22.0.5 | 23.0.0-1583050194529 |
overmind-angular | 22.0.5 | 23.0.0-1583050194529 |
overmind-devtools | 23.1.3 | 24.0.0-1583050194529 |
overmind-devtools-client | 5.1.3 | 6.0.0-1583050194529 |
overmind-devtools-vscode | 4.1.3 | 5.0.0-1583050194529 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const config = { | |
defaults: { | |
screens: { | |
sm: '640px', | |
md: '768px', | |
lg: '1024px', | |
xl: '1280px', | |
}, | |
colors: { | |
transparent: 'transparent', |
Taking inspiration from tailwindcss and this idea, here is a specification for how to achieve it.
With TailwindCSS you have an amazing default design system, but it is not ideal. It lacks:
- Validation of classnames: It does not validate the classnames you insert
- Composition: It does not allow you to effectively compose together classnames into new classnames and it can not dynamically do so at runtime effectively
- Defining by variables: Even though it is nice to write TailwindCSS inline with your elements, you can not define classes as variables, because the TailwindCSS extension does not understand it
This solution solves all of this with an even better experience of setup and consumption!