1.0.93 • Published 4 months ago

@vtex/shoreline-css v1.0.93

Weekly downloads
-
License
-
Repository
github
Last release
4 months ago

Shoreline CSS

The theme files are generated programmatically using the @vtex/shoreline-css package.

Declaring tokens

You can declare the @theme at-rule to declare the theme:

@theme <theme-name> {
  /* css rule */
}

For example:

@theme sunrise {
  :where(html) {
    --space-1: 1rem;
    --space-2: 2rem;
    --bg-base: #fff;
  }
}

You don't need to prefix the variables, this will be done afterwards.

Transforming tokens

Use the tokens function to transform tokens.

import { tokens } from '@vtex/shoreline-css'

tokens({
  inputFile: 'src/tokens.css',
  outdir: 'dist',
  emitFile: true,
  useCascadeLayers: true,
  browserslistQuery: 'last 2 versions'
})

This code generates the tokens.css file in the outdir folder.

@layer sl-tokens {
  :where(html) {
    --sl-space-1: 1rem;
    --sl-space-2: 2rem;
    --sl-bg-base: #fff;
  }
}

Bundling

The bundle function bundles existing css code with the tokens.

import { bundle } from '@vtex/shoreline-css'

bundle({
  inputFile: 'src/styles.css',
  tokensFile: 'src/tokens.css'
  outdir: 'dist',
  useCascadeLayers: true,
  browserslistQuery: 'last 2 versions'
})
fs-extrabrowserslistlightningcss@vtex/shoreline-utils
@vtex/shoreline-cli
1.0.93

4 months ago

1.0.92

4 months ago

1.0.91

4 months ago

1.0.90

5 months ago

1.0.89

5 months ago

1.0.88

5 months ago

1.0.87

5 months ago

1.0.86

5 months ago

1.0.85

6 months ago

1.0.84

6 months ago

1.0.83

6 months ago

1.0.82

8 months ago

1.0.81

8 months ago

1.0.79

9 months ago

1.0.80

9 months ago

1.0.78

9 months ago

1.0.73

9 months ago

1.0.77

9 months ago

1.0.76

9 months ago

1.0.75

9 months ago

1.0.74

9 months ago

1.0.72

9 months ago

1.0.71

9 months ago

1.0.70

9 months ago

1.0.62

10 months ago

1.0.66

9 months ago

1.0.65

9 months ago

1.0.64

9 months ago

1.0.63

10 months ago

1.0.69

9 months ago

1.0.68

9 months ago

1.0.67

9 months ago

1.0.61

10 months ago

1.0.60

10 months ago

1.0.39

11 months ago

1.0.40

11 months ago

1.0.44

11 months ago

1.0.43

11 months ago

1.0.42

11 months ago

1.0.41

11 months ago

1.0.48

10 months ago

1.0.47

10 months ago

1.0.46

10 months ago

1.0.45

11 months ago

1.0.49

10 months ago

1.0.51

10 months ago

1.0.50

10 months ago

1.0.55

10 months ago

1.0.54

10 months ago

1.0.53

10 months ago

1.0.52

10 months ago

1.0.59

10 months ago

1.0.58

10 months ago

1.0.57

10 months ago

1.0.56

10 months ago

1.0.38

11 months ago

1.0.37

11 months ago

1.0.36

11 months ago

1.0.35

11 months ago

1.0.33

11 months ago

1.0.32

11 months ago

1.0.31

11 months ago

1.0.34

11 months ago

1.0.29

11 months ago

1.0.30

11 months ago

1.0.28

11 months ago

1.0.26

11 months ago

1.0.25

12 months ago

1.0.24

12 months ago

1.0.27

11 months ago

1.0.22

12 months ago

1.0.21

12 months ago

1.0.23

12 months ago

1.0.19

12 months ago

1.0.18

12 months ago

1.0.20

12 months ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.17

12 months ago

1.0.0

1 year ago

1.0.16

12 months ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.0-rc.86

1 year ago

1.0.0-rc.85

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.0-rc.84

1 year ago

1.0.0-rc.83

1 year ago

1.0.0-rc.82

1 year ago

1.0.0-rc.81

1 year ago

1.0.0-rc.80

1 year ago

1.0.0-rc.75

1 year ago

1.0.0-rc.74

1 year ago

1.0.0-rc.73

1 year ago

1.0.0-rc.72

1 year ago

1.0.0-rc.79

1 year ago

1.0.0-rc.78

1 year ago

1.0.0-rc.77

1 year ago

1.0.0-rc.76

1 year ago

1.0.0-rc.71

1 year ago

1.0.0-rc.70

1 year ago

1.0.0-rc.68

1 year ago

1.0.0-rc.67

1 year ago

1.0.0-rc.69

1 year ago

1.0.0-rc.66

1 year ago

1.0.0-rc.65

1 year ago

1.0.0-rc.64

1 year ago

1.0.0-rc.63

1 year ago

1.0.0-rc.62

1 year ago

1.0.0-rc.60

1 year ago

1.0.0-rc.59

1 year ago

1.0.0-rc.61

1 year ago

1.0.0-rc.58

1 year ago

1.0.0-rc.57

1 year ago

1.0.0-rc.53

1 year ago

1.0.0-rc.52

1 year ago

1.0.0-rc.56

1 year ago

1.0.0-rc.55

1 year ago

1.0.0-rc.54

1 year ago

1.0.0-rc.49

1 year ago

1.0.0-rc.48

1 year ago

1.0.0-rc.47

1 year ago

1.0.0-rc.51

1 year ago

1.0.0-rc.50

1 year ago

1.0.0-rc.42

1 year ago

1.0.0-rc.41

1 year ago

1.0.0-rc.40

1 year ago

1.0.0-rc.46

1 year ago

1.0.0-rc.45

1 year ago

1.0.0-rc.44

1 year ago

1.0.0-rc.43

1 year ago

1.0.0-rc.39

1 year ago

1.0.0-rc.38

1 year ago

1.0.0-rc.37

1 year ago

1.0.0-rc.35

1 year ago

1.0.0-rc.36

1 year ago

1.0.0-rc.34

1 year ago

1.0.0-rc.28

1 year ago

1.0.0-rc.27

1 year ago

1.0.0-rc.29

1 year ago

1.0.0-rc.31

1 year ago

1.0.0-rc.30

1 year ago

1.0.0-rc.33

1 year ago

1.0.0-rc.32

1 year ago

1.0.0-rc.24

1 year ago

1.0.0-rc.23

1 year ago

1.0.0-rc.26

1 year ago

1.0.0-rc.25

1 year ago

1.0.0-rc.22

1 year ago

1.0.0-rc.21

1 year ago

1.0.0-rc.20

1 year ago

1.0.0-rc.19

1 year ago

1.0.0-rc.18

1 year ago

1.0.0-rc.17

1 year ago

1.0.0-rc.16

1 year ago

1.0.0-rc.15

1 year ago

1.0.0-rc.13

1 year ago

1.0.0-rc.12

1 year ago

1.0.0-rc.14

1 year ago

1.0.0-rc.11

1 year ago

1.0.0-rc.10

1 year ago

1.0.0-rc.9

1 year ago

1.0.0-rc.7

1 year ago

1.0.0-rc.8

1 year ago

1.0.0-rc.5

1 year ago

1.0.0-rc.6

1 year ago

1.0.0-rc.4

1 year ago

1.0.0-rc.3

1 year ago

1.0.0-rc.2

1 year ago

1.0.0-rc.1

1 year ago

1.0.0-rc.0

1 year ago

0.1.0

1 year ago