Skip to content

Commit b545502

committed

Refactor: index.ts

1 parent b57d51b commit b545502Copy full SHA for b545502

File tree

3 files changed

+24

-2

lines changed

src
- components
  - button
    - index.css
  - index.ts
- render
  - index.tsx

3 files changed

+24

-2

lines changed

`‎src/components/button/index.css‎`

Lines changed: 21 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -11,10 +11,31 @@`
`11`	`11`	`cursor: pointer;`
`12`	`12`	`user-select: none;`
`13`	`13`
	`14`	`+ &[class*="--primary"] {`
	`15`	`+ background-color: #f6f8fa;`
	`16`	`+ box-shadow: 0px 1px 0px 0px #1f23280a;`
	`17`	`+ border-color: #d1d9e0;`
	`18`	`+ color: #25292e;`
	`19`	`+ }`
	`20`	`+`
`14`	`21`	`&[class*="--default"] {`
`15`	`22`	`background-color: #f6f8fa;`
`16`	`23`	`box-shadow: 0px 1px 0px 0px #1f23280a;`
`17`	`24`	`border-color: #d1d9e0;`
`18`	`25`	`color: #25292e;`
`19`	`26`	`}`
	`27`	`+`
	`28`	`+ &[class*="--invisible"] {`
	`29`	`+ background-color: #f6f8fa;`
	`30`	`+ box-shadow: 0px 1px 0px 0px #1f23280a;`
	`31`	`+ border-color: #d1d9e0;`
	`32`	`+ color: #25292e;`
	`33`	`+ }`
	`34`	`+`
	`35`	`+ &[class*="--danger"] {`
	`36`	`+ background-color: #f6f8fa;`
	`37`	`+ box-shadow: 0px 1px 0px 0px #1f23280a;`
	`38`	`+ border-color: #d1d9e0;`
	`39`	`+ color: #25292e;`
	`40`	`+ }`
`20`	`41`	`}`

`‎src/components/index.ts‎`

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export * as button from './button/index.ts'`

`‎src/render/index.tsx‎`

Lines changed: 2 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,12 +1,12 @@`
`1`	`1`	`import { render } from '@solid-js/web';`
`2`	`2`	`import { HashRouter, Route } from '@solid-js/router'`
`3`		`-import { Button } from '../components/button/index.ts';`
	`3`	`+import { button } from '../components/index.ts';`
`4`	`4`	`import './index.css'`
`5`	`5`
`6`	`6`
`7`	`7`	`render(`
`8`	`8`	`() => <HashRouter>`
`9`		`- <Route path='/button' component={() => <Button>Hello</Button>}/>`
	`9`	`+ <Route path='/button' component={() => <button.Button>Hello</button.Button>}/>`
`10`	`10`	`</HashRouter>,`
`11`	`11`	`globalThis.document.body`
`12`	`12`	`);`

0 commit comments

Comments

(0)