@uncinq/css-components 1.28.0 → 1.29.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.
- package/css/utilities/scrollsnap.css +10 -0
- package/package.json +1 -1
|
@@ -68,6 +68,12 @@
|
|
|
68
68
|
overflow-x: auto;
|
|
69
69
|
overflow-y: hidden;
|
|
70
70
|
padding-inline: var(--container-bleed, var(--gutter));
|
|
71
|
+
/* The row is the containing block of anything absolute inside it.
|
|
72
|
+
overflow only clips what it contains: without this, an absolute
|
|
73
|
+
descendant of an unpositioned item (the .visually-hidden label of a
|
|
74
|
+
.rating, say) anchors to an ancestor outside the row, escapes the clip
|
|
75
|
+
and widens the whole page by the length of the row. */
|
|
76
|
+
position: relative;
|
|
71
77
|
scroll-snap-type: x mandatory;
|
|
72
78
|
|
|
73
79
|
> * {
|
|
@@ -89,6 +95,7 @@
|
|
|
89
95
|
overflow-x: revert-layer;
|
|
90
96
|
overflow-y: revert-layer;
|
|
91
97
|
padding-inline: revert-layer;
|
|
98
|
+
position: revert-layer;
|
|
92
99
|
scroll-snap-type: revert-layer;
|
|
93
100
|
|
|
94
101
|
> * {
|
|
@@ -107,6 +114,7 @@
|
|
|
107
114
|
overflow-x: revert-layer;
|
|
108
115
|
overflow-y: revert-layer;
|
|
109
116
|
padding-inline: revert-layer;
|
|
117
|
+
position: revert-layer;
|
|
110
118
|
scroll-snap-type: revert-layer;
|
|
111
119
|
|
|
112
120
|
> * {
|
|
@@ -125,6 +133,7 @@
|
|
|
125
133
|
overflow-x: revert-layer;
|
|
126
134
|
overflow-y: revert-layer;
|
|
127
135
|
padding-inline: revert-layer;
|
|
136
|
+
position: revert-layer;
|
|
128
137
|
scroll-snap-type: revert-layer;
|
|
129
138
|
|
|
130
139
|
> * {
|
|
@@ -143,6 +152,7 @@
|
|
|
143
152
|
overflow-x: revert-layer;
|
|
144
153
|
overflow-y: revert-layer;
|
|
145
154
|
padding-inline: revert-layer;
|
|
155
|
+
position: revert-layer;
|
|
146
156
|
scroll-snap-type: revert-layer;
|
|
147
157
|
|
|
148
158
|
> * {
|