@wix/thunderbolt-common-css 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/package.json +2 -2
  2. package/src/assets/scss/builder.scss +3 -0
  3. package/src/assets/scss/mesh.scss +50 -18
  4. package/src/index.global.scss +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/thunderbolt-common-css",
3
- "version": "1.0.0",
3
+ "version": "1.2.0",
4
4
  "license": "UNLICENSED",
5
5
  "main": "dist/index.css",
6
6
  "files": [
@@ -36,5 +36,5 @@
36
36
  ]
37
37
  }
38
38
  },
39
- "falconPackageHash": "2bdd3c6c540eefb149e67249c11d2001677aed632b967a1ecbb46ae0"
39
+ "falconPackageHash": "18aec2a141869a6da813ed41c5fa7e4dda94496ec069af6ea7279481"
40
40
  }
package/src/assets/scss/builder.scss ADDED
@@ -0,0 +1,3 @@
1
+ .wix-presets-wrapper {
2
+ display: contents;
3
+ }
package/src/assets/scss/mesh.scss CHANGED
@@ -1,12 +1,19 @@
1
- [data-mesh-id$="inlineContent"], [data-mesh-id$="centeredContent"], [data-mesh-id$="form"] {
1
+ [data-mesh-id$="inlineContent"],
2
+ [data-mesh-id$="centeredContent"],
3
+ [data-mesh-id$="form"] {
2
4
  position: relative;
3
5
  pointer-events: none;
4
6
  }
7
+
5
8
  // To make sure overlaps and soap container does not block clicks on components underneath
6
- [data-mesh-id$="-gridWrapper"], [data-mesh-id$="-rotated-wrapper"] {
9
+ [data-mesh-id$="-gridWrapper"],
10
+ [data-mesh-id$="-rotated-wrapper"] {
7
11
  pointer-events: none;
8
12
  }
9
- [data-mesh-id$="-gridContainer"] > *, [data-mesh-id$="-rotated-wrapper"] > *, [data-mesh-id$="inlineContent"] > :not([data-mesh-id$="-gridContainer"]) {
13
+
14
+ [data-mesh-id$="-gridContainer"]>*,
15
+ [data-mesh-id$="-rotated-wrapper"]>*,
16
+ [data-mesh-id$="inlineContent"]> :not([data-mesh-id$="-gridContainer"]) {
10
17
  pointer-events: auto;
11
18
  }
12
19
 
@@ -30,36 +37,54 @@
30
37
  align-items: start;
31
38
  justify-content: stretch;
32
39
 
33
- #SITE_HEADER_WRAPPER, #SITE_HEADER-placeholder, #SOSP_CONTAINER_CUSTOM_ID[data-state~="mobileView"], #PAGES_CONTAINER,
34
- #soapBeforePagesContainer, #soapAfterPagesContainer, #SITE_FOOTER_WRAPPER, #SITE_FOOTER-placeholder {
40
+ #SITE_HEADER_WRAPPER,
41
+ #SITE_HEADER-placeholder,
42
+ #SOSP_CONTAINER_CUSTOM_ID[data-state~="mobileView"],
43
+ #PAGES_CONTAINER,
44
+ #soapBeforePagesContainer,
45
+ #soapAfterPagesContainer,
46
+ #SITE_FOOTER_WRAPPER,
47
+ #SITE_FOOTER-placeholder {
35
48
  -ms-grid-column: 1;
36
49
  -ms-grid-row-align: start;
37
50
  -ms-grid-column-align: start;
38
51
  }
39
52
 
40
- #SITE_HEADER_WRAPPER, #SITE_HEADER-placeholder {
53
+ #SITE_HEADER_WRAPPER,
54
+ #SITE_HEADER-placeholder {
41
55
  -ms-grid-row: 1;
42
56
  grid-area: 1/1/2/2;
43
57
  }
44
58
 
45
- #PAGES_CONTAINER, #soapBeforePagesContainer, #soapAfterPagesContainer {
59
+ #PAGES_CONTAINER,
60
+ #soapBeforePagesContainer,
61
+ #soapAfterPagesContainer {
46
62
  -ms-grid-row: 3;
47
63
  grid-area: 3/1/4/2;
48
64
  }
49
- #soapBeforePagesContainer, #soapAfterPagesContainer {
65
+
66
+ #soapBeforePagesContainer,
67
+ #soapAfterPagesContainer {
50
68
  width: 100%; // IE11 needs this
51
69
  }
70
+
52
71
  #PAGES_CONTAINER {
53
72
  align-self: stretch;
54
73
  }
74
+
55
75
  main#PAGES_CONTAINER {
56
76
  display: block; // IE11 - main element is not block
57
77
  }
58
- #SITE_FOOTER_WRAPPER, #SITE_FOOTER-placeholder {
78
+
79
+ #SITE_FOOTER_WRAPPER,
80
+ #SITE_FOOTER-placeholder {
59
81
  -ms-grid-row: 4;
60
82
  grid-area: 4/1/5/2;
61
83
  }
62
- [data-mesh-id=PAGES_CONTAINERcenteredContent], [data-mesh-id=PAGES_CONTAINERinlineContent] , #SITE_PAGES {
84
+
85
+ [data-mesh-id=PAGES_CONTAINERcenteredContent],
86
+ [data-mesh-id=PAGES_CONTAINERinlineContent],
87
+ #SITE_PAGES {
63
88
  height: 100%;
64
89
  }
65
90
 
@@ -69,27 +94,34 @@
69
94
  }
70
95
  }
71
96
 
72
- #SITE_PAGES, #SITE_HEADER_WRAPPER, #SITE_FOOTER_WRAPPER , #PAGES_CONTAINER, #masterPageinlineContent {
97
+ #SITE_PAGES,
98
+ #SITE_HEADER_WRAPPER,
99
+ #SITE_FOOTER_WRAPPER,
100
+ #PAGES_CONTAINER,
101
+ #masterPageinlineContent {
73
102
  position: relative;
74
103
  }
75
104
 
76
- // Controlled by the layout in one doc
77
- &:not(.one-doc) {
78
- #SITE_FOOTER, #SITE_HEADER {
79
- position: relative;
80
- }
105
+
106
+ #SITE_FOOTER,
107
+ #SITE_HEADER {
108
+ position: relative;
81
109
  }
82
110
 
111
+
83
112
  #SITE_HEADER {
84
113
  grid-area: 1/1/2/2;
85
114
  }
115
+
86
116
  #SITE_FOOTER {
87
117
  grid-area: 4/1/5/2;
88
118
  }
89
119
 
90
120
  &.overflow-x-clip {
91
- #SITE_HEADER, #SITE_FOOTER {
121
+
122
+ #SITE_HEADER,
123
+ #SITE_FOOTER {
92
124
  overflow-x: clip;
93
125
  }
94
126
  }
95
- }
127
+ }
package/src/index.global.scss CHANGED
@@ -5,3 +5,4 @@
5
5
  @import './assets/scss/transforms.scss';
6
6
  @import './assets/scss/wixSites.scss';
7
7
  @import './assets/scss/themeWiringVars.scss';
8
+ @import './assets/scss/builder.scss';