1.0.93 • Published 8 months ago

@vtex/shoreline-css v1.0.93

Weekly downloads
-
License
-
Repository
github
Last release
8 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

8 months ago

1.0.92

8 months ago

1.0.91

8 months ago

1.0.90

8 months ago

1.0.89

8 months ago

1.0.88

9 months ago

1.0.87

9 months ago

1.0.86

9 months ago

1.0.85

9 months ago

1.0.84

10 months ago

1.0.83

10 months ago

1.0.82

12 months ago

1.0.81

12 months ago

1.0.79

12 months ago

1.0.80

12 months ago

1.0.78

1 year ago

1.0.73

1 year ago

1.0.77

1 year ago

1.0.76

1 year ago

1.0.75

1 year ago

1.0.74

1 year ago

1.0.72

1 year ago

1.0.71

1 year ago

1.0.70

1 year ago

1.0.62

1 year ago

1.0.66

1 year ago

1.0.65

1 year ago

1.0.64

1 year ago

1.0.63

1 year ago

1.0.69

1 year ago

1.0.68

1 year ago

1.0.67

1 year ago

1.0.61

1 year ago

1.0.60

1 year ago

1.0.39

1 year ago

1.0.40

1 year ago

1.0.44

1 year ago

1.0.43

1 year ago

1.0.42

1 year ago

1.0.41

1 year ago

1.0.48

1 year ago

1.0.47

1 year ago

1.0.46

1 year ago

1.0.45

1 year ago

1.0.49

1 year ago

1.0.51

1 year ago

1.0.50

1 year ago

1.0.55

1 year ago

1.0.54

1 year ago

1.0.53

1 year ago

1.0.52

1 year ago

1.0.59

1 year ago

1.0.58

1 year ago

1.0.57

1 year ago

1.0.56

1 year ago

1.0.38

1 year ago

1.0.37

1 year ago

1.0.36

1 year ago

1.0.35

1 year ago

1.0.33

1 year ago

1.0.32

1 year ago

1.0.31

1 year ago

1.0.34

1 year ago

1.0.29

1 year ago

1.0.30

1 year ago

1.0.28

1 year ago

1.0.26

1 year ago

1.0.25

1 year ago

1.0.24

1 year ago

1.0.27

1 year ago

1.0.22

1 year ago

1.0.21

1 year ago

1.0.23

1 year ago

1.0.19

1 year ago

1.0.18

1 year ago

1.0.20

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.17

1 year ago

1.0.0

1 year ago

1.0.16

1 year 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

2 years ago

1.0.0-rc.53

2 years ago

1.0.0-rc.52

2 years ago

1.0.0-rc.56

2 years ago

1.0.0-rc.55

2 years ago

1.0.0-rc.54

2 years ago

1.0.0-rc.49

2 years ago

1.0.0-rc.48

2 years ago

1.0.0-rc.47

2 years ago

1.0.0-rc.51

2 years ago

1.0.0-rc.50

2 years ago

1.0.0-rc.42

2 years ago

1.0.0-rc.41

2 years ago

1.0.0-rc.40

2 years ago

1.0.0-rc.46

2 years ago

1.0.0-rc.45

2 years ago

1.0.0-rc.44

2 years ago

1.0.0-rc.43

2 years ago

1.0.0-rc.39

2 years ago

1.0.0-rc.38

2 years ago

1.0.0-rc.37

2 years ago

1.0.0-rc.35

2 years ago

1.0.0-rc.36

2 years ago

1.0.0-rc.34

2 years ago

1.0.0-rc.28

2 years ago

1.0.0-rc.27

2 years ago

1.0.0-rc.29

2 years ago

1.0.0-rc.31

2 years ago

1.0.0-rc.30

2 years ago

1.0.0-rc.33

2 years ago

1.0.0-rc.32

2 years ago

1.0.0-rc.24

2 years ago

1.0.0-rc.23

2 years ago

1.0.0-rc.26

2 years ago

1.0.0-rc.25

2 years ago

1.0.0-rc.22

2 years ago

1.0.0-rc.21

2 years ago

1.0.0-rc.20

2 years ago

1.0.0-rc.19

2 years ago

1.0.0-rc.18

2 years ago

1.0.0-rc.17

2 years ago

1.0.0-rc.16

2 years ago

1.0.0-rc.15

2 years ago

1.0.0-rc.13

2 years ago

1.0.0-rc.12

2 years ago

1.0.0-rc.14

2 years ago

1.0.0-rc.11

2 years ago

1.0.0-rc.10

2 years ago

1.0.0-rc.9

2 years ago

1.0.0-rc.7

2 years ago

1.0.0-rc.8

2 years ago

1.0.0-rc.5

2 years ago

1.0.0-rc.6

2 years ago

1.0.0-rc.4

2 years ago

1.0.0-rc.3

2 years ago

1.0.0-rc.2

2 years ago

1.0.0-rc.1

2 years ago

1.0.0-rc.0

2 years ago

0.1.0

2 years ago