webstudio

0 Fork 0

mirror of https://github.com/webstudio-is/webstudio.git synced 2026-11-07 12:33:36 +09:00

Files

T

Oleg Isonen b19142881b Css preview (#1740 )

## Description

This PR introduces a CSS preview

<img width="934" alt="Screenshot 2023-06-10 at 03 48 55"
src="https://github.com/webstudio-is/webstudio-builder/assets/52824/c0d30136-f084-4cd5-a3e1-b98a2e29675b">



## Steps for reproduction

1. select any instance, add some styles
2. see in navigator css preivew

## Code Review

- [ ] hi @TrySound , I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio-builder/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env.example`
and the `builder/env-check.js` if mandatory

2023-06-12 15:52:52 +02:00

.storybook

Unify Storybook config (#585 )

2022-12-17 21:50:59 +01:00

src

Css preview (#1740 )

2023-06-12 15:52:52 +02:00

jest.config.js

Migrate packages to native ESM (#493 )

2022-11-23 10:12:58 +03:00

LICENSE

initial css engine

2022-11-10 19:55:38 +01:00

package.json

Update typescript (#1734 )

2023-06-09 11:03:23 +03:00

README.md

rename designer to builder

2023-02-14 11:15:24 +01:00

tsconfig.json

Initial CSS parser (#1652 )

2023-05-23 09:47:13 +02:00

README.md

CSS Engine

This package is designed to render effectively CSS in the format produced by Webstudio Builder. It is using CSS variables for all dynamic parts and can render at runtime as for usage on Live Canvas in the Builder as well as for extracting a fully static style sheet for production.