Commit1525757

committed

better use of 'polished'

1 parent621fa98 commit1525757Copy full SHA for 1525757

File tree

+19

-6

lines changed

+19

-6

lines changed

Lines changed: 16 additions & 4 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,15 +7,16 @@`
`7`	`7`	`importReactfrom'react'`
`8`	`8`	`import{inject,observer}from'mobx-react'`
`9`	`9`	`importstyled,{ThemeProvider}from'styled-components'`
	`10`	`+// import { selection } from 'polished'`
`10`	`11`
`11`	`12`	`import{theme}from'../../utils/themes'`
`12`	`13`	`importglobalStylesfrom'../../utils/global_styles'`
`13`	`14`	`// import observer from '../../utils/mobx_utils'`
`14`	`15`
`15`		-constContainer=styled.div`
`16`		`-*::selection {`
`17`		`-background-color:${theme('selection_bg')};`
`18`		`-}`
	`16`	`+/*`
	`17`	`+*::selection {`
	`18`	`+ background-color: ${theme('selection_bg')};`
	`19`	`+}`
`19`	`20`
`20`	`21`	`::-moz-selection {`
`21`	`22`	`background-color: ${theme('selection_bg')};`
@@ -32,6 +33,17 @@ const Container = styled.div`
`32`	`33`	`*::-webkit-selection {`
`33`	`34`	`background-color: ${theme('selection_bg')};`
`34`	`35`	`}`
	`36`	`+ */`
	`37`	`+`
	`38`	`+// ${selection({ backgroundColor: 'tomato' }, '*')};`
	`39`	+constContainer=styled.div`
	`40`	`+ *::-moz-selection {`
	`41`	`+ background-color:${theme('selection_bg')};`
	`42`	`+ }`
	`43`	`+`
	`44`	`+ *::selection {`
	`45`	`+ background-color:${theme('selection_bg')};`
	`46`	`+ }`
`35`	`47`	`
`36`	`48`
`37`	`49`	`constselector=({ store})=>({`

Lines changed: 3 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,6 @@`
`1`	`1`	`importstyled,{keyframes}from'styled-components'`
	`2`	`+import{placeholder}from'polished'`
	`3`	`+`
`2`	`4`	`import{theme}from'../../../utils/themes'`
`3`	`5`
`4`	`6`	`import{Img}from'../../../components'`
@@ -89,8 +91,7 @@ export const InfoBar = styled(BaseBar)`
`89`	`91`	exportconstInputBar=styled.input`
`90`	`92`	`caret-color:${theme('u_panel.search_input')};`
`91`	`93`	`flex-grow: 1;`
`92`		`- font-family: '.SFNSText-Light', 'SF UI Text', 'Helvetica Neue', 'Arial',`
`93`		`- 'Lucida Grande', 'Segoe UI', Noto Sans, sans-serif;`
	`94`	`+${placeholder({color:'wheat'})};`
`94`	`95`	`height: 100%;`
`95`	`96`	`width: auto;`
`96`	`97`	`outline: none;`

Comments

(0)