0.55.11 • Published 2 months ago

@startupjs/babel-plugin-rn-stylename-inline v0.55.11

Weekly downloads
466
License
MIT
Repository
github
Last release
2 months ago

@startupjs/babel-plugin-rn-stylename-inline

Adds support for in-JS template strings css\`andstyl``` for CSS styles for react-native.

Must be used together with @startupjs/babel-plugin-rn-stylename library.

Options

platform -- what platform the compilation is on. For example, web or ios or android.

Example

File-level scope (global to file)

import React from 'react'
import { View } from 'react-native'
import { css } from 'startupjs'

export default function Card () {
  return <View styleName='card active'><Line /></View>
}
function Line () {
  return <View styleName='line' />
}
css`
  .card {
    padding: 8px 16px;
  }
  .line {
    margin-top: 16px;
    border-radius: 8px;
  }
  .active {
    background-color: red;
  }
`

Local component scope (inside particular react component function)

import React from 'react'
import { View } from 'react-native'
import { css, styl } from 'startupjs'

export default function Card () {
  return <View styleName='root active'><Line /></View>
  // .root will be scoped only to this specific component
  styl`
    .root
      padding: 8px 16px
  `
}
function Line () {
  return <View styleName='root' />
  // .root will be scoped only to this specific component
  css`
    .root {
      margin-top: 16px;
      border-radius: 8px;
    }
  `
}
// you can use global- and local- scoped styles together
styl`
  .active
    background-color red
`

Licence

MIT

0.59.0-canary.9

7 months ago

0.59.0-canary.7

7 months ago

0.59.0-canary.1

8 months ago

0.59.0-canary.0

8 months ago

0.59.0-canary.10

6 months ago

0.59.0-canary.13

2 months ago

0.59.0-canary.12

2 months ago

0.57.0-canary.91

8 months ago

0.57.0-canary.83

9 months ago

0.57.0-canary.82

9 months ago

0.57.0-canary.61

11 months ago

0.57.0-canary.60

11 months ago

0.57.0-canary.69

10 months ago

0.57.0-canary.68

10 months ago

0.57.0-canary.65

10 months ago

0.57.0-canary.64

11 months ago

0.57.0-canary.50

11 months ago

0.57.0-canary.59

11 months ago

0.57.0-canary.58

11 months ago

0.57.0-canary.57

11 months ago

0.57.0-canary.56

11 months ago

0.57.0-canary.55

11 months ago

0.57.0-canary.54

11 months ago

0.57.0-canary.53

11 months ago

0.57.0-canary.71

10 months ago

0.57.0-canary.76

10 months ago

0.57.0-canary.75

10 months ago

0.57.0-canary.28

12 months ago

0.57.0-canary.26

12 months ago

0.57.0-canary.48

11 months ago

0.57.0-canary.47

11 months ago

0.57.0-canary.46

11 months ago

0.57.0-canary.45

11 months ago

0.57.0-canary.39

12 months ago

0.57.0-canary.36

12 months ago

0.57.0-canary.31

12 months ago

0.57.0-canary.30

12 months ago

0.57.0-canary.5

1 year ago

0.57.0-canary.1

1 year ago

0.57.0-canary.0

1 year ago

0.56.0-alpha.69

1 year ago

0.56.0-alpha.68

1 year ago

0.56.0-alpha.67

1 year ago

0.56.0-alpha.66

1 year ago

0.56.0-alpha.64

1 year ago

0.56.0-alpha.59

1 year ago

0.56.0-alpha.57

1 year ago

0.56.0-alpha.54

1 year ago

0.56.0-alpha.53

1 year ago

0.56.0-alpha.56

1 year ago

0.56.0-alpha.55

1 year ago

0.56.0-alpha.49

1 year ago

0.56.0-alpha.50

1 year ago

0.56.0-alpha.47

1 year ago

0.56.0-alpha.45

1 year ago

0.56.0-alpha.42

1 year ago

0.56.0-alpha.40

1 year ago

0.56.0-alpha.38

1 year ago

0.56.0-alpha.37

1 year ago

0.56.0-alpha.32

1 year ago

0.56.0-alpha.35

1 year ago

0.56.0-alpha.34

1 year ago

0.56.0-alpha.33

1 year ago

0.56.0-alpha.26

1 year ago

0.56.0-alpha.25

1 year ago

0.56.0-alpha.13

1 year ago

0.56.0-alpha.18

1 year ago

0.56.0-alpha.12

1 year ago

0.56.0-alpha.11

1 year ago

0.56.0-alpha.10

1 year ago

0.56.0-alpha.9

1 year ago

0.56.0-alpha.8

1 year ago

