Skip to content

Commit

Permalink
feat(ld-bg-cells): add third layer option to background cells
Browse files Browse the repository at this point in the history 
BREAKING CHANGE:
- Removes <slot /> from ld-bg-cells
- CSS properties '--ld-bg-cells-pattern-col', '--ld-bg-cells-position' and '--ld-bg-cells-size' have been replaced / renamed
- Generally renames css class names of ld-bg-cells from pattern to layer
  • Loading branch information
@toastedtoast @borisdiakur
toastedtoast authored and borisdiakur committed Sep 5, 2022
1 parent b62a8b0 commit 7495753
Show file tree
Hide file tree
Showing 55 changed files with 437 additions and 247 deletions.
2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@
"jest-cli": "^27.5.1",
"jest-matchmedia-mock": "^1.1.0",
"lint-staged": "^12.3.7",
"live-server": "^1.2.1",
"live-server": "1.2.1",
"lodash.memoize": "^4.1.2",
"markdown-it-anchor": "^8.6.2",
"markdown-it-replace-link": "^1.1.0",
Expand Down
125 changes: 69 additions & 56 deletions screenshot/builds/master.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -461,7 +461,7 @@
},
{
"id": "61224c7a",
"image": "0178e092afecf413cf09ea3089f691f9.png",
"image": "d61b56766d2e4fad0796f151a783406a.png",
"userAgent": "default",
"desc": "ld-bg-cells css component default",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -474,7 +474,7 @@
},
{
"id": "ded32eec",
"image": "ac28c76e26f3e8c301753f043760ecb6.png",
"image": "6a7ab48156e1e15a83e3d2989d8f745b.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type bioreliance",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -487,7 +487,7 @@
},
{
"id": "e70495e8",
"image": "8a39125adc5dd045e50350ea3fc52f16.png",
"image": "61e32cbddbe3a74dfb5cbbe173468d1b.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type f",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -500,7 +500,7 @@
},
{
"id": "98f79641",
"image": "0178e092afecf413cf09ea3089f691f9.png",
"image": "d61b56766d2e4fad0796f151a783406a.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type hexagon",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -513,7 +513,7 @@
},
{
"id": "557d96f5",
"image": "b0a699c5365d1f1b099db74d24b3a6f3.png",
"image": "9bd17cb8f79882e80a77f92be63678d2.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type millipore",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -524,9 +524,35 @@
"isLandscape": false,
"isMobile": false
},
{
"id": "3fd0f934",
"image": "f614c4f4ad402c06790aa6391a924720.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type milliq",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "f14e54a0",
"image": "9b7e5dd74d84451e0da13c17959503a3.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type o",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "441aa8fe",
"image": "58cda7db312531479f66fa2770b8c850.png",
"image": "b9a6ba06014db691bb20af2ea07debe5.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type safc",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -539,7 +565,7 @@
},
{
"id": "dd5b7473",
"image": "65eb0da7ff84d546bd90197a2c72df48.png",
"image": "d3a31b473481ea636494e73fc7af0544.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type sigma-aldrich",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -552,7 +578,7 @@
},
{
"id": "78bc0075",
"image": "2e2eb1b0b4b2e43f8b210106d8fdf893.png",
"image": "d4b0b38c88191791be351dd81d604dfa.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type supelco",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -565,7 +591,7 @@
},
{
"id": "b83633d8",
"image": "0d12f1567ce00b9f8301fe66d0afad94.png",
"image": "2e117ee46a37380529d19fe3f74fdd63.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type t",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -578,7 +604,7 @@
},
{
"id": "be4f2648",
"image": "d81c7858e112371c86dae67bad242c7d.png",
"image": "64db07bda29e3067e76e737e5723843e.png",
"userAgent": "default",
"desc": "ld-bg-cells css component type tile",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -591,7 +617,7 @@
},
{
"id": "a028332f",
"image": "1e5e16511e50cba3007333023dc44c34.png",
"image": "632530463cdd133260ee489d7b447641.png",
"userAgent": "default",
"desc": "ld-bg-cells css component with custom css vars",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -603,23 +629,10 @@
"isMobile": false
},
{
"id": "7ffa1c71",
"image": "0178e092afecf413cf09ea3089f691f9.png",
"userAgent": "default",
"desc": "ld-bg-cells css component with repeating cell pattern",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
"deviceScaleFactor": 1,
"hasTouch": false,
"isLandscape": false,
"isMobile": false
},
{
"id": "b556e763",
"image": "99fdaae468fe7fd4f4c511ba89f4692a.png",
"id": "9585448e",
"image": "0f1bfbb3c7a8ca206f8872727b9f0a03.png",
"userAgent": "default",
"desc": "ld-bg-cells css component with scrollable content",
"desc": "ld-bg-cells css component with three layers",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -630,7 +643,7 @@
},
{
"id": "d4180b1a",
"image": "0178e092afecf413cf09ea3089f691f9.png",
"image": "d61b56766d2e4fad0796f151a783406a.png",
"userAgent": "default",
"desc": "ld-bg-cells web component default",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -643,7 +656,7 @@
},
{
"id": "13ac6905",
"image": "ac28c76e26f3e8c301753f043760ecb6.png",
"image": "6a7ab48156e1e15a83e3d2989d8f745b.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type bioreliance",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -656,7 +669,7 @@
},
{
"id": "faa21405",
"image": "8a39125adc5dd045e50350ea3fc52f16.png",
"image": "61e32cbddbe3a74dfb5cbbe173468d1b.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type f",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -669,7 +682,7 @@
},
{
"id": "b2400420",
"image": "0178e092afecf413cf09ea3089f691f9.png",
"image": "d61b56766d2e4fad0796f151a783406a.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type hexagon",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -682,7 +695,7 @@
},
{
"id": "89d83327",
"image": "b0a699c5365d1f1b099db74d24b3a6f3.png",
"image": "9bd17cb8f79882e80a77f92be63678d2.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type millipore",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
Expand All @@ -694,10 +707,10 @@
"isMobile": false
},
{
"id": "d7796855",
"image": "58cda7db312531479f66fa2770b8c850.png",
"id": "3941963b",
"image": "f614c4f4ad402c06790aa6391a924720.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type safc",
"desc": "ld-bg-cells web component type milliq",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -707,10 +720,10 @@
"isMobile": false
},
{
"id": "344b18f6",
"image": "65eb0da7ff84d546bd90197a2c72df48.png",
"id": "43dbca1f",
"image": "9b7e5dd74d84451e0da13c17959503a3.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type sigma-aldrich",
"desc": "ld-bg-cells web component type o",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -720,10 +733,10 @@
"isMobile": false
},
{
"id": "6802b6e4",
"image": "2e2eb1b0b4b2e43f8b210106d8fdf893.png",
"id": "d7796855",
"image": "b9a6ba06014db691bb20af2ea07debe5.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type supelco",
"desc": "ld-bg-cells web component type safc",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -733,10 +746,10 @@
"isMobile": false
},
{
"id": "c82fadbe",
"image": "0d12f1567ce00b9f8301fe66d0afad94.png",
"id": "344b18f6",
"image": "d3a31b473481ea636494e73fc7af0544.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type t",
"desc": "ld-bg-cells web component type sigma-aldrich",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -746,10 +759,10 @@
"isMobile": false
},
{
"id": "45a6e6c9",
"image": "d81c7858e112371c86dae67bad242c7d.png",
"id": "6802b6e4",
"image": "d4b0b38c88191791be351dd81d604dfa.png",
"userAgent": "default",
"desc": "ld-bg-cells web component type tile",
"desc": "ld-bg-cells web component type supelco",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -759,10 +772,10 @@
"isMobile": false
},
{
"id": "0229b96c",
"image": "1e5e16511e50cba3007333023dc44c34.png",
"id": "c82fadbe",
"image": "2e117ee46a37380529d19fe3f74fdd63.png",
"userAgent": "default",
"desc": "ld-bg-cells web component with custom css vars",
"desc": "ld-bg-cells web component type t",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -772,10 +785,10 @@
"isMobile": false
},
{
"id": "b19ed956",
"image": "0178e092afecf413cf09ea3089f691f9.png",
"id": "45a6e6c9",
"image": "64db07bda29e3067e76e737e5723843e.png",
"userAgent": "default",
"desc": "ld-bg-cells web component with repeating cell pattern",
"desc": "ld-bg-cells web component type tile",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand All @@ -785,10 +798,10 @@
"isMobile": false
},
{
"id": "c1d7c1a4",
"image": "99fdaae468fe7fd4f4c511ba89f4692a.png",
"id": "0229b96c",
"image": "632530463cdd133260ee489d7b447641.png",
"userAgent": "default",
"desc": "ld-bg-cells web component with scrollable content",
"desc": "ld-bg-cells web component with custom css vars",
"testPath": "./src/liquid/components/ld-bg-cells/test/ld-bg-cells.e2e.ts",
"width": 600,
"height": 600,
Expand Down
Binary file removed screenshot/images/0178e092afecf413cf09ea3089f691f9.png
View file
Binary file not shown.
Binary file removed screenshot/images/0d12f1567ce00b9f8301fe66d0afad94.png
View file
Binary file not shown.
Binary file added screenshot/images/0f1bfbb3c7a8ca206f8872727b9f0a03.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed screenshot/images/1e5e16511e50cba3007333023dc44c34.png
View file
Binary file not shown.
Binary file added screenshot/images/2e117ee46a37380529d19fe3f74fdd63.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed screenshot/images/2e2eb1b0b4b2e43f8b210106d8fdf893.png
View file
Binary file not shown.
Binary file removed screenshot/images/58cda7db312531479f66fa2770b8c850.png
View file
Binary file not shown.
Binary file added screenshot/images/61e32cbddbe3a74dfb5cbbe173468d1b.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/632530463cdd133260ee489d7b447641.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/64db07bda29e3067e76e737e5723843e.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed screenshot/images/65eb0da7ff84d546bd90197a2c72df48.png
View file
Binary file not shown.
Binary file added screenshot/images/6a7ab48156e1e15a83e3d2989d8f745b.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed screenshot/images/8a39125adc5dd045e50350ea3fc52f16.png
View file
Binary file not shown.
Binary file removed screenshot/images/99fdaae468fe7fd4f4c511ba89f4692a.png
View file
Binary file not shown.
Binary file added screenshot/images/9b7e5dd74d84451e0da13c17959503a3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/9bd17cb8f79882e80a77f92be63678d2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed screenshot/images/ac28c76e26f3e8c301753f043760ecb6.png
View file
Binary file not shown.
Binary file removed screenshot/images/b0a699c5365d1f1b099db74d24b3a6f3.png
View file
Binary file not shown.
Binary file added screenshot/images/b9a6ba06014db691bb20af2ea07debe5.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/d3a31b473481ea636494e73fc7af0544.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/d4b0b38c88191791be351dd81d604dfa.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added screenshot/images/d61b56766d2e4fad0796f151a783406a.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed screenshot/images/d81c7858e112371c86dae67bad242c7d.png
View file
Binary file not shown.
Binary file added screenshot/images/f614c4f4ad402c06790aa6391a924720.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/liquid/components/ld-bg-cells/assets/bioreliance-cell-original.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

1 comment on commit 7495753

@vercel
Copy link

@vercel vercel bot commented on 7495753 Sep 5, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

liquid – ./

liquid-oxygen.vercel.app
liquid-uxsd.vercel.app
liquid-git-main-uxsd.vercel.app

Please sign in to comment.