0.56.0-alpha.4

1 year ago

0.56.0-alpha.3

1 year ago

0.56.0-alpha.2

1 year ago

0.56.0-alpha.1

1 year ago

0.56.0-alpha.0

1 year ago

0.55.11

2 years ago

0.55.8

2 years ago

0.55.9

2 years ago

0.55.4

2 years ago

0.55.5

2 years ago

0.55.1

2 years ago

0.55.0-alpha.1

2 years ago

0.55.0-alpha.0

2 years ago

0.55.0

2 years ago

0.55.0-alpha.23

2 years ago

0.55.0-alpha.19

2 years ago

0.55.0-alpha.14

2 years ago

0.55.0-alpha.17

2 years ago

0.55.0-alpha.16

2 years ago

0.53.3

2 years ago

0.53.0

2 years ago

0.55.0-alpha.11

2 years ago

0.55.0-alpha.12

2 years ago

0.54.1

2 years ago

0.54.2

2 years ago

0.54.0

2 years ago

0.52.3

2 years ago

0.52.0-alpha.0

2 years ago

0.51.0

2 years ago

0.50.23

2 years ago

0.52.1

2 years ago

0.52.0

2 years ago

0.50.13

2 years ago

0.50.12

2 years ago

0.50.5

3 years ago

0.48.0

3 years ago

0.49.0

3 years ago

0.47.6

3 years ago

0.47.4

3 years ago

0.47.0

3 years ago

0.44.28

3 years ago

0.45.5

3 years ago

0.45.6

3 years ago

0.45.3

3 years ago

0.45.4

3 years ago

0.45.1

3 years ago

0.45.2

3 years ago

0.45.0

3 years ago

0.46.0

3 years ago

0.44.23

3 years ago

0.44.24

3 years ago

0.44.16

3 years ago

0.44.17

3 years ago

0.44.14

3 years ago

0.44.0

3 years ago

0.43.0

3 years ago

0.41.2

4 years ago

0.41.0

4 years ago

0.42.20

3 years ago

0.42.6

3 years ago

0.42.0

3 years ago

0.43.1

3 years ago

0.41.4

4 years ago

0.39.11

4 years ago

0.40.9

4 years ago

0.40.6

4 years ago

0.40.2

4 years ago

0.40.0

4 years ago

0.40.1

4 years ago

0.39.10

4 years ago

0.39.6

4 years ago

0.39.5

4 years ago

0.39.4

4 years ago

0.39.0

4 years ago

0.38.5

4 years ago

0.38.3

4 years ago

0.38.2

4 years ago

0.38.0

4 years ago

0.37.8

4 years ago

0.37.7

4 years ago

0.37.6

4 years ago

0.37.5

4 years ago

0.37.0

4 years ago

0.36.1

4 years ago

0.36.0

4 years ago

0.35.10

4 years ago

0.35.9

4 years ago

0.35.7

4 years ago

0.35.5

4 years ago

0.35.2

4 years ago

0.35.0

4 years ago

0.34.8

4 years ago

0.34.0

4 years ago

0.33.0

4 years ago

0.33.0-alpha.4

4 years ago

0.33.0-alpha.1

4 years ago

0.33.0-alpha.0

4 years ago

0.32.1

4 years ago

0.32.0

4 years ago

0.31.26

4 years ago

0.31.24

4 years ago

0.31.23

4 years ago

0.31.2

5 years ago

0.31.0

5 years ago

0.30.9

5 years ago

0.30.7

5 years ago

0.30.6

5 years ago

0.30.5

5 years ago

0.30.4

5 years ago

0.30.3

5 years ago

0.30.2

5 years ago

0.30.1

5 years ago

0.29.16

5 years ago

0.29.14

5 years ago

0.30.0

5 years ago

0.29.13

5 years ago

0.29.12

5 years ago

0.29.10

5 years ago

0.29.5

5 years ago

0.29.2

5 years ago

0.29.0

5 years ago

0.28.0

5 years ago

0.27.0

5 years ago

0.26.8

5 years ago

0.26.7

5 years ago

0.26.4

5 years ago

0.26.3

5 years ago

0.26.0

5 years ago

0.25.1

5 years ago

0.25.0

5 years ago

0.24.4

5 years ago

0.24.2

5 years ago

0.24.0

5 years ago

0.23.52

5 years ago

0.23.51

5 years ago

0.23.47

5 years ago

0.23.44

5 years ago

0.23.45

5 years ago

0.23.43

5 years ago

0.23.41

5 years ago

0.23.40

5 years ago

0.23.39

5 years ago

0.23.37

5 years ago

0.23.36

5 years ago

0.23.33

5 years ago